@font-face{font-family:InterfaceArabic;src:url('/fonts/NotoSansArabic.ttf') format('truetype');font-display:swap}
@font-face{font-family:InterfaceEthiopic;src:url('/fonts/NotoSansEthiopic.ttf') format('truetype');font-display:swap}
html:lang(ar){--interface-script-font:InterfaceArabic,Arial,sans-serif}html:lang(am){--interface-script-font:InterfaceEthiopic,Arial,sans-serif}
html:is(:lang(ar),:lang(am)) :is(body,input,select,textarea,button){font-family:var(--interface-script-font)}
html:is(:lang(ar),:lang(am)) :is(label,button,summary,nav a){line-height:1.65}
:where(input,select,textarea,button,label,fieldset){min-inline-size:0;box-sizing:border-box}
:where(label,legend,button,summary){overflow-wrap:anywhere}
:where(input[type=email],input[type=url],input[type=tel],input[type=password],input[autocomplete=one-time-code]){direction:ltr;text-align:start;unicode-bidi:plaintext}
.fhf-compact-fields{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px 14px!important;align-items:start}
.fhf-compact-fields>*{min-inline-size:0;max-inline-size:100%;margin-block:0!important}
.fhf-compact-fields>.fhf-field-wide{grid-column:1/-1}
.fhf-compact-fields :is(label,.fhf-field){font-size:12.5px;font-weight:600;line-height:1.4}
.fhf-compact-fields :is(input:not([type=hidden],[type=checkbox],[type=radio],[type=range],[type=color]),select,textarea){inline-size:100%;max-inline-size:100%;min-block-size:var(--ff-control,40px);border-radius:8px}
.fhf-compact-fields textarea{min-block-size:calc(var(--ff-control,40px)*2);resize:vertical}
.fhf-compact-fields :is(input[type=checkbox],input[type=radio]){flex-shrink:0;accent-color:#007451}
.fhf-compact-fields :is(button,input,select,textarea):focus-visible{outline:3px solid #b07621;outline-offset:3px}
.fhf-compact-fields :is(button,[type=submit]){min-block-size:var(--ff-control,40px);white-space:normal}
.fhf-compact-fields>:is(button,[type=submit]):last-child{justify-self:end;inline-size:auto;min-inline-size:140px}
@media(max-width:520px){.fhf-compact-fields>:is(button,[type=submit]):last-child{justify-self:stretch}}
@media(max-width:520px){.fhf-compact-fields{grid-template-columns:minmax(0,1fr)!important}.fhf-compact-fields :is(input,select,textarea){font-size:16px}.fhf-compact-fields label{line-height:1.6}}
[dir=rtl] :is(th,td){text-align:start}
[dir=rtl] :is(.fhf-field,.studio-layer-select,.studio-panel,.dc-manage){text-align:start}
[dir=rtl] .studio-sidebar{left:auto;right:0}
[dir=rtl] .studio-main{margin-left:0;margin-right:var(--s-side)}
[dir=rtl] .dc-sidebar{left:auto;right:0}
[dir=rtl] .dc-topbar{left:0;right:210px}
[dir=rtl] .dc-main{margin-left:0;margin-right:210px}
[dir=rtl] .dc-manage{direction:rtl}
[dir=rtl] .studio-canvas-viewport{direction:ltr}
@media(max-width:1200px){[dir=rtl] .dc-topbar{right:185px}[dir=rtl] .dc-main{margin-right:185px}[dir=rtl] .dc-manage{left:0;right:auto;transform:translateX(-105%)}[dir=rtl] .dc-manage.is-open{transform:none}}
@media(max-width:900px){[dir=rtl] .studio-main{margin-right:0}[dir=rtl] .studio-sidebar{transform:translateX(105%)}[dir=rtl] .studio-sidebar.is-open{transform:none}}
@media(max-width:800px){[dir=rtl] .dc-main{margin-right:0}[dir=rtl] .dc-topbar{right:0}[dir=rtl] .dc-sidebar{transform:translateX(105%)}[dir=rtl] .dc-sidebar.is-open{transform:none}}
/* Retain the approved artwork colors on canvases and previews in every editor theme. */
html[data-cms-theme=dark] :is(.studio-app,.display-center){color-scheme:dark;--s-cream:#102028;--s-ink:#edf5f6;--s-muted:#b7c7d2;--s-line:#354954;--cms-surface:#14262c}
html[data-cms-theme=dark] .studio-app{background:#0b191f;color:var(--s-ink)}
html[data-cms-theme=dark] .studio-app :is(.studio-header,.studio-panel,.studio-properties,.studio-editor-toolbar,.studio-template-card,.studio-library-filters,.studio-canvas-status,.studio-right-panel,.studio-card-menu>div){background:#14262c;color:var(--s-ink);border-color:var(--s-line)}
html[data-cms-theme=dark] .studio-app :is(input,select,textarea,[contenteditable=true]){background:#0b191f;color:#edf5f6;border-color:#354954}
html[data-cms-theme=dark] .studio-app :is(h1,h2,h3,label,.studio-product,.studio-layer-select,.icon-button){color:#edf5f6}
html[data-cms-theme=dark] .fhf-auth{background:#0b191f;color:#edf5f6}
html[data-cms-theme=dark] .fhf-auth :is(.auth-card,.auth-card-body){background:#14262c;color:#edf5f6}
html[data-cms-theme=dark] .fhf-auth :is(input,select,textarea){background:#0b191f;color:#edf5f6;border-color:#354954}
html[data-cms-theme=dark] .fhf-auth :is(h1,label,.auth-back){color:#edf5f6}
html[data-cms-theme=dark] .display-center{background:#0b191f;color:#edf5f6}
html[data-cms-theme=dark] .display-center :is(.dc-topbar,.dc-card,.dc-manage,.dc-bottom>section,.dc-dialog,.dc-global-search){background:#14262c;color:#edf5f6;border-color:#354954}
html[data-cms-theme=dark] .display-center :is(input,select,textarea,.dc-light){background:#0b191f;color:#edf5f6;border-color:#354954}
html[data-cms-theme=dark] .display-center :is(h1,h2,h3,label,.dc-card h2,.dc-manage button:not(.dc-apply)){color:#edf5f6}
html[data-cms-theme=dark] .display-center :is(.dc-note,small,.dc-page-title p,.dc-card p,.dc-wall-tools>span:last-child,.dc-manage dd){color:#b7c7d2}
html[data-cms-theme=dark] .display-center .dc-types button{background:#193c36;color:#edf5f6;border-color:#354954}
html[data-cms-theme=dark] .display-center .dc-types button.is-active{background:#007653;color:white}
.interface-actions{display:flex;justify-content:flex-end;gap:8px;margin-block:8px}
:where(.studio-app,.display-center,.fhf-auth,.school-portal-shell) .fhf-language{position:relative;flex-shrink:0;font:inherit;font-size:13px;color:inherit}
:where(.studio-app,.display-center,.fhf-auth,.school-portal-shell) .fhf-language>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px;border:1px solid #80968e66;border-radius:8px;cursor:pointer;list-style:none}
:where(.studio-app,.display-center,.fhf-auth,.school-portal-shell) .fhf-language nav{position:absolute;inset-inline-end:0;top:100%;min-width:170px;padding:6px;background:#fff;color:#14312b;border:1px solid #cbd8d3;border-radius:8px;box-shadow:0 8px 24px #102b2226;z-index:200}
:where(.studio-app,.display-center,.fhf-auth,.school-portal-shell) .fhf-language nav a{display:flex;gap:8px;min-height:44px;align-items:center;padding:8px;color:inherit;text-decoration:none}
html[data-cms-theme=dark] :where(.studio-app,.display-center,.fhf-auth,.school-portal-shell) .fhf-language nav{background:#14262c;color:#edf5f6;border-color:#354954}
@media(max-width:550px){.studio-header-actions{gap:5px}.studio-header-actions .fhf-language>summary{padding:4px}.studio-header-actions .fhf-language>summary svg{display:none}}
.fhf-compact-fields>label:has(>input[type=checkbox]),.fhf-compact-fields>label:has(>input[type=radio]){display:flex;align-items:center;gap:8px;min-block-size:44px;padding-block:6px}
html[data-cms-theme=dark] .studio-app :is(.studio-button-light,.studio-recent,.studio-recent>a,.studio-table-scroll,.studio-preview-toolbar){background:#14262c;color:#edf5f6;border-color:#354954}
html[data-cms-theme=dark] .studio-app .studio-button-light:disabled{color:#b7c7d2}
html[data-cms-theme=dark] .studio-app .studio-recent :is(strong,p,small){color:#edf5f6}
html[data-cms-theme=dark] .school-portal-shell{background:#0b191f;color:#edf5f6;color-scheme:dark}
html[data-cms-theme=dark] .school-portal-shell :is(.school-portal-topbar,main section,main article,main form,.school-table-scroll){background:#14262c;color:#edf5f6;border-color:#354954}
html[data-cms-theme=dark] .school-portal-shell :is(input,select,textarea,th){background:#0b191f;color:#edf5f6;border-color:#354954}
html[data-cms-theme=dark] .school-portal-shell :is(main h1,main h2,main h3,main label,main p,main small,td){color:#edf5f6}
html[data-cms-theme=dark] body.fhf-admin form :is(section,fieldset,.bg-white,.bg-fhf-cream,.bg-slate-50){background:var(--cms-surface,#14262c);color:var(--cms-ink,#edf5f6);border-color:var(--cms-line,#354954)}
html[data-cms-theme=dark] body.fhf-admin form :is(.fhf-error,[role=alert],.text-red-700,.text-red-800){color:#ffb4b4}
html[data-cms-theme=dark] .studio-app .studio-brand-wordmark{color:#edf5f6}
html[data-cms-theme=dark] .school-portal-shell summary{color:#edf5f6}
html[data-cms-theme=dark] .display-center :is(.dc-wall-tools button,.dc-card-bottom button,.dc-direction-row button,.dc-slide-row button){background:#193c36;color:#edf5f6;border-color:#354954}
:where(input[type=number],input[type=date],input[type=time],input[type=datetime-local]){direction:ltr}
[dir=rtl] .auth-back svg{transform:scaleX(-1)}
html[data-cms-theme=dark] body.fhf-admin main summary{color:var(--cms-ink,#edf5f6)}
html[data-cms-theme=dark] .display-center button:not(.dc-apply,.dc-red,.dc-gold,.dc-button){background:#193c36;color:#edf5f6;border-color:#354954}
html[data-cms-theme=dark] .display-center .dc-panel-heading a{color:#8ee0b4}

.fhf-form-scope{container-type:inline-size;container-name:fhf-form}
@container fhf-form (min-width:600px){.fhf-form-scope>.fhf-compact-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@container fhf-form (min-width:1000px){.fhf-form-scope>.fhf-compact-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
html:is(:lang(ar),:lang(am)) :is(h1,h2,h3,h4,.font-serif,.studio-product){font-family:var(--interface-script-font)}
:where(.cms-module-tabs,.kh-nav,.studio-breadcrumb){flex-wrap:wrap}

/* Identity and subscriber records remain readable inside compact mobile cards. */
body.fhf-admin .fhf-identity-page table.fhf-admin-records{min-width:0;width:100%;table-layout:fixed}
body.fhf-admin .fhf-identity-page .fhf-admin-records :is(th,td){white-space:normal;overflow-wrap:anywhere;min-width:0;color:var(--cms-ink);border-color:var(--cms-line)}
body.fhf-admin .fhf-identity-page .fhf-admin-records tr{background:var(--cms-surface)}
body.fhf-admin .fhf-identity-page .fhf-admin-records th{background:var(--cms-canvas)}
body.fhf-admin .fhf-identity-page details{min-width:0}
body.fhf-admin .fhf-identity-page details:not([open])>form{display:none}
@media(max-width:767px){body.fhf-admin .fhf-identity-page .fhf-admin-records td{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:12px;width:100%}body.fhf-admin .fhf-identity-page .fhf-admin-records td>*{min-width:0;max-width:100%}body.fhf-admin .fhf-identity-page .fhf-admin-records tr{height:auto;min-height:0}body.fhf-admin .fhf-identity-page .fhf-admin-records td[data-label=""]{display:block}}
body.fhf-admin .fhf-identity-page :is(.fhf-admin-table-wrap,table.fhf-admin-records,.fhf-admin-records tbody,.fhf-admin-records caption){background:var(--cms-canvas);color:var(--cms-ink);border-color:var(--cms-line)}
