/* Munjez shared components. All new screens must use these tokens and classes. */
:root{--mj-ink:#173747;--mj-muted:#657f8c;--mj-primary:#0d6c82;--mj-primary-hover:#10566b;--mj-navy:#123c50;--mj-peach:#ffc18a;--mj-surface:#fff;--mj-soft:#f3f8fa;--mj-border:#d7e5ec;--mj-danger:#b43b43;--mj-radius:12px;--mj-card-radius:22px;--mj-focus:0 0 0 3px #0d6c821f;--mj-shadow:0 12px 40px #123c500c;--accent:var(--mj-primary);--ink:var(--mj-ink);--nav:var(--mj-navy);--line:var(--mj-border);--citron:var(--mj-peach)}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{touch-action:manipulation}button{transition:background .16s,color .16s,border-color .16s,box-shadow .16s}button:disabled{cursor:not-allowed;opacity:.55}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--mj-border);border-radius:var(--mj-radius);background:var(--mj-surface);color:var(--mj-ink);font-size:16px;line-height:1.5;min-height:46px;padding:10px 13px}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--mj-primary);box-shadow:var(--mj-focus);outline:none}input::placeholder,textarea::placeholder{color:#8b9ea7;opacity:1}input[readonly],input:disabled,select:disabled,textarea:disabled{background:var(--mj-soft);color:var(--mj-muted)}input[type=checkbox],input[type=radio]{accent-color:var(--mj-primary);width:20px;height:20px;min-height:20px;border-radius:5px}label{color:var(--mj-ink);font-weight:600;line-height:1.6}button.primary,a.primary,#administrationPanel .primary{border:1px solid var(--mj-primary);background:var(--mj-primary);color:#fff;border-radius:var(--mj-radius);min-height:44px;padding:11px 21px;font-weight:700}button.primary:hover:not(:disabled),a.primary:hover,#administrationPanel .primary:hover{background:var(--mj-primary-hover);border-color:var(--mj-primary-hover)}button.secondary,a.secondary,#administrationPanel .secondary{border:1px solid var(--mj-border);background:#fff;color:var(--mj-navy);border-radius:var(--mj-radius);min-height:44px;padding:10px 19px;font-weight:700}.secondary:hover:not(:disabled){background:var(--mj-soft)}button.quiet,a.quiet{color:var(--mj-primary);border-radius:var(--mj-radius);min-height:40px;padding:8px 12px}.quiet:hover:not(:disabled){background:#eaf3f7}.quiet.danger{color:var(--mj-danger)}.quiet.danger:hover{background:#fff0f0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ecab73;outline-offset:3px}.field-hint,.note{color:var(--mj-muted);font-size:13px;line-height:1.8}.calendar,.rep-dialog,#previewDialog{border:1px solid var(--mj-border);border-radius:var(--mj-card-radius);box-shadow:0 24px 80px #123c5033;color:var(--mj-ink);background:var(--mj-surface)}dialog::backdrop{background:#0e293c70;backdrop-filter:blur(4px)}.modal-head{gap:16px;padding-bottom:16px;border-bottom:1px solid var(--mj-border);align-items:center}.modal-head h2{color:var(--mj-navy);font-size:22px;margin:0}.calendar{padding:22px}.calendar button{border-radius:10px;background:#edf5f8;color:var(--mj-navy);border:1px solid transparent;min-height:40px}.calendar button:hover:not(:disabled){background:#dceef4;border-color:#bad9e5}.cal-grid button.selected{background:var(--mj-primary);color:#fff;border-color:var(--mj-primary)}.cal-grid button:disabled{background:#f6f8f9;color:#9babb3;opacity:.6}.cal-week{color:var(--mj-muted);font-weight:600}.cal-controls select{padding:7px;font-size:15px}.cal-bottom button{min-height:42px;padding:9px 16px}.date-picker{background:var(--mj-soft)!important}.profession-options{border:1px solid var(--mj-border);border-radius:14px;box-shadow:var(--mj-shadow);background:#fff}.profession-option{border-radius:8px;color:var(--mj-ink)}.profession-option:hover,.profession-option[aria-selected=true]{background:#e6f2f7}.profession-option.manual{color:var(--mj-primary)}.representative-picker,#companyForm,.signature-choice{background:var(--mj-soft);border-color:var(--mj-border);border-radius:16px}.rep-card{border-color:var(--mj-border);border-radius:14px;background:#f8fbfc}.auth-card,.tenant-card,.tenant-panel,.group{border-color:var(--mj-border)}.auth-card{border-radius:24px;box-shadow:var(--mj-shadow)}.auth-heading h1,.tenant-card h2,.tenant-panel h2{color:var(--mj-navy)}.section-nav{border-color:var(--mj-border);background:#e7eff4;border-radius:14px}.section-nav a{color:var(--mj-navy);border-radius:9px}.section-nav a:hover{background:white}.entry-head{background:var(--mj-navy)}.entry-head span{color:#d2e6ee}.group h3 span{background:var(--mj-peach);color:var(--mj-navy)}.language-switch{border-color:var(--mj-border);background:var(--mj-soft)}.language-switch button.selected{background:var(--mj-navy);color:white}.otp-input,#joinCode{font-family:ui-monospace,monospace!important;letter-spacing:.45em;font-size:26px!important;text-align:center;font-weight:700}.check-line{font-weight:400}.check-line input{flex:none}.menu-toggle{color:var(--mj-navy)}@media(max-width:760px){.rep-dialog{padding:18px}.modal-head h2{font-size:19px}.calendar{padding:18px}.cal-grid button{min-height:42px}.primary,.secondary{font-size:14px}}@media(prefers-reduced-motion:reduce){button{transition:none}}

/* Reusable branded selection popup. */
.mj-select{position:relative;min-width:0;flex:1}.mj-select-trigger{width:100%;min-height:46px;border:1px solid var(--mj-border);border-radius:var(--mj-radius);padding:11px 15px;background:var(--mj-soft);color:var(--mj-ink);font:inherit;text-align:start;cursor:pointer}.mj-select-trigger[aria-expanded=true]{border-color:var(--mj-primary);box-shadow:var(--mj-focus)}.mj-select-options{position:absolute;top:calc(100% + 8px);inset-inline:0;z-index:60;padding:7px;border:1px solid var(--mj-border);border-radius:16px;background:var(--mj-surface);box-shadow:0 14px 38px #123c5024;max-height:300px;overflow:auto}.mj-select-options[hidden]{display:none}.mj-select-option{display:block;width:100%;border:0;border-radius:10px;padding:12px;background:transparent;color:var(--mj-ink);font:inherit;text-align:start;white-space:normal;cursor:pointer}.mj-select-option:hover,.mj-select-option:focus{background:#e7f2f6;outline:none}.mj-select-option[aria-selected=true]{background:var(--mj-navy);color:#fff}.catalog-tools{overflow:visible}.agency-filter{min-width:0}select[hidden]{display:none!important}
.mj-native-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)}.mj-select{width:100%}.cal-controls .mj-select{min-width:85px}.cal-controls .mj-select-options{min-width:130px}.mj-select-option:disabled{opacity:.5}.mj-select-options{overscroll-behavior:contain}.mj-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px}
.profile-trigger{border:1px solid var(--mj-border);border-radius:999px;padding:8px 16px;color:var(--mj-navy);background:var(--mj-soft);font:inherit;font-weight:700;cursor:pointer}.profile-trigger:hover{border-color:var(--mj-primary);background:#e7f2f6}.profile-dialog{width:min(480px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid var(--mj-border);border-radius:24px;padding:24px;box-shadow:var(--mj-shadow);color:var(--mj-ink);background:var(--mj-surface)}.profile-dialog form>label,.profile-password>label{display:block;margin:15px 0 6px}.profile-dialog input:not([type=checkbox]){width:100%;box-sizing:border-box}.profile-password{margin-top:22px;border-top:1px solid var(--mj-border);padding-top:18px}.profile-password summary{color:var(--mj-primary);cursor:pointer;font-weight:700}.profile-dialog .modal-head{display:flex;justify-content:space-between}.profile-dialog form>.primary{width:100%}
.transaction-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin:24px 0}.transaction-card{padding:22px;background:var(--mj-surface);border:1px solid var(--mj-border);border-radius:var(--mj-card-radius);overflow-wrap:anywhere}.transaction-card h2{font-size:18px;margin:0 0 12px}.transaction-card p{margin:8px 0}.transaction-employee{font-weight:700;color:var(--mj-primary)}.transaction-card time{display:block;margin-top:14px;color:var(--mj-muted);font-size:13px}.transaction-action{display:inline-block;background:var(--mj-soft);color:var(--mj-primary);border-radius:8px;padding:6px 10px;font-size:13px}.transaction-pages{display:flex;align-items:center;justify-content:center;gap:18px}

/* Menu labels always inherit the shared menu typography; icon sizing is separate. */
.app-sidebar .side-item{font-size:15px;font-weight:600;line-height:1.8}.app-sidebar .side-item.active{font-size:15px;font-weight:600}.app-sidebar .side-item>span:not([aria-hidden="true"]){font:inherit;letter-spacing:inherit}.app-sidebar .side-item>[aria-hidden="true"]{font-size:20px;font-weight:400;flex:none}@media(max-width:900px){.app-sidebar .side-item,.app-sidebar .side-item.active{font-size:13px}}

.app-sidebar .nav-icon{width:19px;height:19px;flex:0 0 19px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-bottom a{display:flex;align-items:center;gap:12px}
.draft-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 16px;margin:16px 0;background:var(--mj-soft);border:1px solid var(--mj-border);border-radius:var(--mj-radius);color:var(--mj-muted);font-size:14px}.draft-bar>span{flex:1;min-width:180px}.handwrite-toggle{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:500;color:var(--mj-muted)}.handwrite-toggle input{width:30px;height:18px;min-height:18px;cursor:pointer}.handwritten-field .electronic-controls{opacity:.5}.electronic-controls>input,.electronic-controls>select{width:100%}.electronic-controls>label{display:block}.electronic-controls{min-width:0}
#allowanceEditor .entry{max-width:980px;margin-inline:auto}#allowanceEditor .allowance-shortcuts{padding:20px;background:var(--mj-soft);border-bottom:1px solid var(--mj-border)}#allowanceEditor .allowance-shortcuts>label{display:block;margin-bottom:8px}#allowanceEditor .allowance-note{padding:0 24px 24px}#allowanceEditor .allowance-group{border-bottom:1px solid var(--mj-border);padding:22px}#allowanceEditor summary{cursor:pointer;color:var(--mj-navy);font-size:17px;font-weight:700;padding:8px 0}#allowanceEditor .fields{margin-top:16px}#allowanceEditor .draft-bar{margin:18px}#allowanceEditor footer{gap:16px;flex-wrap:wrap}#allowanceEditor .allowance-status{font-size:14px;color:var(--mj-muted)}
#allowanceForm{display:flex;flex-direction:column;gap:20px}#allowanceForm .field{min-width:0}#allowanceForm input,#allowanceForm select{width:100%}@media(max-width:540px){#allowanceForm .fields{grid-template-columns:minmax(0,1fr)}#allowanceEditor .allowance-group{padding:18px}}
#allowanceForm .dependent-inactive{opacity:.45}#allowanceForm .dependent-inactive input,#allowanceForm .dependent-inactive .mj-select-trigger{background:var(--mj-soft)}

#moiEditor .entry{max-width:980px;margin-inline:auto}#moiEditor .moi-shortcuts{padding:20px;background:var(--mj-soft);border-bottom:1px solid var(--mj-border)}#moiEditor .moi-shortcuts>label{display:block;margin-bottom:8px}#moiEditor .moi-note{padding:0 24px 24px}#moiEditor .moi-group{border-bottom:1px solid var(--mj-border);padding:22px}#moiEditor summary{cursor:pointer;color:var(--mj-navy);font-size:17px;font-weight:700;padding:8px 0}#moiEditor .fields{margin-top:16px}#moiEditor .draft-bar{margin:18px}#moiEditor footer{gap:16px;flex-wrap:wrap}#moiEditor .moi-status{font-size:14px;color:var(--mj-muted)}
#moiForm{display:flex;flex-direction:column;gap:20px}#moiForm .field{min-width:0}#moiForm input,#moiForm select{width:100%}@media(max-width:540px){#moiForm .fields{grid-template-columns:minmax(0,1fr)}#moiEditor .moi-group{padding:18px}}
#moiForm .dependent-inactive{opacity:.45}#moiForm .dependent-inactive input,#moiForm .dependent-inactive .mj-select-trigger{background:var(--mj-soft)}

.agency-logo img{display:block;width:100%;height:100%;object-fit:contain}.agency-title{min-width:0}.agency-title [data-agency-description]{white-space:normal;line-height:1.6}

#catalog .search-field{min-width:0}#catalog .search-field>.search-icon{position:absolute;inset:auto;inset-inline-start:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:block;pointer-events:none;line-height:0;color:var(--mj-muted)}#catalog .search-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}#catalog .search-field input{width:100%;box-sizing:border-box;padding-inline:48px 16px;text-align:start}

.document-mark .form-type-icon{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

#activationEditor .entry{max-width:980px;margin-inline:auto}#activationEditor .activation-shortcuts{padding:20px;background:var(--mj-soft);border-bottom:1px solid var(--mj-border)}#activationEditor .activation-shortcuts>label{display:block;margin-bottom:8px}#activationEditor .activation-note{padding:0 24px 24px}#activationEditor .activation-group{border-bottom:1px solid var(--mj-border);padding:22px}#activationEditor summary{cursor:pointer;color:var(--mj-navy);font-size:17px;font-weight:700;padding:8px 0}#activationEditor .fields{margin-top:16px}#activationEditor .draft-bar{margin:18px}#activationEditor footer{gap:16px;flex-wrap:wrap}#activationEditor .activation-status{font-size:14px;color:var(--mj-muted)}
#activationForm{display:flex;flex-direction:column;gap:20px}#activationForm .field{min-width:0}#activationForm input,#activationForm select{width:100%}@media(max-width:540px){#activationForm .fields{grid-template-columns:minmax(0,1fr)}#activationEditor .activation-group{padding:18px}}
#activationForm .dependent-inactive{opacity:.45}#activationForm .dependent-inactive input,#activationForm .dependent-inactive .mj-select-trigger{background:var(--mj-soft)}

#drivingEditor .entry{max-width:980px;margin-inline:auto}#drivingEditor .driving-shortcuts{padding:20px;background:var(--mj-soft);border-bottom:1px solid var(--mj-border)}#drivingEditor .driving-shortcuts>label{display:block;margin-bottom:8px}#drivingEditor .driving-note{padding:0 24px 24px}#drivingEditor .driving-group{border-bottom:1px solid var(--mj-border);padding:22px}#drivingEditor summary{cursor:pointer;color:var(--mj-navy);font-size:17px;font-weight:700;padding:8px 0}#drivingEditor .fields{margin-top:16px}#drivingEditor .draft-bar{margin:18px}#drivingEditor footer{gap:16px;flex-wrap:wrap}#drivingEditor .driving-status{font-size:14px;color:var(--mj-muted)}
#drivingForm{display:flex;flex-direction:column;gap:20px}#drivingForm .field{min-width:0}#drivingForm input,#drivingForm select{width:100%}@media(max-width:540px){#drivingForm .fields{grid-template-columns:minmax(0,1fr)}#drivingEditor .driving-group{padding:18px}}
#drivingForm .dependent-inactive{opacity:.45}#drivingForm .dependent-inactive input,#drivingForm .dependent-inactive .mj-select-trigger{background:var(--mj-soft)}

#immigrationEditor .entry{max-width:980px;margin-inline:auto}#immigrationEditor .immigration-shortcuts{padding:20px;background:var(--mj-soft);border-bottom:1px solid var(--mj-border)}#immigrationEditor .immigration-shortcuts>label{display:block;margin-bottom:8px}#immigrationEditor .immigration-note{padding:0 24px 24px}#immigrationEditor .immigration-group{border-bottom:1px solid var(--mj-border);padding:22px}#immigrationEditor summary{cursor:pointer;color:var(--mj-navy);font-size:17px;font-weight:700;padding:8px 0}#immigrationEditor .fields{margin-top:16px}#immigrationEditor .draft-bar{margin:18px}#immigrationEditor footer{gap:16px;flex-wrap:wrap}#immigrationEditor .immigration-status{font-size:14px;color:var(--mj-muted)}
#immigrationForm{display:flex;flex-direction:column;gap:20px}#immigrationForm .field{min-width:0}#immigrationForm input,#immigrationForm select{width:100%}@media(max-width:540px){#immigrationForm .fields{grid-template-columns:minmax(0,1fr)}#immigrationEditor .immigration-group{padding:18px}}
#immigrationForm .dependent-inactive{opacity:.45}#immigrationForm .dependent-inactive input,#immigrationForm .dependent-inactive .mj-select-trigger{background:var(--mj-soft)}

/* Company and representative management use separate screens. */
.management-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.management-tabs button{flex:1;min-width:120px}.company-summary{padding:18px;margin:16px 0;border:1px solid var(--mj-border);border-radius:var(--mj-radius);overflow-wrap:anywhere}.company-summary p{margin:4px 0}.rep-dialog .rep-layout[hidden],.rep-dialog .company-actions[hidden],.rep-dialog [hidden]{display:none!important}.rep-dialog .company-actions{display:flex;flex-wrap:wrap;gap:8px}.rep-dialog input,.rep-dialog select{max-width:100%;box-sizing:border-box}.rep-layout>*{min-width:0}.rep-dialog #companyContinue{margin-bottom:16px}.rep-dialog #companyForm{margin-top:18px;padding:20px}.rep-dialog #repCompany{font-weight:700}.rep-dialog #managementHelp{font-size:14px;line-height:1.8}

.munjez-confirm{width:min(440px,calc(100vw - 32px));box-sizing:border-box;border:1px solid var(--mj-border);border-radius:var(--mj-card-radius);padding:26px;background:var(--mj-surface);color:var(--mj-ink);box-shadow:0 24px 80px #123c5033}.munjez-confirm h2{margin:0 0 16px;font-size:22px;color:var(--mj-navy)}.munjez-confirm p{font-size:16px;line-height:1.8;overflow-wrap:anywhere}.munjez-confirm .removal-name{font-weight:700;background:var(--mj-soft);padding:12px 16px;border-radius:var(--mj-radius);color:var(--mj-navy)}.confirmation-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.confirmation-actions button{flex:1;min-width:120px}

/* Compact catalog introduction in the Munjez brand. */
#library .munjez-catalog-heading,.munjez-catalog-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:20px;background:var(--mj-navy);border:1px solid var(--mj-navy);border-inline-start:5px solid #f58220;border-radius:var(--mj-card-radius);box-shadow:none;overflow:hidden}.munjez-catalog-heading>div{min-width:0}.munjez-catalog-heading .eyebrow{display:block;margin:0 0 8px;color:#ffbd80;font-size:14px;font-weight:700}.munjez-catalog-heading h1{margin:0;color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.5;letter-spacing:0}.munjez-catalog-heading p{margin:10px 0 0;color:#d6e5ec;font-size:16px;line-height:1.8}.munjez-catalog-heading .catalog-total{flex-shrink:0;color:#fff;background:#ffffff0d;border:1px solid #ffffff30;box-shadow:none;font-size:14px}.munjez-catalog-heading .catalog-total span{color:#ffbd80}@media(max-width:640px){#library .munjez-catalog-heading,.munjez-catalog-heading{padding:22px 20px;align-items:flex-start;flex-direction:column;gap:18px}.munjez-catalog-heading h1{font-size:28px}.munjez-catalog-heading .catalog-total{align-self:flex-start}}

button.top-home{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:44px;padding:9px 14px;font:inherit;font-size:14px;font-weight:700;color:var(--mj-navy);background:var(--mj-surface);border-color:var(--mj-border)}button.top-home[hidden]{display:none}button.top-home svg{width:20px;height:20px;flex-shrink:0}.rep-dialog .modal-head h2{flex:1}@media(max-width:640px){header{gap:8px;flex-wrap:wrap;height:auto;min-height:80px;padding-block:12px}button.top-home{padding:8px 10px}.rep-dialog .modal-head{flex-wrap:wrap;gap:8px}}

/* Mobile layout: one brand row, generous touch controls, no clipped content. */
@media(max-width:760px){
 #securedApp>header{display:flex;flex-wrap:wrap;height:auto;gap:10px;padding:14px 16px}
 #securedApp>header .brand{order:-2;flex:1 0 100%;width:100%;min-width:0;display:flex;justify-content:space-between;gap:14px;margin:0}
 #securedApp>header .brand .munjaz-lockup{width:126px;flex:0 0 126px}
 #securedApp>header .brand .munjez-full-logo{width:126px;height:auto;max-width:100%}
 #securedApp #activeWorkspaceName{min-width:0;max-width:calc(100% - 140px)!important;font-size:14px;line-height:1.6;padding:8px 12px;overflow-wrap:anywhere}
 #securedApp>header .menu-toggle,#securedApp>header .top-home{min-height:44px;font-size:14px;padding:8px 12px}
 #securedApp>header .language-switch{margin-inline-start:auto;max-width:100%}
 .language-switch button{min-height:40px;font-size:14px}
 #securedApp>header .shell-trail{order:3;flex-basis:100%;font-size:13px}
 #workspaceSidebar{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}
 #workspaceSidebar .side-item{min-height:46px;font-size:14px;overflow-wrap:anywhere}
 #workspaceSidebar .side-item[hidden]{display:none!important}
 #main{min-width:0;padding-inline:16px;padding-bottom:calc(180px + env(safe-area-inset-bottom))}
 .agency-section summary{flex-wrap:wrap;padding:18px 14px;gap:10px}.agency-title{flex:1;min-width:120px;overflow-wrap:anywhere}.agency-count{font-size:14px}
 .rep-dialog,.profile-dialog{box-sizing:border-box;width:calc(100% - 24px);max-width:560px;max-height:calc(100dvh - 32px);padding:18px;overflow:auto;overscroll-behavior:contain}
 .rep-dialog .modal-head h2{flex-basis:100%;font-size:22px}.rep-dialog .rep-layout{grid-template-columns:minmax(0,1fr);gap:20px}
 .rep-dialog .company-actions{gap:8px}.rep-dialog .company-actions button{flex:1 1 140px}
 .rep-card{overflow-wrap:anywhere}.rep-dialog .fields{grid-template-columns:minmax(0,1fr)}
 footer{padding-bottom:calc(12px + env(safe-area-inset-bottom));gap:10px}footer>div{flex-wrap:wrap;min-width:0}footer button{min-height:46px;min-width:0;padding:10px 12px}
 .workspace-page header{flex-wrap:wrap}.workspace-page .auth-card{box-sizing:border-box;max-width:100%}
}
@media(max-width:480px){.fields{grid-template-columns:minmax(0,1fr)}.field.wide{grid-column:auto}.management-tabs button{min-width:0;padding-inline:10px}.section-nav{flex-wrap:wrap}.editor-title h1{font-size:24px}.munjez-catalog-heading h1{font-size:26px}}

#workspaceSidebar[hidden]{display:none!important}#workspaceSidebar[aria-hidden="false"]{visibility:visible;opacity:1;pointer-events:auto;transform:none}#menuToggle,#topHome{position:relative;z-index:6;pointer-events:auto}

/* One automatic section sequence per form, including future form editors. */
.entry form{counter-reset:munjez-section}
.entry form>.group{counter-increment:munjez-section}
.entry form>.group>:is(h3,summary){display:flex;align-items:center;gap:12px;color:var(--mj-navy)}
.entry form>.group>:is(h3,summary)::before{content:counter(munjez-section);display:inline-grid;place-items:center;flex:0 0 34px;min-width:34px;height:34px;box-sizing:border-box;border-radius:10px;background:var(--mj-peach);color:var(--mj-navy);font-family:inherit;font-size:16px;font-weight:700;line-height:1;direction:ltr}
.entry form>details.group>summary{list-style:none;cursor:pointer}
.entry form>details.group>summary::-webkit-details-marker{display:none}
.entry form>details.group>summary::after{content:"";width:8px;height:8px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-inline-start:auto;margin-inline-end:4px;flex-shrink:0;transition:transform .16s}
.entry form>details.group[open]>summary::after{transform:rotate(225deg)}
@media(prefers-reduced-motion:reduce){.entry form>details.group>summary::after{transition:none}}
.subscriber-panel{max-width:1100px;margin-inline:auto}.subscriber-hero{padding:28px;border-radius:var(--mj-card-radius);background:var(--mj-navy);color:white;margin-bottom:24px}.subscriber-hero h1{color:inherit;font-size:clamp(24px,3vw,32px);margin:0 0 8px}.subscriber-hero p{color:#d2e7ed;margin:0;max-width:760px}.subscriber-add,.subscriber-card{background:var(--mj-surface);border:1px solid var(--mj-border);border-radius:var(--mj-card-radius);padding:24px}.subscriber-add h2{font-size:20px;margin:0 0 18px;color:var(--mj-navy)}#subscriberAddForm{display:grid;grid-template-columns:1fr 1fr;gap:18px}#subscriberAddForm>.primary{grid-column:1/-1;justify-self:start}.subscriber-search{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:24px}.subscriber-search .field{flex:1;min-width:180px}.subscriber-list{display:grid;gap:16px}.subscriber-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.subscriber-card h2{font-size:18px;margin:0;overflow-wrap:anywhere}.subscriber-state{font-size:14px;padding:4px 10px;border-radius:8px;background:var(--mj-soft);color:var(--mj-navy)}.subscriber-civil{text-align:start;font-size:16px;margin:8px 0}.subscriber-actions{display:flex;gap:8px;flex-wrap:wrap}.subscriber-dialog input{width:100%}.subscriber-dialog form>label{margin-top:20px}.subscriber-dialog form>.primary{width:100%}.subscriber-panel>.field-hint{margin-top:14px}#subscriberStatus{min-height:24px;overflow-wrap:anywhere}#subscribersNav>span[aria-hidden=true]{display:grid;place-items:center}#subscribersNav svg{width:22px;height:22px}@media(max-width:600px){.subscriber-hero,.subscriber-add,.subscriber-card{padding:18px}#subscriberAddForm{grid-template-columns:1fr}#subscriberAddForm>.primary{width:100%}.subscriber-actions>button{flex:1 1 140px}.subscriber-search .field{flex-basis:100%}}

#newLocationEditor .entry{max-width:980px;margin-inline:auto}#newLocationEditor .newLocation-shortcuts{padding:20px;background:var(--mj-soft);border-bottom:1px solid var(--mj-border)}#newLocationEditor .newLocation-shortcuts>label{display:block;margin-bottom:8px}#newLocationEditor .newLocation-note{padding:0 24px 24px}#newLocationEditor .newLocation-group{padding:22px}#newLocationEditor .draft-bar{margin:18px}#newLocationEditor footer{gap:16px;flex-wrap:wrap}#newLocationEditor .newLocation-status{font-size:14px;color:var(--mj-muted)}#newLocationForm .field{min-width:0}@media(max-width:540px){#newLocationForm .fields{grid-template-columns:minmax(0,1fr)}}

#wagesEditor .entry{max-width:980px;margin-inline:auto}#wagesEditor .wages-shortcuts{padding:20px;background:var(--mj-soft);border-bottom:1px solid var(--mj-border)}#wagesEditor .wages-shortcuts>label{display:block;margin-bottom:8px}#wagesEditor .wages-note{padding:0 24px 24px}#wagesEditor .wages-group{padding:22px}#wagesEditor .draft-bar{margin:18px}#wagesEditor footer{gap:16px;flex-wrap:wrap}#wagesEditor .wages-status{font-size:14px;color:var(--mj-muted)}#wagesForm .field{min-width:0}@media(max-width:540px){#wagesForm .fields{grid-template-columns:minmax(0,1fr)}}

#reversalEditor .entry{max-width:980px;margin-inline:auto}#reversalEditor .reversal-shortcuts{padding:20px;background:var(--mj-soft);border-bottom:1px solid var(--mj-border)}#reversalEditor .reversal-shortcuts>label{display:block;margin-bottom:8px}#reversalEditor .reversal-note{padding:0 24px 24px}#reversalEditor .reversal-group{padding:22px}#reversalEditor .draft-bar{margin:18px}#reversalEditor footer{gap:16px;flex-wrap:wrap}#reversalEditor .reversal-status{font-size:14px;color:var(--mj-muted)}#reversalForm .field{min-width:0}@media(max-width:540px){#reversalForm .fields{grid-template-columns:minmax(0,1fr)}}

#receiptEditor .entry{max-width:980px;margin-inline:auto}#receiptEditor .receipt-shortcuts{padding:20px;background:var(--mj-soft);border-bottom:1px solid var(--mj-border)}#receiptEditor .receipt-shortcuts>label{display:block;margin-bottom:8px}#receiptEditor .receipt-note{padding:0 24px 24px}#receiptEditor .receipt-group{padding:22px}#receiptEditor .draft-bar{margin:18px}#receiptEditor footer{gap:16px;flex-wrap:wrap}#receiptEditor .receipt-status{font-size:14px;color:var(--mj-muted)}#receiptForm .field{min-width:0}@media(max-width:540px){#receiptForm .fields{grid-template-columns:minmax(0,1fr)}}

#grievanceEditor .entry{max-width:980px;margin-inline:auto}#grievanceEditor .grievance-shortcuts{padding:20px;background:var(--mj-soft);border-bottom:1px solid var(--mj-border)}#grievanceEditor .grievance-shortcuts>label{display:block;margin-bottom:8px}#grievanceEditor .grievance-note{padding:0 24px 24px}#grievanceEditor .grievance-group{padding:22px}#grievanceEditor .draft-bar{margin:18px}#grievanceEditor footer{gap:16px;flex-wrap:wrap}#grievanceEditor .grievance-status{font-size:14px;color:var(--mj-muted)}#grievanceForm .field{min-width:0}@media(max-width:540px){#grievanceForm .fields{grid-template-columns:minmax(0,1fr)}}
.pam-template-editor .entry{max-width:980px;margin-inline:auto}.pam-template-editor .pam-shortcuts{padding:20px;background:var(--mj-soft);border-bottom:1px solid var(--mj-border)}.pam-template-editor .pam-shortcuts>label{display:block;margin-bottom:8px}.pam-template-editor .pam-note{padding:0 24px 24px}.pam-template-editor .group{padding:22px}.pam-template-editor .draft-bar{margin:18px}.pam-template-editor footer{gap:16px;flex-wrap:wrap}.pam-template-editor .pam-status{font-size:14px;color:var(--mj-muted)}.pam-template-editor .field{min-width:0}.pam-template-editor .pam-full-field{grid-column:1/-1}.pam-template-editor textarea{min-height:130px;resize:vertical}.pam-template-editor .editor-title>div{min-width:0}.pam-template-editor h1{overflow-wrap:anywhere}@media(max-width:540px){.pam-template-editor .fields{grid-template-columns:minmax(0,1fr)}}
.company-details{border:1px solid var(--mj-border);border-radius:var(--mj-radius,16px);padding:18px;margin-block:18px;min-width:0}.company-details legend{color:var(--mj-ink);font-weight:700;padding-inline:8px}.company-details .field{min-width:0}.company-summary p{overflow-wrap:anywhere}@media(max-width:540px){.company-details .fields{grid-template-columns:minmax(0,1fr)}}

/* Show the official PIFSS symbol at a readable size; its name remains beside it. */

.company-profile-group{border:1px solid var(--mj-border);border-radius:12px;margin-block:12px;padding:14px}.company-profile-group summary{cursor:pointer;color:var(--mj-ink);font-weight:700;font-size:1rem}.company-profile-group>.fields{margin-top:18px}.company-profile-group .field{min-width:0}@media(max-width:540px){.company-profile-group>.fields{grid-template-columns:minmax(0,1fr)}}

/* PIFSS categories and reference documents share Munjez catalog components. */
.pifss-categories{max-width:34rem;margin:1.5rem 0}.pifss-references{margin-top:1.5rem;border-top:1px solid var(--mj-border);padding-top:1rem}.pifss-references>summary{cursor:pointer;font-weight:700;color:var(--mj-navy)}.pifss-references>p{color:var(--mj-muted)}.pifss-references a.model{text-decoration:none;color:inherit;min-width:0}.pifss-references .agency-forms{margin-top:1rem}

.pam-form-group{margin:16px 20px;border:1px solid var(--mj-border,#dce3e5);border-radius:16px;overflow:hidden}.pam-form-group>summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:18px;font-weight:700;color:var(--mj-ink,#173744);list-style:none}.pam-form-group>summary::-webkit-details-marker{display:none}.pam-group-count{margin-inline-start:auto;font-size:14px}.pam-form-group[open]>summary .chevron{transform:rotate(180deg)}@media(max-width:600px){.pam-form-group{margin:12px 8px}.pam-form-group>summary{padding:14px}}
/* Direct filling stays in the Munjez shell; coordinates are PDF points. */
.agency-direct-editor{max-width:1120px;margin-inline:auto;min-width:0}.agency-direct-editor h1{color:var(--mj-navy);font-size:clamp(22px,3vw,32px);line-height:1.6;overflow-wrap:anywhere}.agency-direct-editor>.entry{background:var(--mj-surface);border:1px solid var(--mj-border);border-radius:var(--mj-card-radius);overflow:visible}.agency-direct-editor .group{padding:22px;min-width:0}.agency-direct-editor .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.agency-direct-editor .field{min-width:0}.agency-direct-editor .field>label{display:block;margin-bottom:8px}.agency-direct-editor .field>input,.agency-direct-editor .field>select,.agency-direct-editor textarea{width:100%;box-sizing:border-box}.agency-direct-editor textarea{font:inherit;border:1px solid var(--mj-border);border-radius:var(--mj-radius);padding:12px;background:var(--mj-soft);resize:vertical}.direct-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.direct-toolbar button{min-height:44px}.direct-workspace{border:1px solid var(--mj-border);border-radius:var(--mj-radius);background:var(--mj-soft);padding:12px;min-width:0}.direct-page{position:relative;isolation:isolate;direction:ltr;width:100%;background:white;cursor:crosshair}.direct-page>img{width:100%;height:100%;display:block;pointer-events:none}.direct-marks{position:absolute;inset:0;pointer-events:none}.direct-mark{position:absolute;pointer-events:auto;min-height:0!important;padding:0!important;border:1px dashed var(--mj-primary)!important;border-radius:2px!important;background:transparent!important;color:var(--mj-primary);font-size:14px;overflow:hidden;line-height:1;cursor:pointer}.direct-mark.selected{outline:2px solid var(--mj-peach);outline-offset:1px;background:#efb08518!important}.direct-mark canvas{display:block;width:100%;height:100%;pointer-events:none}.direct-controls{margin-top:20px}.agency-direct-editor footer{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;padding:20px 0}.agency-direct-editor footer>a{margin-inline-end:auto;align-self:center}.agency-direct-editor .draft-bar{margin:16px}.agency-section .agency-logo img{object-fit:contain;width:64px;height:64px;max-width:100%}.agency-section .model h2{overflow-wrap:anywhere}.agency-section .form-type-icon{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){.agency-direct-editor .group{padding:14px}.agency-direct-editor .fields{grid-template-columns:minmax(0,1fr)}.direct-workspace{padding:3px}.agency-direct-editor footer{display:grid;grid-template-columns:1fr 1fr}.agency-direct-editor footer>a{grid-column:1/-1}.agency-direct-editor footer button{width:100%;min-height:48px}.direct-toolbar{font-size:13px}.direct-toolbar button{padding:8px 12px}.agency-section .agency-logo img{width:48px;height:48px}}

/* Complete official logos occupy a dedicated column at every screen size. */
#catalog .agency-section>summary{display:grid;grid-template-columns:88px minmax(0,1fr) auto 24px;gap:20px;align-items:center}
#catalog .agency-section>summary>.agency-symbol{position:relative;display:block;box-sizing:border-box;width:88px;height:88px;min-width:0;min-height:0;padding:0;margin:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}
#catalog .agency-section>summary>.agency-symbol>img,#catalog .agency-section>summary>.agency-symbol>svg{position:absolute;inset:10px;display:block;box-sizing:border-box;width:calc(100% - 20px);height:calc(100% - 20px);min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;object-position:center;filter:none;transform:none}
#catalog .agency-section>summary>.agency-symbol-inverse{background:transparent;border:0}
#catalog .agency-section>summary>.agency-symbol-inverse>img,#catalog .agency-section>summary>.agency-symbol-inverse>svg{filter:brightness(0) saturate(100%) invert(18%) sepia(28%) saturate(1454%) hue-rotate(155deg) brightness(92%) contrast(93%)}
#catalog .agency-section>summary>.agency-title{min-width:0;overflow-wrap:anywhere}
#catalog .agency-section>summary>.agency-count{white-space:nowrap;margin-inline:0}
#catalog .agency-section>summary>.chevron{justify-self:center}
@media(max-width:640px){
 #catalog .agency-section>summary{grid-template-columns:72px minmax(0,1fr) 20px;column-gap:12px;row-gap:8px;padding:16px}
 #catalog .agency-section>summary>.agency-symbol{grid-column:1;grid-row:1/3;width:72px;height:76px;align-self:center}
 #catalog .agency-section>summary>.agency-symbol>img,#catalog .agency-section>summary>.agency-symbol>svg{inset:7px;width:calc(100% - 14px);height:calc(100% - 14px)}
 #catalog .agency-section>summary>.agency-title{grid-column:2;grid-row:1}
 #catalog .agency-section>summary>.agency-count{grid-column:2;grid-row:2;justify-self:start;white-space:normal}
 #catalog .agency-section>summary>.chevron{grid-column:3;grid-row:1/3}
}

/* Company setup reuses the existing management flow and saved records. */
.company-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;counter-reset:company-step;padding:0;margin:20px 0}
.company-journey>li{counter-increment:company-step;min-width:0;padding:14px;border:1px solid var(--mj-border);border-radius:var(--mj-radius);background:var(--mj-soft);overflow-wrap:anywhere}
.company-journey>li::before{content:counter(company-step);display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:var(--mj-peach);color:var(--mj-navy);margin-bottom:10px;font-weight:700}
.company-journey strong,.company-journey span{display:block}.company-journey strong{font-size:1rem;color:var(--mj-navy)}.company-journey span{font-size:.875rem;line-height:1.7;color:var(--mj-muted);margin-top:6px}.company-journey .is-saved{border-color:var(--mj-primary)}
#companyOpenForms{margin-block:10px;margin-inline-start:8px}
@media(max-width:600px){.company-journey{grid-template-columns:minmax(0,1fr)}.company-journey>li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px}.company-journey>li::before{grid-row:1/3;margin:0}.company-journey span{grid-column:2}#companyOpenForms{margin-inline-start:0}}