/* Opt-in document UI only. Existing page/forms and archived documents are not restyled. */
@font-face{font-family:AfDocumentAlmarai;src:url('../fonts/Almarai/Almarai-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:AfDocumentAlmarai;src:url('../fonts/Almarai/Almarai-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
.af-doc-ui,.af-doc-export-trigger{font-family:AfDocumentAlmarai,Tahoma,sans-serif;color:var(--af-doc-ink);line-height:1.7;font-size:var(--af-doc-body)}
.af-doc-ui *{box-sizing:border-box}
.af-doc-ui h2{font:700 var(--af-doc-section)/1.6 AfDocumentAlmarai,Tahoma,sans-serif;color:var(--af-doc-primary);margin:0 0 var(--af-doc-space-small)}
.af-doc-ui p{margin:var(--af-doc-space-small) 0}
.af-doc-muted{color:var(--af-doc-muted);font-size:var(--af-doc-caption)}
.af-doc-dialog{max-width:660px;width:calc(100% - 32px);max-height:85vh;overflow:auto;padding:var(--af-doc-space-large);border:1px solid var(--af-doc-line);border-radius:var(--af-doc-radius);background:var(--af-doc-paper);box-shadow:0 12px 48px #30292333}
.af-doc-dialog::backdrop{background:#30292380}
.af-doc-field{display:block;margin:var(--af-doc-space) 0;color:var(--af-doc-primary);font-size:var(--af-doc-table)}
.af-doc-ui .af-doc-input{display:block;width:100%;height:auto;min-height:var(--af-doc-control);margin-top:var(--af-doc-space-small);padding:8px 12px;border:1px solid var(--af-doc-line);border-radius:var(--af-doc-radius);font:400 var(--af-doc-body)/1.6 AfDocumentAlmarai,Tahoma,sans-serif;color:var(--af-doc-ink);background:var(--af-doc-paper)}
.af-doc-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--af-doc-control);padding:8px 16px;border:1px solid var(--af-doc-line);border-radius:var(--af-doc-radius);font:700 var(--af-doc-table)/1.6 AfDocumentAlmarai,Tahoma,sans-serif;color:var(--af-doc-primary);background:var(--af-doc-paper);cursor:pointer;text-decoration:none;white-space:normal}
.af-doc-button--primary{background:var(--af-doc-primary);color:var(--af-doc-paper);border-color:var(--af-doc-primary)}
.af-doc-button--danger{color:var(--af-doc-danger);border-color:var(--af-doc-danger)}
.af-doc-button:hover{background:var(--af-doc-soft);color:var(--af-doc-primary)}
.af-doc-button--primary:hover{background:var(--af-doc-ink);color:var(--af-doc-paper)}
.af-doc-button:disabled{opacity:.55;cursor:wait}
.af-doc-ui :is(button,a,input,select):focus-visible,.af-doc-export-trigger:focus-visible{outline:3px solid var(--af-doc-accent);outline-offset:3px}
.af-doc-actions{display:flex;flex-wrap:wrap;gap:var(--af-doc-space-small);margin-top:var(--af-doc-space-large);padding-top:var(--af-doc-space);border-top:1px solid var(--af-doc-line)}
.af-doc-fieldset{margin:var(--af-doc-space) 0 0;padding:var(--af-doc-space);border:1px solid var(--af-doc-line);border-radius:var(--af-doc-radius);min-width:0}
.af-doc-fieldset legend{width:auto;margin:0;padding:0 8px;font:700 var(--af-doc-table)/1.7 AfDocumentAlmarai,Tahoma,sans-serif;color:var(--af-doc-primary);border:0}
.af-doc-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.af-doc-choice{display:flex;align-items:center;gap:8px;min-height:var(--af-doc-control);margin:0;padding:4px;font-size:var(--af-doc-table);font-weight:400;overflow-wrap:anywhere;cursor:pointer}
.af-doc-choice input{flex:none;accent-color:var(--af-doc-primary);width:18px;height:18px;margin:0}
.af-doc-status{font-size:var(--af-doc-caption);overflow-wrap:anywhere;min-height:24px}
.af-doc-status[data-state=working]{color:var(--af-doc-info)}
.af-doc-status[data-state=success]{color:var(--af-doc-success)}
.af-doc-status[data-state=error]{color:var(--af-doc-danger)}
.af-doc-table{width:100%;border-collapse:collapse;font-size:var(--af-doc-table)}
.af-doc-table th,.af-doc-table td{padding:12px;border-bottom:1px solid var(--af-doc-line);vertical-align:top;text-align:right}
.af-doc-table th{background:var(--af-doc-soft);color:var(--af-doc-primary)}
.af-doc-number{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;text-align:left}
.af-doc-workspace{padding:16px;background:var(--af-doc-paper);border-bottom:1px solid var(--af-doc-line)}
.af-doc-workspace .af-doc-actions{margin-top:8px;padding-top:8px}.af-doc-actions form{margin:0}
.af-doc-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}.af-doc-summary strong{color:var(--af-doc-primary)}
.af-doc-summary span{font-size:var(--af-doc-caption);color:var(--af-doc-muted)}
.af-doc-more{margin-top:12px}.af-doc-more summary{cursor:pointer;font-weight:bold;padding:8px;color:var(--af-doc-primary)}
.af-doc-warning{padding:8px 12px;border-right:4px solid var(--af-doc-accent);background:var(--af-doc-soft);color:var(--af-doc-primary)}
.af-doc-screen-card{background:var(--af-doc-paper);border:1px solid var(--af-doc-line);padding:24px;border-radius:var(--af-doc-radius)}
.af-doc-pdf-actions{display:inline-block;vertical-align:top}.af-doc-pdf-actions form{margin:0;display:flex;flex-wrap:wrap;gap:8px}.af-doc-pdf-actions .af-doc-status:empty{display:none}
/* Keep legacy link colors and flex stretching out of the opt-in export controls. */
html body .af-doc-ui a.af-doc-button.af-doc-button--primary,html body .af-doc-ui button.af-doc-button.af-doc-button--primary{color:var(--af-doc-paper)!important;background:var(--af-doc-primary)!important}
html body .af-sales-center-header .box-tools{align-items:flex-start!important}
html body .af-sales-center-header .box-tools>a{align-self:flex-start;min-height:44px;display:inline-flex;align-items:center}
@media print{.af-doc-workspace,.af-doc-actions,.af-doc-more{display:none!important}}
@media(max-width:480px){.af-doc-dialog{padding:var(--af-doc-space)}.af-doc-choices{grid-template-columns:minmax(0,1fr)}.af-doc-actions .af-doc-button{flex:1}}