/* ICIVIL v65 - Accessible common RTL visual system; scoped, no data behavior. */
:root{--ic65-accent:#355ff1;--ic65-card:#fff;--ic65-quiet:#f3f5f8;--ic65-border:#e7eaf1;--ic65-text:#192b46;--ic65-muted:#74849d}
/* Sidebar: identify active page in BOTH panels, including child entries. */
.ic59-side-nav [data-ic59-id].ic65-active,
.ic59-side-nav [data-ic59-id][aria-current="page"]{background:color-mix(in srgb,var(--ic59-color,#3668ee) 13%, transparent)!important;color:var(--ic59-color,#315ff1)!important;font-weight:850!important;box-shadow:inset 3px 0 0 var(--ic59-color,#315ff1)!important;border-radius:11px!important}
.ic59-side-nav .ic65-active svg{stroke:currentColor!important;opacity:1!important}
.ic59-side-nav .ic65-has-active>[data-ic59-id]{font-weight:850!important;color:var(--ic59-color,#315ff1)!important}
.ic59-side-nav [data-ic59-id]:focus-visible{outline:2px solid #3866ee;outline-offset:2px}
/* Store filter controls: equal heights, one consistent picker chevron, touch targets. */
#sfFilter.sf-filter{grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) minmax(170px,1fr) auto auto!important;align-items:end;gap:12px}
#sfFilter.sf-filter>:is(label,.sf52-catalog-field){width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}
#sfFilter :is(input#sfSearch,select#sfKind,.sf52-picker-toggle){box-sizing:border-box!important;width:100%!important;min-width:0!important;height:49px!important;min-height:49px!important;max-height:49px!important;margin:0!important;border:1px solid #ccd8ea!important;border-radius:13px!important;background:var(--ic65-card,#fff)!important;color:var(--ic65-text,#192b46)!important;padding:0 16px!important;line-height:1.6!important;font:inherit!important;font-weight:650!important;box-shadow:0 2px 6px #1e335707!important}
#sfFilter .sf52-multiselect{min-width:0!important;width:100%!important}
#sfFilter .sf52-picker-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
#sfFilter .sf52-picker-caret{font-size:0!important;width:10px!important;height:10px!important;flex:0 0 10px;border-bottom:2px solid #506584;border-left:2px solid #506584;transform:rotate(-45deg);margin:0 3px 5px!important;transition:transform .18s}
#sfFilter .sf52-picker-toggle[aria-expanded="true"] .sf52-picker-caret{transform:rotate(135deg);margin-bottom:-4px!important}
#sfFilter #sfKind{appearance:none!important;-webkit-appearance:none!important;padding-inline-end:38px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%23506584' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:left 14px center!important;background-size:17px!important;background-repeat:no-repeat!important}
#sfFilter .sf52-filter-label{font-size:14px;font-weight:650;color:var(--ic65-text,#192b46)}
#sfFilter :is(button,select,.sf52-picker-toggle):focus-visible{outline:2px solid #355ff1!important;outline-offset:2px!important}
@media(max-width:950px){#sfFilter.sf-filter{grid-template-columns:repeat(3,minmax(0,1fr))!important}#sfFilter>button{min-height:49px}}
@media(max-width:650px){#sfFilter.sf-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#sfFilter>label:first-child{grid-column:1/-1}#sfFilter>button{min-width:0!important}#sfFilter .sf52-menu{max-width:calc(100vw - 32px)}}
/* All standard summary/details across store, admin, student and editor views. */
:is(.sf-store,.admin-page,.account-page,.mm-page,.ic64-editor-page) details:has(>summary){background:var(--ic65-card,#fff)!important;border:1px solid var(--ic65-border,#e7eaf1)!important;border-radius:22px!important;box-shadow:0 8px 28px rgba(30,45,67,.055)!important;margin-block:12px!important;overflow:clip;max-width:100%}
:is(.sf-store,.admin-page,.account-page,.mm-page,.ic64-editor-page) details>summary{position:relative;display:flex!important;align-items:center!important;min-height:74px;padding:18px 20px!important;gap:12px!important;font-weight:800!important;line-height:1.9!important;color:var(--ic65-text,#192b46)!important;cursor:pointer;list-style:none!important}
:is(.sf-store,.admin-page,.account-page,.mm-page,.ic64-editor-page) details>summary::marker{content:''}
:is(.sf-store,.admin-page,.account-page,.mm-page,.ic64-editor-page) details>summary::-webkit-details-marker{display:none!important}
:is(.sf-store,.admin-page,.account-page,.mm-page,.ic64-editor-page) details>summary::before{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:14px!important;background:#edf3ff!important;color:#315ff1!important;font-size:22px!important;line-height:1!important;content:''!important;}
/* Old emoji-based accordion markers are retired. */
:is(.sf-store,.admin-page,.account-page,.mm-page,.ic64-editor-page) details>summary::after{content:''!important;display:block!important;flex:0 0 12px!important;width:12px!important;height:12px!important;border:solid #3a4557!important;border-width:0 3px 3px 0!important;transform:rotate(45deg)!important;transition:transform .2s ease!important;margin-inline-start:auto!important;margin-inline-end:11px!important;background:none!important;border-radius:1px!important}
:is(.sf-store,.admin-page,.account-page,.mm-page,.ic64-editor-page) details[open]>summary::after{transform:rotate(225deg)!important}
:is(.sf-store,.admin-page,.account-page,.mm-page,.ic64-editor-page) details[open]>summary{border-bottom:1px solid var(--ic65-border,#e7eaf1)}
:is(.sf-store,.admin-page,.account-page,.mm-page,.ic64-editor-page) details>summary:focus-visible{outline:2px solid #355ff1;outline-offset:-3px}
@media(max-width:650px){:is(.sf-store,.admin-page,.account-page,.mm-page,.ic64-editor-page) details>summary{padding:14px 13px!important;min-height:65px;font-size:14px!important}:is(.sf-store,.admin-page,.account-page,.mm-page,.ic64-editor-page) details>summary::before{width:36px!important;height:36px!important;flex-basis:36px!important}}
@media(prefers-reduced-motion:reduce){:is(.sf-store,.admin-page,.account-page,.mm-page,.ic64-editor-page) details>summary::after{transition:none!important}}
/* Missing-only onboarding: no blank fields occupying space. */
.az65-setup-fields{display:grid;gap:10px}.az65-setup-fields[hidden],#setupFieldArea[hidden],#setupGenderArea[hidden],#setupPasswordArea[hidden]{display:none!important}
.az65-setup-fields>[hidden]{display:none!important}
/* Honor dark mode without replacing configured fonts. */
[data-theme="dark"]{--ic65-card:var(--surface,#202738);--ic65-quiet:#273249;--ic65-border:#415069;--ic65-text:#eef3fa;--ic65-muted:#b2c0d6}

/* v65: polished, single-chevron FAQ header; no emoji / doubled glyph. */
.sf-store .sf-faq{counter-reset:ic65-faq}
.sf-store .sf-faq details{counter-increment:ic65-faq}
.sf-store .sf-faq details>summary{font-weight:760!important;text-align:right;gap:14px!important}
.sf-store .sf-faq details>summary::before{content:counter(ic65-faq, persian)!important;background:#eef3ff!important;color:#245de2!important;font:750 16px/1.3 inherit!important;display:grid!important;place-items:center!important}
.sf-store .sf-faq details>summary::after{content:''!important;flex:0 0 13px!important;width:13px!important;height:13px!important;border:solid #34445b!important;border-width:0 2.5px 2.5px 0!important;transform:rotate(45deg)!important;box-shadow:none!important;background:transparent!important;margin-inline-start:auto!important;margin-inline-end:8px!important}
.sf-store .sf-faq details[open]>summary::after{transform:rotate(225deg)!important}
.sf-store .sf-faq details>p{padding:5px 26px 20px!important;line-height:2.15!important}
:is(.sf-store,.admin-page,.account-page,.mm-page,.ic64-editor-page) details>summary>.ic63-icon{display:none!important}
/* v65: same logo dimensions as storefront, not a tiny square icon. */
.sf62-cart-page .topbar .brand-symbol.sf51-logo{width:auto!important;min-width:42px!important;max-width:160px!important;height:auto!important;min-height:42px!important;max-height:58px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.sf62-cart-page .topbar .brand-symbol.sf51-logo img{display:block!important;width:auto!important;height:auto!important;max-width:150px!important;max-height:55px!important;object-fit:contain!important}
@media(max-width:650px){.sf62-cart-page .topbar .brand-symbol.sf51-logo img{max-width:100px!important;max-height:42px!important}}
/* Shared icon spacing for login as well as other icon-enabled buttons. */
.header-login.ic64-icon-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important}
.header-login.ic64-icon-button>.ic63-icon{flex:0 0 auto;order:0}

/* Search placed under Dashboard, never changes permissions or persisted menu order. */
.ic59-side-nav .ic65-sidebar-search{position:relative;padding:8px 9px 12px;display:grid;gap:5px}
.ic59-side-nav .ic65-sidebar-search input{box-sizing:border-box;width:100%;min-width:0;height:42px;border:1px solid #cfd9e8;border-radius:11px;padding:0 13px;font:inherit;font-size:13px;background:var(--card,#fff);color:inherit;outline-offset:2px}
.ic59-side-nav .ic65-sidebar-search small{color:#8490a4;font-size:12px}
.ic59-side-nav .ic59-nav-group[hidden],.ic59-side-nav [data-ic59-id][hidden]{display:none!important}
/* Profile completion is inside My Exams, never in the OTP/login dialog. */
.ic65-profile-card{max-width:770px;margin:0 auto;background:var(--ic65-card,#fff);padding:clamp(16px,3vw,32px);border:1px solid var(--ic65-border,#e0e8f0);border-radius:24px;box-shadow:0 10px 35px #172d4810}
.ic65-profile-card #setupForm{display:grid;gap:12px;margin-top:22px;max-width:630px}
.ic65-profile-card #setupForm[hidden]{display:none!important}
.ic65-profile-card #setupForm :is(input,select){font:inherit;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;width:100%;min-height:46px}
.ic65-profile-card #setupForm label{font-weight:700}
/* Prevent old accordion :after markers competing with standard chevrons. */
.sf-store .sf-faq details>summary .sf-faq-caret{display:none!important}
/* Independent message-center layout. */
.ic65-message-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.ic65-message-card{border:1px solid #d7e2ee;padding:16px;border-radius:14px;display:grid;gap:12px}
.ic65-message-top strong{display:block}.ic65-message-top small{color:#70809a;font-size:12px}
.ic65-message-card textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:95px;padding:12px;border:1px solid #cdd9e9;border-radius:10px;font:inherit;line-height:1.9}
.ic65-message-actions{display:flex;gap:8px}.ic65-message-actions button{font:inherit;background:#f1f4fc;border:1px solid #d8e1f0;border-radius:9px;padding:9px 13px;cursor:pointer}.ic65-message-actions .ic64-save{color:white;background:#512cf1;border-color:#512cf1}
.ic65-message-note{font-size:12px;color:#137e51}
@media(max-width:690px){.ic65-message-grid{grid-template-columns:1fr}}

/* Compact OTP dialog: intrinsic-content height, no full-screen white column. */
.embedded-auth .auth-layout,.embedded-auth .auth-side{display:block!important;height:auto!important;min-height:0!important;padding:0!important}
.embedded-auth .auth-dialog{position:relative!important;inset:auto!important;display:block!important;height:max-content!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin:0!important}
.embedded-auth .auth-dialog:not([open]){display:none!important}
.site-login-dialog{height:fit-content!important;max-height:calc(100dvh - 24px)!important}
.site-login-dialog iframe{height:390px;min-height:260px;max-height:calc(100dvh - 24px)}

.ic65-profile-card .ic65-profile-error{margin-top:14px;line-height:1.9}.ic65-profile-card .ic65-profile-error[hidden]{display:none!important}
