/* Permanent shared component layer for all four Şehrim panels.
   Load after module CSS. Palette and typography come from the public site tokens. */
body.sehrim-panel{
 --blue:#0065ff;
 --panel-action:var(--blue,#0065ff);
 --panel-content:#183452;
 --panel-caption:#607291;
 --panel-stroke:#dfe8f3;
 --panel-surface:#fff;
 --panel-tint:#f5f8fc;
 --panel-card-radius:10px;
 font-family:var(--font,'Sehrim Text',Arial,sans-serif);
 color:var(--panel-content);
 background:var(--panel-tint);
}
.sehrim-panel :is(#manage-root,#panel-content){font-family:inherit;font-size:14px;line-height:1.65;min-width:0;color:var(--panel-content)}
.sehrim-panel :is(#manage-root,#panel-content) :is(h1,h2,h3,h4){font-family:var(--heading,var(--font));font-weight:700;overflow-wrap:anywhere;color:var(--panel-content)}
.sehrim-panel :is(#manage-root,#panel-content) h1{font-size:28px;line-height:1.3;letter-spacing:-.4px}
.sehrim-panel :is(#manage-root,#panel-content) h2{font-size:19px;line-height:1.4;letter-spacing:-.2px}
.sehrim-panel :is(#manage-root,#panel-content) h3{font-size:15px;line-height:1.5;letter-spacing:0}
.sehrim-panel :is(#manage-root,#panel-content) :is(p,li){overflow-wrap:anywhere}
.sehrim-panel :is(#manage-root,#panel-content) p{font-size:13px;line-height:1.8;color:var(--panel-caption)}
.sehrim-panel :is(#manage-root,#panel-content) :is(.manage-card,.panel-card,.support-card){background:var(--panel-surface);border:1px solid var(--panel-stroke);border-radius:var(--panel-card-radius);padding:22px;box-shadow:0 3px 12px #18345206;min-width:0}
.sehrim-panel :is(#manage-root,#panel-content) :is(.extras-card,.job-review-card,.market-offer-card){border:1px solid var(--panel-stroke);border-radius:var(--panel-card-radius);padding:16px;background:var(--panel-surface);min-width:0}
.sehrim-panel :is(#manage-root,#panel-content) :is(button,.manage-button){font-family:var(--font);font-size:13px;font-weight:600;line-height:1.5;min-height:40px;padding:10px 14px;border:1px solid #cdddf1;border-radius:7px;background:#fff;color:#1a5ca8;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.sehrim-panel :is(#manage-root,#panel-content) :is(button,.manage-button):hover:not(:disabled){background:#f1f7ff;border-color:#95bff8}
.sehrim-panel :is(#manage-root,#panel-content) :is(.primary,.panel-primary,.support-primary,.worker-primary){background:var(--panel-action);border-color:var(--panel-action);color:#fff}
.sehrim-panel :is(#manage-root,#panel-content) :is(.primary,.panel-primary,.support-primary,.worker-primary):hover:not(:disabled){background:#0057df;border-color:#0057df;color:#fff}
.sehrim-panel :is(#manage-root,#panel-content) :is(.panel-danger,.danger){background:#fff5f6;border-color:#edced6;color:#a33950}
.sehrim-panel :is(#manage-root,#panel-content) button:disabled{cursor:not-allowed;opacity:.55}
.sehrim-panel :is(#manage-root,#panel-content) label{font-family:inherit;font-size:13px;line-height:1.6;font-weight:600;color:#354d6e}
.sehrim-panel :is(#manage-root,#panel-content) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-family:var(--font);font-size:14px;line-height:1.6;font-weight:400;width:100%;max-width:100%;min-width:0;min-height:44px;border:1px solid #cfdced;border-radius:7px;padding:10px 12px;background:#fff;color:#243e60;box-sizing:border-box}
.sehrim-panel :is(#manage-root,#panel-content) textarea{resize:vertical}
.sehrim-panel :is(#manage-root,#panel-content) :is(input[type=checkbox],input[type=radio]){accent-color:var(--panel-action)}
.sehrim-panel :is(#manage-root,#panel-content) :is(input,select,textarea):disabled{background:#f1f4f8;color:#6b7d94;cursor:not-allowed}
.sehrim-panel :is(#manage-root,#panel-content) input[type=file]::file-selector-button{font-family:inherit;font-size:12px;border:1px solid #cfdced;border-radius:5px;background:#fff;color:#245b9d;padding:7px 10px;margin-right:10px}
.sehrim-panel :is(#manage-root,#panel-content) a{color:#075ed5;text-decoration:none;text-underline-offset:3px}
.sehrim-panel :is(#manage-root,#panel-content) a:hover{text-decoration:underline}
.sehrim-panel :is(#manage-root,#panel-content) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--orange,#f59e0b);outline-offset:3px}
.sehrim-panel :is(#manage-root,#panel-content) table{font-family:inherit;font-size:13px;border-collapse:collapse;width:100%}
.sehrim-panel :is(#manage-root,#panel-content) :is(th,td){padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--panel-stroke);overflow-wrap:anywhere}
.sehrim-panel :is(#manage-root,#panel-content) th{font-size:12px;font-weight:700;color:#536b89;background:#f7faff}
.sehrim-panel :is(#manage-root,#panel-content) :is(.form-actions,.manage-actions,.support-actions){display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sehrim-panel :is(dialog,#panel-dialog){font-family:var(--font);color:var(--panel-content);border-radius:var(--panel-card-radius)}
.sehrim-panel :is(dialog,#panel-dialog) :is(button,input,textarea,select){font-family:inherit}
/* Preserve photo hero legibility; it is a branded section, not a white card. */
.sehrim-panel #panel-content .panel-hero :is(h1,h2,h3,p){color:#fff}
@media(max-width:700px){
 .sehrim-panel :is(#manage-root,#panel-content) h1{font-size:25px}
 .sehrim-panel :is(#manage-root,#panel-content) h2{font-size:18px}
 .sehrim-panel :is(#manage-root,#panel-content) :is(.manage-card,.panel-card,.support-card,.extras-card,.job-review-card){padding:16px}
 .sehrim-panel :is(#manage-root,#panel-content) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
 .sehrim-panel :is(#manage-root,#panel-content) :is(button,.manage-button){min-height:44px}
}

.sehrim-panel :is(#manage-root,#panel-content) :is(a.primary,a.panel-primary,a.support-primary,a.manage-button):hover{text-decoration:none}
/* Align full-width workflow screens with the firm's existing content gutter. */
.sehrim-panel #firm-content-body{padding:20px 22px}
.sehrim-panel #panel-content>:is(.manage-card,.support-shell){margin:20px 22px}
@media(max-width:700px){
 .sehrim-panel #firm-content-body{padding:16px 14px}
 .sehrim-panel #panel-content>:is(.manage-card,.support-shell){margin:16px 14px}
}
.sehrim-panel :is(#manage-root,#panel-content) :is(.status,.manage-badge){display:inline-flex;align-items:center;font-size:11px;font-weight:600;line-height:1.5;border-radius:6px;padding:4px 8px;white-space:normal;background:#eaf3ff;color:#145fba}
.sehrim-panel :is(#manage-root,#panel-content) .status.green{background:#def8eb;color:#08734a}
.sehrim-panel :is(#manage-root,#panel-content) .status.orange{background:#fff1d4;color:#8b610d}
.sehrim-panel :is(#manage-root,#panel-content) .status.red{background:#fff0f4;color:#a33950}
.sehrim-panel :is(.manage-sidebar nav,#panel-sidebar nav) a{font-family:var(--font);font-size:13px;line-height:1.5;min-height:44px;padding:11px 12px;border:1px solid transparent;border-radius:7px;color:#405673;gap:10px}
.sehrim-panel :is(.manage-sidebar nav,#panel-sidebar nav) a[aria-current=page]{color:#0057df;background:#eaf3ff;border-color:#d9e9ff;font-weight:700}
.sehrim-panel :is(.manage-sidebar nav,#panel-sidebar nav) .panel-menu-icon{width:18px;height:18px;flex:0 0 18px}
@media(max-width:700px){.sehrim-panel :is(.manage-sidebar nav,#panel-sidebar nav) a{font-size:12px;padding:10px 8px}}
/* Shared selected filter/tab state; available to every panel module. */
.sehrim-panel :is(#manage-root,#panel-content) button[aria-pressed=true]{background:#eaf3ff;border-color:#92bfff;color:#075ed5}
/* Shared dashboard statistics use the same surface and focus language as panel cards. */
.sehrim-panel :is(#manage-root,#panel-content) .manage-stats article{border-radius:var(--panel-card-radius);border-color:var(--panel-stroke);background:var(--panel-surface)}
.sehrim-panel :is(#manage-root,#panel-content) .manage-stats a{display:block;color:var(--panel-content);text-decoration:none}
.sehrim-panel :is(#manage-root,#panel-content) .manage-stats strong{display:block;font-size:28px;line-height:1.2;color:var(--panel-action);margin-top:10px}