/* v3-pages.css — «التعميمات» «قائمة الأسعار» «الشروط والأحكام» «طلباتي» «حسابات تكلفة الشحن» (v3-pages.js).
   Everything scoped under .v3pg-* and the five panels; reuses the base tokens and classes. */
#tabCirculars,#tabPrices,#tabTerms,#tabRequests,#tabShipcost{max-width:980px}
.v3pg-head{margin-bottom:10px}
.v3pg-head .ag-hint{margin-bottom:4px}
.v3pg-count{font-size:12.5px;color:var(--muted);margin:4px 0 10px}
.v3pg-count b{color:var(--navy)}
.v3pg-note{font-size:12px;color:var(--muted);margin:10px 2px 0;line-height:1.7}
.v3pg-sec{margin-bottom:22px}
.v3pg-sec-t{font-family:'Cairo';font-weight:800;font-size:15.5px;color:var(--navy);margin:0 0 10px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.v3pg-sec-t span{font-family:'Tajawal';font-weight:500;font-size:12px;color:var(--muted)}
.badge.n{background:#eef1f6;color:#475569}
.badge.p{background:#e0e7ff;color:#3730a3}

/* ---- circulars ---- */
.v3pg-circs{display:flex;flex-direction:column;gap:8px}
.v3pg-circ{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.v3pg-circ.pinned{border-right:4px solid var(--navy)}
.v3pg-circ-top{display:flex;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;text-align:start;color:var(--ink)} /* v3-i18n */
.v3pg-circ-top:hover{background:#f8fafd}
.v3pg-dot{width:9px;height:9px;border-radius:50%;flex:none;margin-top:7px;background:transparent}
.v3pg-circ.unread .v3pg-dot{background:var(--blue)}
.v3pg-circ-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.v3pg-circ-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}
.v3pg-pin{font-size:11px;font-weight:700;color:var(--navy);display:inline-flex;align-items:center;gap:3px}
.v3pg-pin svg{width:13px;height:13px;stroke:var(--navy)}
.v3pg-date{font-family:'Cairo'}
.v3pg-circ-t{font-family:'Cairo';font-weight:700;font-size:14.5px;color:var(--ink)}
.v3pg-circ.unread .v3pg-circ-t{font-weight:800;color:var(--navy)}
.v3pg-chev{flex:none;color:#93a2b8;font-size:18px;line-height:1;margin-top:6px;transition:transform .15s;transform:rotate(-90deg)}
.v3pg-circ.open .v3pg-chev{transform:rotate(90deg)}
.v3pg-circ-body{padding:0 33px 14px 14px;font-size:13.5px;line-height:1.8;color:var(--ink)}
.v3pg-circ-body p{margin:0 0 8px}
.v3pg-link{color:var(--blue);font-weight:700;font-size:13px;padding:0}
.v3pg-link:hover{text-decoration:underline}

/* ---- price list ---- */
.v3pg-eff{margin:0 0 16px;line-height:1.7}
.v3pg-table{display:none}
.v3pg-mob{display:flex;flex-direction:column;gap:8px}
.v3pg-rows{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.v3pg-rows-t{background:var(--blue-soft);color:var(--navy);font-family:'Cairo';font-weight:700;font-size:13px;padding:8px 14px}
.v3pg-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;border-top:1px solid #EDF1F7;font-size:13px}
.v3pg-row:first-of-type{border-top:0}
.v3pg-row span{min-width:0;color:var(--ink)}
.v3pg-row b{font-family:'Cairo';font-weight:800;color:var(--navy);white-space:nowrap;flex:none}
@media (min-width:768px){
  .v3pg-table{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow-x:auto}
  .v3pg-mob{display:none}
  .v3pg-table table{width:100%;border-collapse:collapse}
  .v3pg-table thead th{background:var(--navy);color:#fff;font-family:'Cairo';font-weight:700;font-size:12.5px;padding:12px;text-align:start;white-space:nowrap} /* v3-i18n */
  .v3pg-table thead th small{font-weight:500;opacity:.8;font-size:11px}
  .v3pg-table tbody td{padding:11px 12px;border-bottom:1px solid var(--line);font-size:13.5px}
  .v3pg-table tbody tr:last-child td{border-bottom:none}
  .v3pg-table td.v3pg-amt{font-family:'Cairo';font-weight:700;color:var(--navy);white-space:nowrap}
}

/* ---- terms ---- */
.v3pg-ver{font-size:12px;color:var(--muted);margin:0 0 12px}
.v3pg-index{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:6px 8px}
.v3pg-index-t{width:100%;font-family:'Cairo';font-weight:800;color:var(--navy);font-size:13.5px;margin-bottom:2px}
.v3pg-index button{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#fbfcfe;color:var(--ink);font-size:12.5px}
.v3pg-index button:hover{background:#f4f8fd;border-color:var(--blue)}
.v3pg-term{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:10px;scroll-margin-top:70px}
.v3pg-term h3{margin:0 0 6px;font-size:15px;color:var(--navy)}
.v3pg-term ul{margin:0;padding:0 18px 0 0}
.v3pg-term li{font-size:13.5px;line-height:1.85;margin-bottom:4px}

/* ---- requests ---- */
.v3pg-form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin:4px 0 16px;box-shadow:var(--shadow)}
.v3pg-form[hidden],.v3pg-form [hidden]{display:none}
.v3pg-form label.fld{margin-top:12px}
.v3pg-form label.fld:first-child{margin-top:0}
.v3pg-form label.fld small{font-weight:500;color:var(--muted)}
.v3pg-form select.input{padding:0 12px}
.v3pg-form .input{font-size:15px}
.v3pg-form .msg{margin-top:6px;padding:7px 11px;font-size:12.5px}
.v3pg-form .input.v3pg-bad{border-color:var(--red)}
.v3pg-ta{height:auto;min-height:110px;padding:12px 16px;resize:vertical;line-height:1.7;font-family:inherit}
.v3pg-grid3{display:grid;grid-template-columns:1fr;gap:0 12px}
@media (min-width:768px){.v3pg-grid3{grid-template-columns:1fr 1fr 1fr}}
.v3pg-sent{margin:4px 0 14px}
.v3pg-reqs{display:flex;flex-direction:column;gap:8px}
.v3pg-req{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.v3pg-req.new{border-color:var(--green);box-shadow:0 0 0 3px var(--green-bg)}
.v3pg-req-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.v3pg-req-id{font-family:'Cairo';font-weight:700;font-size:12px;color:var(--muted);direction:ltr}
.v3pg-req-t{font-family:'Cairo';font-weight:700;font-size:14.5px;color:var(--navy)}
.v3pg-req-d{font-size:13px;color:var(--ink);margin-top:2px;line-height:1.7;overflow-wrap:anywhere}
.v3pg-req-f{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:13px}
.v3pg-req-f span{display:flex;flex-direction:column}
.v3pg-req-f i{font-style:normal;font-size:10.5px;color:var(--muted)}
.v3pg-reply{background:var(--blue-soft);border-radius:10px;padding:9px 12px;margin-top:9px;font-size:13px;line-height:1.7;display:flex;flex-direction:column}
.v3pg-reply b{font-family:'Cairo';color:var(--navy);font-size:12px}
.v3pg-req-sub{font-size:11.5px;color:var(--muted);margin-top:8px}

/* ---- ship cost ---- */
.v3pg-calc-cta{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:20px;box-shadow:var(--shadow);flex-wrap:wrap}
.v3pg-calc-ic{width:48px;height:48px;border-radius:12px;background:var(--blue-soft);display:flex;align-items:center;justify-content:center;flex:none}
.v3pg-calc-ic svg{width:26px;height:26px;stroke:var(--navy)}
.v3pg-calc-txt{flex:1;min-width:200px}
.v3pg-calc-t{font-family:'Cairo';font-weight:800;font-size:15.5px;color:var(--navy)}
.v3pg-calc-s{font-size:12.5px;color:var(--muted);line-height:1.7}
@media (max-width:767px){.v3pg-calc-cta .v3pg-btn{width:100%}}
.v3pg-cars{display:flex;flex-direction:column;gap:8px}
.v3pg-car{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 14px}
.v3pg-car-i{flex:1;min-width:0}
.v3pg-car-t{font-family:'Cairo';font-weight:700;color:var(--ink);font-size:14px}
.v3pg-car-s{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.v3pg-calc-btn{flex:none;height:36px;padding:0 16px;border-radius:10px;border:1.5px solid var(--navy);color:var(--navy);font-family:'Cairo';font-weight:700;font-size:13px;background:#fff}
.v3pg-calc-btn:hover{background:var(--navy);color:#fff}
.v3pg-btn{height:40px;padding:0 18px;border-radius:10px;background:var(--navy);color:#fff;font-family:'Cairo';font-weight:700;font-size:14px;flex:none}
.v3pg-btn:hover{background:var(--navy2)}
/* release: the account's price list line, the purchase-request note, a rejected request */
.v3pg-pl{margin:-6px 0 14px;font-size:13px;color:var(--muted)}
.v3pg-pl b{color:var(--ink)}
.v3pg-buy-note{margin:6px 0 10px}
.v3pg-st.r{background:var(--red-bg,#fdecec);color:var(--red,#c0392b)}