/* GRAPHIC GRANIT — FINAL DARK/GOLD THEME CLOSURE V1 */

:root{
  --gg-bg:#0b0d10;
  --gg-panel:#15181d;
  --gg-panel2:#1b1f25;
  --gg-panel3:#20242a;
  --gg-text:#f4f1e8;
  --gg-muted:#a8adb5;
  --gg-line:#303640;
  --gg-gold:#d8b05b;
  --gg-gold2:#e8c46d;
}

html,
body{
  background:var(--gg-bg)!important;
  color:var(--gg-text)!important;
}

/* ---------- Common old white surfaces ---------- */
.card,
.step,
.service,
.kpi,
.table,
.order-snapshot>div,
.customer-request,
.customer-order,
.info,
.photo-box,
.reqbox,
.empty-photo,
.request-card,
.tool-card,
.tool-section,
.tool-folder,
.manager-detail,
.manager-orders-panel,
.manager-workbench,
.manager-empty-state{
  background:var(--gg-panel)!important;
  color:var(--gg-text)!important;
  border-color:var(--gg-line)!important;
  box-shadow:none!important;
}

.table table,
.table th,
.table td{
  background:transparent!important;
  color:var(--gg-text)!important;
  border-color:var(--gg-line)!important;
}

.table th{
  color:var(--gg-gold2)!important;
}

/* ---------- Forms ---------- */
.field input,
.field select,
.field textarea,
.adminbar input,
.request-card input,
.request-card textarea,
.admin-tool-login input,
.tool-card input,
.tool-card textarea,
.tool-card select,
.manager-login input,
.manager-detail input,
.manager-detail textarea{
  background:#101318!important;
  color:var(--gg-text)!important;
  border-color:#39404a!important;
}

input::placeholder,
textarea::placeholder{
  color:#737b85!important;
  opacity:1!important;
}

select option{
  background:#101318!important;
  color:var(--gg-text)!important;
}

/* ---------- Generic light buttons ---------- */
.top a,
.small-btn,
.order-actions button,
.request-attachment button,
.btn:not(.primary){
  background:var(--gg-panel3)!important;
  color:var(--gg-text)!important;
  border-color:#39404a!important;
}

.top a:hover,
.small-btn:hover,
.order-actions button:hover,
.request-attachment button:hover{
  border-color:var(--gg-gold)!important;
  color:#fff5d6!important;
}

/* ---------- Upload/drop areas ---------- */
.drop{
  background:#101318!important;
  color:var(--gg-text)!important;
  border-color:#555d68!important;
}
.drop.drag{
  background:#1d1b14!important;
  border-color:var(--gg-gold)!important;
}

/* ---------- Admin order/detail whites ---------- */
.admin-page .order-row{
  background:#14171c!important;
  color:var(--gg-text)!important;
  border-color:var(--gg-line)!important;
}
.admin-page .order-row:hover{
  background:#1b1f25!important;
}
.admin-page .order-row.active{
  background:#22201a!important;
  border-color:var(--gg-gold)!important;
}

.admin-page .info,
.admin-page .photo-box,
.admin-page .reqbox,
.admin-page .empty-photo,
.admin-page .request-card{
  background:#111419!important;
  color:var(--gg-text)!important;
  border-color:var(--gg-line)!important;
}

.admin-page .photo-box img{
  background:#090b0e!important;
}

/* old pastel status rows → dark tinted versions */
.admin-page .order-row.needs-operator{
  background:#241e13!important;
  box-shadow:inset -5px 0 0 #d8b05b!important;
}
.admin-page .order-row.needs-operator:hover,
.admin-page .order-row.needs-operator.active{
  background:#2d2517!important;
}

.admin-page .order-row.request-change{
  background:#121c28!important;
  box-shadow:inset -5px 0 0 #4b80bb!important;
}
.admin-page .order-row.request-partial{
  background:#1d1727!important;
  box-shadow:inset -5px 0 0 #8b5bc7!important;
}
.admin-page .order-row.request-tech{
  background:#281616!important;
  box-shadow:inset -5px 0 0 #bd5149!important;
}

/* Large old cream/white management banners */
.admin-page [class*="banner"],
.admin-page [class*="notice"],
.admin-page [class*="summary"]{
  background:linear-gradient(145deg,#1a1d22,#111419)!important;
  color:var(--gg-text)!important;
  border-color:rgba(216,176,91,.48)!important;
}

.admin-page [class*="banner"] b,
.admin-page [class*="banner"] strong,
.admin-page [class*="notice"] b,
.admin-page [class*="summary"] b{
  color:#fff2c9!important;
}

/* ---------- Customer/partner panel ---------- */
.partner-ui .customer-order{
  background:#14171c!important;
  color:var(--gg-text)!important;
}
.partner-ui .customer-order:hover{
  background:#1b1f25!important;
}
.partner-ui .customer-order.active{
  background:#22201a!important;
  border-color:var(--gg-gold)!important;
}

.partner-ui .customer-request{
  background:#121519!important;
  color:var(--gg-text)!important;
}

/* ---------- Order/public site ---------- */
.order-ui .step,
.order-ui .service,
.order-ui .card{
  background:var(--gg-panel)!important;
  color:var(--gg-text)!important;
}

.order-ui .step.active,
.order-ui .service.active{
  background:#22201a!important;
  border-color:var(--gg-gold)!important;
}

/* ---------- FAQ / legacy ---------- */
.faq-page .card,
.legacy-page .card{
  background:var(--gg-panel)!important;
  color:var(--gg-text)!important;
  border-color:var(--gg-line)!important;
}

/* ---------- Text contrast ---------- */
.card h1,.card h2,.card h3,.card h4,
.admin-page h1,.admin-page h2,.admin-page h3,.admin-page h4,
.partner-ui h1,.partner-ui h2,.partner-ui h3,.partner-ui h4,
.ext-dark h1,.ext-dark h2,.ext-dark h3,.ext-dark h4{
  color:#fff8df!important;
}

small,
.muted,
.info,
.eyebrow{
  color:var(--gg-muted)!important;
}

/* keep special action colors readable */
button,
a{
  -webkit-font-smoothing:antialiased;
}

.btn.primary{
  background:linear-gradient(135deg,#d8b05b,#a77d31)!important;
  color:#111!important;
  border-color:#d8b05b!important;
}

/* mobile */
@media(max-width:760px){
  .card,
  .request-card,
  .customer-order,
  .tool-card{
    border-radius:14px!important;
  }
}



/* ===== GRAPHIC GRANIT — ADMIN/MANAGER FINAL CLOSURE V2 ===== */

:root{
  --gg-bg:#0b0d10;
  --gg-panel:#14181d;
  --gg-panel2:#1b2027;
  --gg-panel3:#222831;
  --gg-text:#f4f1e8;
  --gg-muted:#b4b9c0;
  --gg-line:#343c46;
  --gg-gold:#d8b05b;
  --gg-gold2:#ebcb7a;
}

/* scope */
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page){
  background:var(--gg-bg)!important;
  color:var(--gg-text)!important;
}

/* stubborn light/cream blocks */
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page)
:is(
  .card,.info,.photo-box,.reqbox,.empty-photo,.request-card,.customer-request,
  .tool-card,.tool-section,.tool-folder,.manager-detail,.manager-orders-panel,
  .manager-workbench,.manager-empty-state,.customer-order,.table,.table table,
  [class*="gift"],[class*="wallet"],[class*="finance"],[class*="price"],
  [class*="request"],[class*="status"],[class*="summary"],[class*="note"],
  [class*="desc"],[class*="comment"],[class*="explain"],[class*="banner"],
  [id*="gift"],[id*="wallet"],[id*="finance"],[id*="price"],
  [id*="request"],[id*="status"],[id*="summary"],[id*="note"],
  [id*="desc"],[id*="comment"],[id*="explain"],[id*="banner"]
){
  background:var(--gg-panel)!important;
  color:var(--gg-text)!important;
  border-color:var(--gg-line)!important;
  box-shadow:none!important;
}

/* text inside those panels */
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page)
:is(
  .card,.info,.photo-box,.reqbox,.empty-photo,.request-card,.customer-request,
  .tool-card,.tool-section,.tool-folder,.manager-detail,.manager-orders-panel,
  .manager-workbench,.manager-empty-state,.customer-order,
  [class*="gift"],[class*="wallet"],[class*="finance"],[class*="price"],
  [class*="request"],[class*="status"],[class*="summary"],[class*="note"],
  [class*="desc"],[class*="comment"],[class*="explain"],[class*="banner"],
  [id*="gift"],[id*="wallet"],[id*="finance"],[id*="price"],
  [id*="request"],[id*="status"],[id*="summary"],[id*="note"],
  [id*="desc"],[id*="comment"],[id*="explain"],[id*="banner"]
) *{
  color:inherit!important;
}

/* titles */
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) h1,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) h2,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) h3,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) h4,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) strong,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) b{
  color:#fff4cf!important;
}

/* muted text */
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) small,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) .muted,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) .eyebrow,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) label{
  color:var(--gg-muted)!important;
}

/* inputs / textareas / selects */
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) input,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) textarea,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) select{
  background:#0f1318!important;
  color:var(--gg-text)!important;
  border:1px solid #434c57!important;
}

:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) input::placeholder,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) textarea::placeholder{
  color:#7f8791!important;
  opacity:1!important;
}

:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) select option{
  background:#0f1318!important;
  color:var(--gg-text)!important;
}

/* file input */
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) input[type="file"]{
  background:#0f1318!important;
  color:#e9ddbd!important;
  border:1px solid #434c57!important;
  border-radius:12px!important;
  padding:10px 12px!important;
}
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) input[type="file"]::file-selector-button{
  background:linear-gradient(135deg,#d8b05b,#a88032)!important;
  color:#121212!important;
  border:none!important;
  border-radius:10px!important;
  padding:8px 14px!important;
  margin-inline-end:12px!important;
  font-weight:700!important;
}

/* buttons */
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) button,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) .btn,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) .small-btn,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) .top a{
  background:var(--gg-panel3)!important;
  color:var(--gg-text)!important;
  border:1px solid #434c57!important;
}

:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) .primary,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) .btn.primary,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) button.primary{
  background:linear-gradient(135deg,#d8b05b,#a77d31)!important;
  color:#111!important;
  border-color:#d8b05b!important;
  font-weight:700!important;
}

/* upload zones / image boxes */
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) .drop,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) .upload,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) .upload-box,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) .dropzone,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) .photo-box,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) .empty-photo{
  background:#101318!important;
  color:var(--gg-text)!important;
  border-color:#3d4650!important;
}

/* order rows */
.admin-page .order-row,
.manager-page .order-row{
  background:#14181d!important;
  color:var(--gg-text)!important;
  border-color:#343c46!important;
}
.admin-page .order-row:hover,
.manager-page .order-row:hover{
  background:#1b2027!important;
}
.admin-page .order-row.active,
.manager-page .order-row.active{
  background:#211d15!important;
  border-color:var(--gg-gold)!important;
}

/* tables */
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) table,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) th,
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) td{
  background:transparent!important;
  color:var(--gg-text)!important;
  border-color:#343c46!important;
}
:is(.admin-page,.manager-page,.admin-tools-page,.manager-tools-page) th{
  color:var(--gg-gold2)!important;
}

/* explicit textarea panels seen in screenshot */
.admin-page textarea,
.admin-page .reqbox textarea,
.admin-page .request-card textarea{
  background:#0f1318!important;
  color:var(--gg-text)!important;
  border-color:#434c57!important;
}




/* ADMIN TARGETED CONTRAST FIX V3 */

/* request / important notes white areas */
.admin-page textarea,
.admin-page input[type="text"],
.admin-page input[type="number"],
.admin-page input[type="search"],
.admin-page input[type="password"],
.admin-page input[type="file"],
.admin-page select,
.manager-page textarea,
.manager-page input[type="text"],
.manager-page input[type="number"],
.manager-page input[type="search"],
.manager-page input[type="password"],
.manager-page input[type="file"],
.manager-page select{
  background:#0f1318 !important;
  color:#f4f1e8 !important;
  border:1px solid #394250 !important;
  box-shadow:none !important;
}

.admin-page textarea::placeholder,
.admin-page input::placeholder,
.manager-page textarea::placeholder,
.manager-page input::placeholder{
  color:#8f98a3 !important;
  opacity:1 !important;
}

/* readonly / disabled boxes must still be readable */
.admin-page textarea[readonly],
.admin-page input[readonly],
.admin-page textarea:disabled,
.admin-page input:disabled,
.manager-page textarea[readonly],
.manager-page input[readonly],
.manager-page textarea:disabled,
.manager-page input:disabled{
  background:#151a20 !important;
  color:#e8dfc7 !important;
  border-color:#4a5462 !important;
  opacity:1 !important;
  -webkit-text-fill-color:#e8dfc7 !important;
}

/* white/cream request panels */
.admin-page .request-card,
.admin-page .reqbox,
.admin-page .customer-request,
.admin-page [class*="request"],
.admin-page [class*="note"],
.admin-page [class*="desc"],
.manager-page .request-card,
.manager-page .reqbox,
.manager-page .customer-request,
.manager-page [class*="request"],
.manager-page [class*="note"],
.manager-page [class*="desc"]{
  background:#12171d !important;
  color:#f4f1e8 !important;
  border-color:#3b4451 !important;
}

/* file upload zones */
.admin-page input[type="file"],
.manager-page input[type="file"]{
  background:#0c1015 !important;
  color:#e9e4d6 !important;
  border:1px solid #4a5462 !important;
  border-radius:12px !important;
  padding:10px 12px !important;
}

.admin-page input[type="file"]::file-selector-button,
.manager-page input[type="file"]::file-selector-button{
  background:linear-gradient(135deg,#d8b05b,#a77d31) !important;
  color:#111 !important;
  border:none !important;
  border-radius:10px !important;
  padding:8px 14px !important;
  margin-left:10px !important;
  cursor:pointer !important;
  font-weight:700 !important;
}

/* upload containers and action bars */
.admin-page [class*="upload"],
.admin-page [class*="file"],
.manager-page [class*="upload"],
.manager-page [class*="file"]{
  color:#f4f1e8 !important;
  border-color:#3b4451 !important;
}

/* grey legacy buttons */
.admin-page button,
.manager-page button{
  border-radius:12px !important;
}

.admin-page button:not(.primary),
.manager-page button:not(.primary){
  background:#232a33 !important;
  color:#f4f1e8 !important;
  border:1px solid #475260 !important;
}

.admin-page button:hover:not(.primary),
.manager-page button:hover:not(.primary){
  border-color:#d8b05b !important;
  color:#fff7df !important;
}

.admin-page .btn.primary,
.manager-page .btn.primary,
.admin-page button.primary,
.manager-page button.primary{
  background:linear-gradient(135deg,#d8b05b,#a77d31) !important;
  color:#111 !important;
  border-color:#d8b05b !important;
}

/* specific visible text fix inside pale boxes */
.admin-page label,
.admin-page .label,
.admin-page small,
.admin-page .muted,
.manager-page label,
.manager-page .label,
.manager-page small,
.manager-page .muted{
  color:#b8bec7 !important;
}

/* headings inside detail areas */
.admin-page .detail h1,
.admin-page .detail h2,
.admin-page .detail h3,
.admin-page .detail h4,
.manager-page .detail h1,
.manager-page .detail h2,
.manager-page .detail h3,
.manager-page .detail h4{
  color:#fff3cf !important;
}



/* PARTNER AWAITING PAYMENT FIX V1 */

/* کارت/سفارش منتظر پرداخت در پنل همکار */
.partner-ui .customer-order.awaiting-payment,
.partner-ui .customer-order.awaiting_payment,
.partner-ui .customer-order[data-status="awaiting_payment"],
.partner-ui .customer-order[data-status="awaiting-payment"]{
  background:linear-gradient(145deg,#1c170d,#13161b) !important;
  border-color:#d8b05b !important;
  color:#f5edd8 !important;
  box-shadow:inset 0 0 0 1px rgba(216,176,91,.18) !important;
}

/* نوشته‌های داخل همان کارت */
.partner-ui .customer-order.awaiting-payment *,
.partner-ui .customer-order.awaiting_payment *,
.partner-ui .customer-order[data-status="awaiting_payment"] *,
.partner-ui .customer-order[data-status="awaiting-payment"] *{
  color:#f5edd8 !important;
}

/* برچسب/دکمه منتظر پرداخت */
.partner-ui .status-awaiting-payment,
.partner-ui .status-awaiting_payment,
.partner-ui [data-status-badge="awaiting_payment"],
.partner-ui [data-status-badge="awaiting-payment"],
.partner-ui .awaiting-payment-badge,
.partner-ui .awaiting_payment_badge{
  background:linear-gradient(135deg,#d8b05b,#a77d31) !important;
  color:#111 !important;
  border:1px solid #d8b05b !important;
}

/* هر دکمه سفید جا مانده در پنل همکار */
.partner-ui .customer-order button,
.partner-ui .customer-order .btn,
.partner-ui .customer-order a.btn,
.partner-ui .customer-order .small-btn{
  background:#20262e !important;
  color:#f4f1e8 !important;
  border:1px solid #475260 !important;
}

/* دکمه‌های مربوط به پرداخت */
.partner-ui .customer-order button[class*="pay"],
.partner-ui .customer-order a[class*="pay"],
.partner-ui .customer-order [class*="payment"],
.partner-ui .customer-order [class*="awaiting"]{
  background:linear-gradient(135deg,#d8b05b,#a77d31) !important;
  color:#111 !important;
  border-color:#d8b05b !important;
  font-weight:700 !important;
}

/* اگر متن داخل باکس سفید شده باشد */
.partner-ui .customer-order .muted,
.partner-ui .customer-order small,
.partner-ui .customer-order .eyebrow{
  color:#c5c9cf !important;
}


/* GG EXACT SELECTOR FIX V5 */

/* Admin: درخواست و توضیحات مهم مشتری */
.admin-page .admin-order-brief{
  background:linear-gradient(145deg,#171b20,#111419)!important;
  border:1px solid rgba(216,176,91,.58)!important;
  color:#f4f1e8!important;
  box-shadow:none!important;
}

.admin-page .admin-brief-head{
  color:#e8c46d!important;
}

.admin-page .admin-brief-grid>div{
  background:#0f1318!important;
  border:1px solid #39414b!important;
  color:#f4f1e8!important;
}

.admin-page .admin-brief-grid span{
  color:#a8adb5!important;
}

.admin-page .admin-brief-grid b{
  color:#f4f1e8!important;
}

/* Partner detail: وضعیت منتظر پرداخت */
.partner-ui .customer-status-badge.awaiting_payment{
  background:linear-gradient(135deg,#2b2415,#18191a)!important;
  color:#e8c46d!important;
  border:1px solid #9a7938!important;
  box-shadow:none!important;
}

/* status badges should never become white */
.partner-ui .customer-status-badge{
  background:#20262c!important;
  color:#dce1e4!important;
  border:1px solid #3d4750!important;
}

.partner-ui .customer-status-badge.awaiting_payment{
  background:linear-gradient(135deg,#2b2415,#18191a)!important;
  color:#e8c46d!important;
  border-color:#9a7938!important;
}



/* =========================================================
   GG ADMIN VISUAL HIERARCHY V6
   ========================================================= */

/* ---- Work queues: each state must be obvious at a glance ---- */
.admin-page .work-queue{
  min-height:84px!important;
  border-width:1px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}

.admin-page .work-queue.pricing{
  background:linear-gradient(145deg,#342810,#191711)!important;
  border-color:#d8b05b!important;
}
.admin-page .work-queue.pricing .queue-icon,
.admin-page .work-queue.pricing strong{
  background:#443411!important;
  color:#ffd978!important;
  border-color:#9a7938!important;
}

.admin-page .work-queue.waiting{
  background:linear-gradient(145deg,#33200f,#191510)!important;
  border-color:#d58b35!important;
}
.admin-page .work-queue.waiting .queue-icon,
.admin-page .work-queue.waiting strong{
  background:#432812!important;
  color:#ffbd69!important;
  border-color:#965b29!important;
}

.admin-page .work-queue.new{
  background:linear-gradient(145deg,#10291e,#111915)!important;
  border-color:#3c9c6c!important;
}
.admin-page .work-queue.new .queue-icon,
.admin-page .work-queue.new strong{
  background:#123925!important;
  color:#8fe1b5!important;
  border-color:#327a56!important;
}

.admin-page .work-queue.doing{
  background:linear-gradient(145deg,#142239,#111722)!important;
  border-color:#4f78b8!important;
}
.admin-page .work-queue.doing .queue-icon,
.admin-page .work-queue.doing strong{
  background:#1a3154!important;
  color:#a9cfff!important;
  border-color:#42679d!important;
}

.admin-page .work-queue.done{
  background:linear-gradient(145deg,#20242a,#15181c)!important;
  border-color:#4c555f!important;
}

/* ---- Global partner notifications ---- */
.admin-page .admin-notification-head{
  background:linear-gradient(145deg,#31171a,#191316)!important;
  border:1px solid #8d3e45!important;
  border-radius:14px!important;
  padding:12px 14px!important;
}
.admin-page .admin-notification-head b{
  color:#ffb6bc!important;
}
.admin-page .admin-notification-count{
  background:#b94853!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:3px 8px!important;
  font-weight:900!important;
}

.admin-page .admin-notification-item{
  background:#15191e!important;
  border:1px solid #323943!important;
  border-right:4px solid #4a535d!important;
}
.admin-page .admin-notification-item.unread{
  background:linear-gradient(145deg,#2e171a,#191418)!important;
  border-color:#824047!important;
  border-right:5px solid #d05a64!important;
  box-shadow:0 5px 16px rgba(98,26,34,.2)!important;
}
.admin-page .admin-notification-item.unread b{
  color:#ffc3c7!important;
}

/* ---- Customer's important notes: blue visual island ---- */
.admin-page .admin-order-brief{
  background:linear-gradient(145deg,#102431,#10181e)!important;
  border:1px solid #347aa0!important;
  border-right:5px solid #4ea6d1!important;
  box-shadow:0 8px 22px rgba(17,70,98,.2)!important;
}
.admin-page .admin-brief-head{
  color:#9bdcff!important;
  font-size:15px!important;
}
.admin-page .admin-brief-grid>div{
  background:#0d1921!important;
  border:1px solid #315b72!important;
}
.admin-page .admin-brief-grid span{
  color:#80b8d4!important;
}
.admin-page .admin-brief-grid b{
  color:#f1f9ff!important;
}

/* ---- Conversation: separate area so messages can't be missed ---- */
.admin-page .admin-order-conversation{
  background:linear-gradient(145deg,#112027,#0f161b)!important;
  border:1px solid #32677c!important;
  border-right:5px solid #438da9!important;
  box-shadow:0 8px 22px rgba(17,65,83,.16)!important;
}
.admin-page .admin-order-conversation .conversation-head h3{
  color:#a9e3f4!important;
}
.admin-page .admin-order-conversation .eyebrow{
  color:#70afc5!important;
}
.admin-page .admin-order-conversation .conversation-item{
  background:#172832!important;
  border:1px solid #315364!important;
}
.admin-page .admin-order-conversation textarea{
  background:#0b151b!important;
  border-color:#376275!important;
}

/* ---- Pricing/finance: strong gold island ---- */
.admin-page .admin-price-controls,
.admin-page .admin-order-dpi{
  background:linear-gradient(145deg,#2d2515,#171610)!important;
  border-color:#a98439!important;
  box-shadow:0 7px 20px rgba(93,71,24,.18)!important;
}
.admin-page .admin-price-controls h3,
.admin-page .admin-price-controls h4{
  color:#f4d785!important;
}

/* ---- KPI cards: values must pop ---- */
.admin-page .kpi{
  background:linear-gradient(145deg,#1a1f25,#121519)!important;
  border:1px solid #353d46!important;
  min-height:80px!important;
  position:relative!important;
  overflow:hidden!important;
}
.admin-page .kpi:before{
  content:"";
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:4px;
  background:#59636e;
}
.admin-page .kpi:nth-child(1):before{background:#d8b05b}
.admin-page .kpi:nth-child(2):before{background:#55a77c}
.admin-page .kpi:nth-child(3):before{background:#8f72c9}
.admin-page .kpi:nth-child(4):before{background:#4f83c3}
.admin-page .kpi:nth-child(5):before{background:#c58a4a}

.admin-page .kpi span{
  color:#9da6af!important;
}
.admin-page .kpi b{
  color:#fff2c7!important;
  font-size:22px!important;
}

/* ---- Completed area intentionally quiet ---- */
.admin-page [data-queue-panel="finished"],
.admin-page .queue-finished{
  opacity:.9;
}

/* selected/open order gets a visible gold focus */
.admin-page .order-row.active{
  border-color:#d8b05b!important;
  box-shadow:inset -4px 0 #d8b05b,0 5px 14px rgba(0,0,0,.15)!important;
}


/* =========================================================
   GG CORRECTION V8 — PAYMENT EMPHASIS ONLY FOR PARTNER
   ========================================================= */

@keyframes ggPartnerPaymentPulse{
  0%{
    box-shadow:0 0 0 0 rgba(240,183,72,.42),
               0 6px 18px rgba(0,0,0,.22);
  }
  70%{
    box-shadow:0 0 0 9px rgba(240,183,72,0),
               0 6px 18px rgba(0,0,0,.22);
  }
  100%{
    box-shadow:0 0 0 0 rgba(240,183,72,0),
               0 6px 18px rgba(0,0,0,.22);
  }
}

/* ADMIN:
   awaiting payment is informational only, not an alarm */
.admin-page .work-queue.waiting{
  background:linear-gradient(145deg,#1d1d1a,#151619)!important;
  border:1px solid #625536!important;
  box-shadow:none!important;
  animation:none!important;
}

.admin-page .work-queue.waiting .queue-icon,
.admin-page .work-queue.waiting strong{
  background:#24231e!important;
  color:#cbb781!important;
  border:1px solid #625536!important;
  box-shadow:none!important;
}

/* PARTNER:
   keep the entire order card dark/clean */
.partner-ui .customer-order.unpaid{
  background:#141a1e!important;
  border:1px solid #343d44!important;
  box-shadow:none!important;
}

/* The important thing: the actual Awaiting Payment badge */
.partner-ui .customer-status-badge.awaiting_payment,
.partner-ui .order-state.awaiting_payment{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;

  background:linear-gradient(135deg,#ffd878,#d79224)!important;
  color:#1c1206!important;

  border:2px solid #ffe6a5!important;
  border-radius:999px!important;

  padding:9px 16px!important;
  font-size:14px!important;
  font-weight:950!important;

  text-shadow:none!important;
  animation:ggPartnerPaymentPulse 2s infinite!important;
}

/* warning symbol before the status */
.partner-ui .customer-status-badge.awaiting_payment::before,
.partner-ui .order-state.awaiting_payment::before{
  content:"⚠"!important;
  font-size:15px!important;
  line-height:1!important;
}

/* payment warning text: noticeable but don't paint the whole card brown */
.partner-ui .customer-order-payment-warning{
  background:#211d15!important;
  color:#ffd77e!important;
  border:1px solid #80652f!important;
  border-radius:10px!important;
  font-weight:900!important;
}

/* no accidental blue styling on admin final-file area */
.admin-page .admin-final-workcard,
.admin-page .admin-final-upload,
.admin-page .final-upload-box,
.admin-page .final-file-upload,
.admin-page [class*="final-upload"],
.admin-page [class*="upload-final"]{
  background:#12171b!important;
  color:#f4f1e8!important;
  border-color:#3b454d!important;
  box-shadow:none!important;
}

.admin-page .admin-final-workcard button,
.admin-page .admin-final-upload button,
.admin-page .final-upload-box button,
.admin-page .final-file-upload button,
.admin-page [class*="final-upload"] button,
.admin-page [class*="upload-final"] button{
  background:linear-gradient(135deg,#d8b05b,#a77d31)!important;
  color:#111!important;
  border:1px solid #e8c46d!important;
  font-weight:900!important;
}


/* =========================================================
   GG PARTNER LAYOUT FIX V9
   - stable orders column
   - compact PWA install
   - Mellat logo only
   ========================================================= */

/* ----- compact install button in top header ----- */
.partner-ui .partner-top-actions .gg-install-wrap{
  margin:0!important;
  padding:0!important;
  width:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
}

.partner-ui .partner-top-actions .gg-install{
  width:auto!important;
  min-width:0!important;
  min-height:36px!important;
  margin:0!important;
  padding:7px 12px!important;
  border-radius:10px!important;
  border:1px solid #b58d3e!important;
  background:linear-gradient(135deg,#d8b05b,#aa7e30)!important;
  color:#15110a!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:none!important;
}

/* never create a big empty install strip in partner panel */
.partner-ui > .gg-install-wrap,
.partner-ui .partner-content > .gg-install-wrap{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
}

/* ----- orders column: stable desktop rail ----- */
@media (min-width:1320px){
  .partner-ui .partner-workbench{
    grid-template-columns:220px minmax(0,1fr) 330px!important;
    gap:14px!important;
  }

  .partner-ui .partner-orders-column{
    width:330px!important;
    min-width:330px!important;
    max-width:330px!important;
    position:sticky!important;
    top:78px!important;
    max-height:calc(100vh - 92px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
  }
}

/* prevent order cards/text from breaking or creating horizontal scroll */
.partner-ui .partner-orders-column,
.partner-ui .partner-orders-column *{
  box-sizing:border-box!important;
}

.partner-ui .partner-orders-column .customer-head{
  min-width:0!important;
}

.partner-ui .partner-orders-column .customer-head > div:first-child{
  min-width:0!important;
}

.partner-ui .partner-orders-column #customerName{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

.partner-ui .partner-orders-column .customer-order{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

.partner-ui .partner-orders-column .customer-order-cardbody,
.partner-ui .partner-orders-column .customer-order-main,
.partner-ui .partner-orders-column .customer-order-meta{
  min-width:0!important;
}

.partner-ui .partner-orders-column .customer-order-main b,
.partner-ui .partner-orders-column .customer-order-meta span{
  overflow-wrap:anywhere!important;
}

/* tabs remain clean and do not overflow */
.partner-ui .partner-orders-column .customer-order-tabs{
  width:100%!important;
  min-width:0!important;
}

.partner-ui .partner-orders-column .customer-order-tab{
  min-width:0!important;
  white-space:normal!important;
  line-height:1.5!important;
}

/* ----- Behpardakht Mellat: logo only ----- */
.partner-ui .mellat-payment-brand{
  width:fit-content!important;
  margin:0 0 10px!important;
  padding:4px!important;
  border:0!important;
  background:transparent!important;
  border-radius:10px!important;
  gap:0!important;
}

.partner-ui .mellat-payment-brand img{
  width:58px!important;
  height:58px!important;
  display:block!important;
  object-fit:contain!important;
  padding:3px!important;
  border-radius:10px!important;
  background:#fff!important;
}

.partner-ui .mellat-payment-brand span{
  display:none!important;
}

/* medium widths must not inherit desktop fixed rail */
@media (max-width:1319px){
  .partner-ui .partner-orders-column{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* GG MELLLAT SIDEBAR V10 */
.partner-ui .partner-side-payment{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  padding:14px 6px 10px!important;
  margin:4px 0 2px!important;
  border-top:1px solid rgba(216,176,91,.14)!important;
}

.partner-ui .partner-side-payment img{
  display:block!important;
  width:74px!important;
  height:auto!important;
  max-height:74px!important;
  object-fit:contain!important;
  padding:4px!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(0,0,0,.22)!important;
}


/* GG HOME COMPACT INSTALL V11 */
.landing-top-links .gg-install-wrap{
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
}

.landing-top-links .gg-install{
  width:auto!important;
  min-width:0!important;
  min-height:34px!important;
  margin:0!important;
  padding:7px 11px!important;
  border-radius:10px!important;
  border:1px solid rgba(216,176,91,.55)!important;
  background:#20252a!important;
  color:#e8c66f!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}

.landing-top-links .gg-install:hover{
  background:#292e33!important;
  border-color:#d8b05b!important;
}

/* never allow old full-width install banner on landing page */
.landing-main > .gg-install-wrap,
.landing-app > .gg-install-wrap{
  width:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}

@media(max-width:980px){
  .landing-top-links .gg-install-wrap{
    display:none!important;
  }
}



/* GG INSTALL BUTTON GREEN EMPHASIS V12 */
.landing-top-links .gg-install-wrap{
  display:flex!important;
  align-items:center!important;
  margin:0 6px 0 0!important;
}

.landing-top-links .gg-install{
  appearance:none!important;
  background:#0d5a00!important;
  color:#ffffff!important;
  border:1px solid #55d27d!important;
  border-radius:12px!important;
  padding:10px 14px!important;
  min-height:42px!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 10px 24px rgba(35,156,74,.28)!important;
  text-decoration:none!important;
}

.landing-top-links .gg-install:hover{
  background:#146f05!important;
  border-color:#7ae29b!important;
  color:#ffffff!important;
  box-shadow:0 12px 28px rgba(35,156,74,.38)!important;
}

.landing-top-links .gg-install:focus{
  outline:none!important;
  box-shadow:0 0 0 3px rgba(83,214,129,.22),0 12px 28px rgba(35,156,74,.38)!important;
}

@media(max-width:980px){
  .landing-top-links .gg-install{
    padding:8px 12px!important;
    min-height:38px!important;
    font-size:11px!important;
    border-radius:10px!important;
  }
}



/* GG INSTALL PILL V13 */
.landing-top-links .gg-install{
  border-radius:999px!important;
  padding:10px 18px!important;
  min-height:40px!important;
  background:#0d5a00!important;
  border:1px solid #1b7a0b!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 8px 20px rgba(13,90,0,.28)!important;
}

.landing-top-links .gg-install:hover{
  background:#146f05!important;
  border-color:#2a8d18!important;
}


/* GG FULL BRAND LOGO V14 */
.gg-full-brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}

.gg-full-brand img{
  display:block!important;
  width:155px!important;
  max-width:155px!important;
  height:auto!important;
  object-fit:contain!important;
}

.gg-brand-section{
  display:flex!important;
  align-items:center!important;
}

.gg-brand-section small{
  display:block!important;
  color:#9ea7ad!important;
  font-size:9px!important;
  white-space:nowrap!important;
}

/* keep full logo readable in narrow screens */
@media(max-width:720px){
  .gg-full-brand img{
    width:125px!important;
    max-width:125px!important;
  }
}


/* GG PARTNER MARKET BRAND STACK V15 */
.gg-full-brand-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}

.gg-full-brand-stack img{
  display:block!important;
  width:155px!important;
  height:auto!important;
}

.gg-full-brand-stack small{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  color:#aeb6bb!important;
  font-size:9px!important;
  line-height:1.4!important;
  white-space:nowrap!important;
}


/* GG REMOVE LEGACY LOGO BOX V16 */
.ext-brand > .gg-full-brand,
.ext-brand > .gg-full-brand-stack{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  background:none!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:inherit!important;
  place-items:unset!important;
}