/* Urdu glyphs always come from the local, original Jameel Noori font. */
main#main-content:focus{outline:none}.brand-previews{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:18px 0}.banner-preview{width:min(560px,100%);height:auto}.content-enter{animation:sardar-content-in .22s ease-out}.page-loading .topbar::after{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#9d7728,#edcf79,#9d7728);z-index:1000;animation:sardar-loading 1.1s ease-in-out infinite}#main-content[aria-busy=true]{opacity:.65;transition:opacity .15s}.sidebar{overflow-anchor:none}@keyframes sardar-content-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sardar-loading{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.content-enter,.page-loading .topbar::after{animation:none}#main-content[aria-busy=true]{transition:none}}
@font-face{font-family:JameelNoori;src:url('fonts/JameelNooriNastaleeq.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
body,.setup input,.setup select,.setup textarea,.setup button,.setup .button{font-family:JameelNoori,WorkSans,'Segoe UI',Arial,sans-serif}
/* Base palette; enhanced controls below also style the opened menus. */
:root{accent-color:var(--gold,#c7a045);caret-color:var(--gold,#c7a045);scrollbar-color:var(--gold,#c7a045) #efede7;scrollbar-width:thin}
::selection{background:var(--gold,#c7a045);color:var(--black,#080808)}
*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#efede7}*::-webkit-scrollbar-thumb{background:var(--gold,#c7a045);border:2px solid #efede7;border-radius:9px}*::-webkit-scrollbar-thumb:hover{background:#8c661c}
select{appearance:none;-webkit-appearance:none;background-color:#fffdf8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%23976b1f' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:38px!important;border-color:var(--gold,#c7a045)}
select option{background:#fffdf8;color:#171717}select option:checked{background:var(--gold,#c7a045);color:#080808}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--gold,#c7a045);outline-offset:3px}
input[type=checkbox],input[type=radio],progress{accent-color:var(--gold,#c7a045)}input[type=checkbox],input[type=radio]{width:auto!important;min-width:16px}
input[type=file]::file-selector-button{border:1px solid var(--gold,#c7a045);border-radius:6px;background:#f7ecd1;color:#171717;padding:8px 12px;margin-right:12px;font:inherit}
input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:sepia(1) saturate(5) hue-rotate(355deg);cursor:pointer}
body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='28'%3E%3Cpath d='M3 2v22l6-6 5 9 4-2-5-9h9Z' fill='%23c7a045' stroke='%23171717' stroke-width='1.3'/%3E%3C/svg%3E") 3 2,auto}
a,button,select,summary,[role=button],input[type=checkbox],input[type=radio]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='28'%3E%3Cpath d='M8 14V4a2 2 0 0 1 4 0v8h5a4 4 0 0 1 4 4v5l-3 5H9l-6-9q-2-4 2-3l3 3Z' fill='%23c7a045' stroke='%23171717' stroke-width='1.3'/%3E%3C/svg%3E") 9 3,pointer}
input,textarea{caret-color:var(--gold,#c7a045)}input:disabled,button:disabled{cursor:not-allowed}
.attachment-preview{display:block;width:fit-content;max-width:100%;margin:8px 0}.attachment-preview img,.signature-preview{display:block;max-width:100%;max-height:240px;object-fit:contain;background:#f7f7f7;border:1px solid #d7c69d;border-radius:8px;padding:5px}.attachment-preview.compact img{width:68px;height:62px}.signature-preview{max-width:280px;max-height:120px}
.upload-previews{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.upload-previews:empty{display:none}.upload-previews figure{margin:0;max-width:180px}.upload-previews img{width:180px;height:130px;object-fit:contain;border:1px solid var(--gold,#c7a045);border-radius:8px;background:#f7f7f7}.upload-previews figcaption{font-size:12px;overflow-wrap:anywhere;font-weight:400;margin-top:5px}
.datetime-controls{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px;width:100%}.datetime-controls>span{min-width:0}.datetime-controls input{width:100%;min-width:0;background-color:#fffdf8;border-color:#c7a045}.datetime-controls small{display:block;margin:2px 0 5px;color:#75571e}.signature-document-options{border:1px solid #d9c89c;border-radius:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:16px}.signature-document-options label{display:flex;align-items:center;gap:8px;font-weight:400}
@media(forced-colors:active){select{appearance:auto;background-image:none}body,a,button,select,summary{cursor:auto}}
[lang=ur],[dir=rtl],.urdu-text{font-family:JameelNoori!important;font-size:20px;line-height:2}
.ui-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.with-icon{display:inline-flex;align-items:center;gap:8px}
.nav-item .ui-icon{width:18px;height:18px;opacity:.88}
.nav-item.active .ui-icon,.nav-item:hover .ui-icon{opacity:1}
.button .ui-icon,.text-button .ui-icon{width:16px;height:16px}
.text-link .ui-icon,.row-link .ui-icon{width:15px;height:15px}
.page-heading h1{display:flex;gap:12px;align-items:center}
.page-heading h1>.ui-icon{width:28px;height:28px;color:var(--gold-dark)}
.metric-label>.ui-icon{width:24px;height:24px;color:var(--gold-dark)}
.metric-label{min-height:24px;align-items:center}
.attention-grid a>span.with-icon{display:flex;gap:10px}
.attention-grid .ui-icon{color:var(--gold-dark)}
.action-card>summary.with-icon{display:list-item}
.action-card>summary .ui-icon{margin-right:9px}
.mobile-toggle .ui-icon{width:24px;height:24px}
@media(max-width:760px){.page-heading h1>.ui-icon{width:24px;height:24px}.with-icon{gap:6px}}
/* Application-owned pickers avoid unstyleable operating-system popup colours. */
.sc-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;clip-path:inset(50%)!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.sc-control{display:block;position:relative;width:100%;min-width:0;margin-top:6px}
.sc-trigger,.sc-text{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:43px;margin:0;padding:10px 12px;border:1px solid var(--gold);border-radius:7px;background:#fffdf8;color:var(--text);font:inherit;text-align:left;font-weight:400;line-height:1.5}
.sc-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-arrow{font-size:20px;line-height:1;color:var(--gold-dark);flex:none}
.sc-trigger[aria-expanded=true],.sc-text[aria-expanded=true]{border-color:var(--gold-dark);box-shadow:0 0 0 3px #c7a04526}
.sc-trigger:disabled,.sc-text:disabled{opacity:.55;cursor:not-allowed}.sc-trigger[aria-invalid=true],.sc-text[aria-invalid=true]{border-color:#a4523d}
.sc-temporal .sc-text{padding-right:44px}.sc-toggle{position:absolute;right:3px;top:3px;bottom:3px;width:36px;border:0;border-radius:5px;background:transparent;color:var(--gold-dark);font-size:24px;padding:0;min-height:0}
.sc-toggle:hover{background:#f5ecd5}.sc-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.sc-popup{position:fixed;z-index:5000;padding:10px;border:1px solid var(--gold);border-radius:12px;background:#fffdf8;color:var(--text);box-shadow:0 14px 42px #08080830;overflow:auto;font:14px/1.5 JameelNoori,WorkSans,'Segoe UI',Arial,sans-serif;scrollbar-color:var(--gold) #f1ecdf;animation:sc-appear .12s ease-out}
.sc-popup button,.sc-popup input{font:inherit}.sc-popup button:focus-visible,.sc-popup [role=listbox]:focus-visible{outline:2px solid var(--gold-dark);outline-offset:-3px}.sc-search{margin:0 0 8px!important;width:100%;padding:10px 12px!important;min-height:42px;border:1px solid var(--gold)!important;background:#fff!important;color:var(--text)!important;border-radius:7px!important;font-weight:400}
.sc-options{overflow:auto;max-height:min(300px,50vh);scrollbar-color:var(--gold) #f1ecdf;border-radius:6px;outline:none}.sc-option{padding:11px 12px;border-radius:6px;margin:2px 0;min-height:42px;font-weight:400;cursor:pointer;overflow-wrap:anywhere}.sc-option[aria-selected=true]{background:var(--gold);color:var(--black);font-weight:650}.sc-option.sc-active{background:var(--black);color:#f1d68d}.sc-option[aria-selected=true].sc-active{background:var(--gold);color:var(--black);box-shadow:inset 0 0 0 2px var(--gold-dark)}.sc-option[aria-disabled=true]{opacity:.45;cursor:not-allowed}.sc-group{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--gold-dark);padding:12px 12px 4px}.sc-empty{padding:16px;color:var(--muted)}
.sc-button{border:0;border-radius:6px;background:transparent;color:inherit;padding:8px 12px;min-height:38px;font-weight:500}.sc-button:hover{background:#eee4ca;color:var(--black)}.sc-button:disabled{opacity:.35;cursor:not-allowed}.sc-calendar-head{display:flex;gap:4px;align-items:center;background:var(--black);color:#f1d68d;border-radius:7px;padding:4px;margin-bottom:8px}.sc-calendar-head>.sc-button{color:#f1d68d}.sc-calendar-head>.sc-button:hover{background:#332b19;color:#ffe8b0}.sc-calendar-title{flex:1;font-weight:650}.sc-calendar-head>.sc-button:not(.sc-calendar-title){font-size:24px;line-height:1;padding:4px 13px}
.sc-weekdays,.sc-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.sc-weekdays{font-size:11px;text-align:center;font-weight:650;color:var(--gold-dark);padding:5px 0}.sc-day-cell{display:block;min-width:0}.sc-day{display:block;width:100%;height:38px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);padding:0;font-weight:400}.sc-day:hover,.sc-day:focus-visible{background:#eee4ca;color:var(--black)}.sc-day.sc-other-month{color:#918b7b}.sc-day[aria-current=date]{border-color:var(--gold-dark)}.sc-day[aria-selected=true]{background:var(--gold);color:var(--black);font-weight:700}.sc-day:disabled{opacity:.3;cursor:not-allowed}.sc-picker-foot{display:flex;justify-content:space-between;align-items:center;gap:4px;border-top:1px solid #e4d6b2;margin-top:8px;padding-top:8px;color:var(--gold-dark);font-size:12px}.sc-picker-foot .sc-apply{background:var(--gold);color:var(--black);font-weight:650}.sc-months{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.sc-months .sc-selected{background:var(--gold);color:var(--black)}.sc-year{border-color:var(--gold);text-align:center;margin:0}.sc-clock-title{background:var(--black);color:#f1d68d;padding:12px;border-radius:7px;font-weight:650;text-align:center}.sc-clock-columns{display:flex;gap:12px;margin-top:8px}.sc-clock-column{flex:1;min-width:0}.sc-clock-label{text-align:center;font-size:12px;color:var(--gold-dark);padding:5px}.sc-clock-list{max-height:min(220px,38vh);overflow:auto;scrollbar-color:var(--gold) #f1ecdf}.sc-clock-list .sc-button{display:block;width:100%;margin-bottom:3px}.sc-clock-list [aria-selected=true]{background:var(--gold);color:var(--black);font-weight:700}.sc-picker-error{color:#a4523d;font-size:12px}.sc-picker-error:empty{display:none}
@keyframes sc-appear{from{opacity:.4;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.sc-popup{animation:none}}
@media(max-width:480px){.sc-day{height:40px}.sc-trigger,.sc-text,.sc-search{font-size:16px}.sc-toggle{font-size:22px}.sc-picker-foot .sc-button{min-height:42px}}
@media(forced-colors:active){.sc-popup,.sc-trigger,.sc-text{border:1px solid ButtonText}.sc-option[aria-selected=true],.sc-day[aria-selected=true],.sc-clock-list [aria-selected=true]{outline:2px solid Highlight}.sc-option.sc-active{outline:2px solid Highlight}}