/* Compact SHARGE workspace. Print reports use their independent stylesheet. */
:root{--ink:#223149;--muted:#63738b;--line:#dfe6ef;--red:#dc233b;--blue:#345bd7;--green:#18735b;--amber:#946109}
.app-shell.guest{margin-left:0}.report-filters label{justify-content:flex-end}
.admin-form-group{margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid #e5eaf3}.admin-form-group h2{display:flex;align-items:center;gap:9px;font-size:21px;margin-bottom:13px}.admin-form-group h2>span{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:7px;background:#eef2ff;color:#4767b4;font:700 11px Arial}.admin-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 17px}.admin-field{min-width:0}.admin-field .checkbox-field{display:flex;gap:9px;align-items:center;min-height:38px;margin-top:17px}.admin-field .errorlist{margin:3px 0 6px}.permissions-group h2>span{background:#e8f6f0;color:#27836b}.permissions-group>.muted{margin-bottom:12px;font-size:17px}.permission-groups{display:grid;grid-template-columns:1fr 1fr;gap:16px}.management-form .permission-groups div[id^=id_projects],.management-form .permission-groups div[id^=id_allowed_types]{grid-template-columns:1fr}.management-form .admin-field label{margin:0 0 5px}.management-form .admin-field .checkbox-field{margin-top:17px}
@media(max-width:760px){.admin-field-grid,.permission-groups{grid-template-columns:1fr}.admin-form-group{margin-bottom:16px;padding-bottom:14px}.admin-field .checkbox-field{min-height:42px}.admin-form-group h2{font-size:20px}}
body{font-size:19px;line-height:1.35;color:var(--ink);background:#f1f4f9}
.sidebar{width:216px;padding:25px 17px;background:linear-gradient(180deg,#fff 72%,#f3f6ff);border-color:var(--line)}
.brand img{width:132px}.brand span{font-size:8px;letter-spacing:1.5px;margin:11px 0 28px;color:#65768d}
.nav-caption{margin:17px 10px 8px;font-size:8px;color:#728198}.nav-item{font-size:19px;padding:10px 11px;gap:10px;margin:3px 0;border-radius:9px;min-height:42px;color:#52647e}
.nav-item svg{width:19px;height:19px;flex-shrink:0;stroke-width:1.7}.nav-item:hover{transform:none;background:#f0f3fd;color:var(--blue)}
.nav-item.active{background:#fff0f3;color:#bb1e34;box-shadow:inset 3px 0 #e32337;font-weight:700}.sidebar-bottom{font-size:9px}
.app-shell{margin-left:216px}.topbar{height:66px;padding:0 28px;border-color:var(--line)}.topbar .eyebrow{font-size:8px;margin-bottom:4px;letter-spacing:1.5px}.topbar strong{font-size:20px}.top-actions{gap:18px}.user-chip{font-size:18px}.user-chip small{font-size:15px;color:var(--muted)}.avatar,.user-chip img{width:34px;height:34px;font-size:22px}.logout{font-size:23px}
main{padding:24px 28px 16px;max-width:1500px;min-height:calc(100vh - 120px)}
h1{font-size:32px;margin:7px 0;line-height:1.18}h2{font-size:23px;line-height:1.25}h3{font-size:20px}.eyebrow{font-size:9px;margin-bottom:7px;letter-spacing:1.4px;color:#5c7395}.muted{color:var(--muted)}
.page-heading{gap:14px;margin-bottom:18px}.page-heading p{margin-top:5px;font-size:18px}.section-heading{margin-bottom:14px;gap:12px}
.card{padding:19px 21px;border-color:var(--line);border-radius:12px;box-shadow:0 3px 12px #24365504}
.btn{padding:8px 15px;gap:8px;min-height:38px;font-size:18px;border-radius:8px}.btn:hover{transform:none}.primary{background:var(--red);box-shadow:0 3px 8px #dc233b1a}.subtle{border-color:#d7e0ee;color:#445c7b}.subtle:hover{background:#eef3ff;border-color:#b9c9ed}.actions,.inline-form{gap:8px}
input,select,textarea{padding:7px 10px;font-size:18px;border-color:#d5deeb;border-radius:7px;min-height:38px;line-height:1.25;background:#fcfdff}input:focus,select:focus,textarea:focus{background:#fff;border-color:#5576dd;outline:2px solid #345bd71c}textarea{line-height:1.45;resize:vertical}input[type=checkbox]{min-height:0;accent-color:var(--blue);width:16px;height:16px}input[type=hidden]{min-height:0}
.stats{gap:12px;margin:12px 0 18px}.stat{padding:13px 17px;border-radius:11px;border-color:var(--line);position:relative;overflow:hidden;min-width:0}.stat:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--blue)}.stat:hover{transform:none;border-color:#aebfe7}.stat>span{color:#4d627e;font-size:18px;font-weight:700}.stat strong{font-size:30px;margin:8px 0 6px;line-height:1.1}.stat small{font-size:16px;color:#61718a}.stat i{font-size:15px;padding:5px;line-height:1.05;background:#ffffff9c;color:inherit;border:0}
.stat[href*='status=submitted']{background:linear-gradient(115deg,#fff7e5,#fff)}.stat[href*='status=submitted']:before{background:#dc9a20}.stat[href*='status=submitted'] strong{color:#946109}
.stat[href*='status=changes_requested']{background:linear-gradient(115deg,#fff0f3,#fff)}.stat[href*='status=changes_requested']:before{background:#df4059}.stat[href*='status=changes_requested'] strong{color:#bf2140}
.stat[href*='status=reviewed']{background:linear-gradient(115deg,#eaf8f2,#fff)}.stat[href*='status=reviewed']:before{background:#249d7b}.stat[href*='status=reviewed'] strong{color:#18735b}
.stat[href*='status=draft']{background:linear-gradient(115deg,#edf2ff,#fff)}.stat[href*='status=draft'] strong{color:#345bd7}
.scope-note{font-size:16px;margin-bottom:7px}.pill{padding:5px 9px;background:#eef3ff;border-color:#d8e2fb;color:#4365a8;font-size:8px;letter-spacing:.4px}.reports-card>.section-heading{margin-bottom:10px}.reports-card>.section-heading h2{display:flex;align-items:center;gap:9px}.reports-card>.section-heading h2:before{content:'';width:4px;height:21px;border-radius:4px;background:var(--blue)}
.report-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px;padding:13px;background:#f5f7fc;border:1px solid #e4eaf4;border-radius:9px;margin:12px 0 8px}.report-filters label{font-size:16px;gap:4px;color:#536782}.filter-actions{gap:7px}.filter-actions .btn{padding-inline:12px;flex:1}.filter-hint{font-size:16px;margin-bottom:12px;color:#6c7b91}.filter-error{font-size:16px;color:#a91c35}
.filters{padding-bottom:14px;gap:8px}.report-table th{padding:9px 11px;font-size:16px;color:#526b8a;background:#f0f4fb;border-color:#e2e9f3}.report-table td{padding:11px;font-size:18px;border-color:#e9edf5}.report-table small{font-size:16px;color:#677b96;margin-top:2px}.report-table tr:hover td{background:#f6f9ff}.report-table strong{font-weight:700}.status{font-size:16px;padding:3px 8px;border:1px solid transparent}.status.draft{color:#385baf;background:#eef2ff;border-color:#dbe3fb}.status.submitted{color:#86570a;background:#fff5dc;border-color:#f1dfac}.status.reviewed{color:#17654e;background:#e9f8f0;border-color:#cdebdc}.status.changes_requested{color:#af1c37;background:#fff0f3;border-color:#f3d2db}.arrow-link{color:#4365b2;border-color:#d9e3f5;background:#f8faff}.pagination{font-size:17px;gap:18px;margin-top:15px}
.workspace-note{margin-top:16px;padding:14px 19px;gap:14px;background:#eaf0fc;border:1px solid #dae4f7;border-radius:10px}.workspace-note>.red{font-size:27px}.workspace-note strong{color:#3d5885}.workspace-note p{font-size:16px;color:#617596;margin-top:2px}.workspace-note>span:last-child{color:#5e7293;font-size:8px}footer{padding:20px;font-size:10px;color:#738198}
.editor-layout{grid-template-columns:minmax(0,1fr) 265px;gap:18px}.form-section{margin-bottom:14px}.form-section>.section-heading{margin-bottom:12px}.form-section h2{margin-bottom:12px;font-size:21px}.form-section>.section-heading h2{margin-bottom:0}.form-section{border-top:3px solid #7696e1}.form-section:nth-child(3n+2){border-top-color:#56ad97}.form-section:nth-child(3n){border-top-color:#b79ad9}.form-section .section-heading{background:#f2f6ff;padding:9px 12px;border-radius:7px;color:#355988}.form-section:nth-child(3n+2) .section-heading{background:#eef8f4;color:#2c6b5b}.form-section:nth-child(3n) .section-heading{background:#f6f2fc;color:#6d5195}
.field-grid{gap:11px 16px}.field{font-size:18px;color:#4d6380}.field input,.field select,.field textarea{margin-top:4px}.test-grid{gap:10px 12px}.field-feedback{font-size:16px}.editor-summary{padding:17px;top:16px;border-top:3px solid var(--red);max-height:calc(100vh - 32px)}.editor-summary h2{font-size:22px}.editor-summary .eyebrow{font-size:8px}.completion{font-size:30px;margin:12px 0}.completion span{font-size:16px;margin-top:4px}.editor-summary .muted,.editor-summary details{font-size:16px}.editor-summary details{margin:12px 0}.editor-summary>small,.validation-note{font-size:15px;color:#61728d;margin:10px 0}.issue-link{font-size:16px;padding:4px 0}#issue-list{max-height:220px}.stack{gap:8px;margin-top:14px}.unsaved{font-size:17px;margin-top:11px}.save-error,.save-progress{padding:10px;margin:10px 0;font-size:17px}.photo-category{padding:14px 0}.photo-category h3{font-size:19px;margin:0}.photo-category .section-heading{margin-bottom:10px}.photo-grid{gap:10px;margin:12px 0}.photo-card img{height:125px}.photo-card{padding:7px}.photo-card label{font-size:16px;margin-top:6px}.photo-card input{min-height:34px;padding:5px 7px;font-size:17px}.photo-card p{font-size:16px;padding:6px}.dropzone{padding:14px;background:#f4f7ff;border-color:#bacbea;color:#42639a}.dropzone small{color:#667c9d;font-size:15px;margin-top:3px}.pending-previews{gap:8px;margin-top:9px}.pending-previews img{height:96px}.pending-previews figcaption{font-size:15px}
.report-overview{padding:15px 19px;gap:15px;margin-bottom:16px;border-left:4px solid #6c8bd9}.review-message{padding:14px 18px;margin:14px 0;font-size:18px}.data-grid{gap:13px 18px}.data-grid dt{font-size:16px;color:#637a97}.data-grid dd{font-size:19px;margin-top:3px}.history-item{padding:11px 0;font-size:18px}.history-item small{font-size:16px;color:#6a7e98}.back{font-size:17px;color:#647b99}
.manage-tabs{gap:7px;margin-bottom:16px}.manage-tabs a{padding:7px 12px;font-size:18px;border-color:#d7e1ef;border-radius:8px;color:#536b8c}.manage-tabs a.active{background:#eaf0ff;color:#3458af;border-color:#c4d3f5;box-shadow:inset 0 -2px #5275d6}.management-form{max-width:780px}.management-form p,.narrow form p{margin:12px 0}.management-form label,.narrow label{font-size:18px;margin-bottom:4px;color:#4f6685}.management-form div[id^=id_projects],.management-form div[id^=id_allowed_types]{padding:10px;gap:5px;background:#f1f5ff;border:1px solid #dce5f7}.management-form input[type=checkbox]{width:16px;height:16px;min-height:0;flex-shrink:0}.management-form textarea{min-height:80px}.helptext,.errorlist{font-size:16px}.profile-header{gap:16px;margin-bottom:18px}.profile-header img,.large{width:64px;height:64px}.profile-header p{font-size:18px;color:#627892}.notification{padding:15px 17px;gap:14px}.notification.unread{background:#fff4f6;border-left:3px solid #e34560}.notification-icon{padding:8px 12px;font-size:23px}.notification small{font-size:16px;color:#657b97}
.guest main{padding:30px}.login-layout{max-width:1000px;gap:55px}.login-brand>img{width:150px;margin-bottom:32px}.login-brand h1{font-size:52px}.login-brand p{font-size:20px;margin:18px 0;color:#61748e}.login-form{padding:28px;max-width:390px;border-top:3px solid var(--red)}.login-form h2{font-size:30px;margin:8px 0}.login-form form p{margin:14px 0}.login-note{font-size:17px;margin-top:20px;padding-top:14px;color:#667b96}.login-art{height:160px;margin-top:20px}
@media(min-width:1450px){.field-grid:not(.test-grid){grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid .wide{grid-column:1/-1}}
@media(max-width:1100px){.sidebar{width:196px;padding:23px 14px}.app-shell{margin-left:196px}.guest{margin-left:0}.topbar{padding:0 22px}main{padding:22px}.editor-layout{grid-template-columns:1fr}.editor-summary{max-height:none;overflow:visible}.report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.login-layout{gap:32px}.stats{gap:10px}.stat{padding:12px 14px}}
@media(max-width:760px){body{font-size:19px}.sidebar{position:static;width:auto;padding:14px 16px 8px;background:#fff;border-bottom:1px solid var(--line)}.brand{gap:12px}.brand img{width:109px}.brand span{margin:0;font-size:8px;letter-spacing:1.2px}.sidebar nav{margin-top:9px;gap:4px}.nav-item{padding:8px 10px;gap:7px;font-size:18px;min-height:42px;flex-shrink:0}.nav-item svg{width:17px;height:17px}.nav-item.active{box-shadow:inset 0 -2px #e32337}.app-shell{margin-left:0}.topbar{height:57px;padding:0 16px}.topbar strong{font-size:18px}.topbar .eyebrow{font-size:7px;margin-bottom:2px}.top-actions{gap:13px}.avatar,.user-chip img{width:32px;height:32px}.topbar .user-chip>span:last-child{display:none}main{padding:19px 15px 12px}.page-heading{gap:11px;margin-bottom:15px}.page-heading p{font-size:17px}h1{font-size:28px}h2{font-size:22px}.eyebrow{font-size:8px}.card{padding:16px;border-radius:10px}.btn{min-height:42px;font-size:18px;padding:8px 13px}input,select,textarea{min-height:42px;font-size:18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0 15px}.stat{padding:11px 13px}.stat>span{font-size:17px}.stat strong{font-size:27px;margin:7px 0 5px}.stat small{font-size:15px}.stat i{font-size:14px;padding:4px}.scope-note{font-size:15px;line-height:1.35}.report-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px;gap:10px}.report-filters label{font-size:16px}.report-filters label:first-child{grid-column:1/-1}.filter-actions{grid-column:1/-1}.filter-hint{font-size:15px}.reports-card .report-table tr{padding:12px 0}.reports-card .report-table td{padding:3px 0;font-size:18px}.reports-card .report-table .arrow-link{min-width:42px;min-height:42px;padding:7px 12px;margin-top:5px}.workspace-note{padding:12px 15px;gap:11px}.workspace-note p{font-size:15px}.workspace-note>span:last-child{display:none}.field-grid{grid-template-columns:1fr;gap:12px}.test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-section .section-heading{padding:8px 10px;gap:8px}.form-section h2{font-size:20px}.field{font-size:18px}.editor-summary{padding:16px;max-height:none;top:auto}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-card img{height:110px}.photo-category .section-heading .pill{display:inline-block;font-size:8px;white-space:nowrap}.photo-category .section-heading{align-items:start;flex-wrap:wrap}.dropzone{min-height:70px}.manage-tabs{gap:6px}.manage-tabs a{min-height:42px;display:flex;align-items:center;padding:7px 10px;font-size:18px}.manage-users-table tr{padding:10px 0}.manage-users-table td{font-size:18px}.management-form{max-width:100%}.management-form div[id^=id_projects],.management-form div[id^=id_allowed_types]{grid-template-columns:1fr}.management-form input[type=checkbox]{width:18px;height:18px}.management-form div[id^=id_projects] label,.management-form div[id^=id_allowed_types] label{min-height:40px}.report-overview{padding:13px;gap:12px}.report-overview .actions{margin-left:0;width:100%}.data-grid{grid-template-columns:1fr;gap:12px}.notification{padding:13px;gap:11px}.notification .btn{min-height:42px}.guest main{padding:24px 18px}.login-layout{display:block}.login-brand h1{font-size:37px}.login-brand>img{width:135px;margin-bottom:22px}.login-brand p{font-size:19px;line-height:1.4;margin:14px 0}.login-brand .eyebrow{font-size:8px}.login-form{padding:21px;max-width:none;margin-top:22px}.login-form h2{font-size:28px}.login-art{display:none}footer{padding:17px;font-size:10px}.profile-header img,.large{width:56px;height:56px}.profile-header{gap:12px}}
@media(max-width:360px){.report-filters{grid-template-columns:1fr}.nav-item{font-size:17px}.brand span{letter-spacing:.6px}.stat small{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep routine search visible; secondary filters expand without JavaScript. */
.report-filters{display:block}.basic-filters{display:grid;grid-template-columns:minmax(180px,1.6fr) minmax(115px,.85fr) minmax(140px,1fr) auto;gap:12px;align-items:end}.advanced-filters{margin-top:10px;padding-top:9px;border-top:1px solid #dfe7f5}.advanced-filters summary{cursor:pointer;color:#355bb1;font-size:17px;min-height:26px}.advanced-filters summary>span{color:#687f9f;font-size:15px;margin-left:9px}.advanced-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.advanced-filters .filter-hint{margin:9px 0 0}.basic-filters .filter-actions{grid-column:auto}.report-filters .basic-filters label{grid-column:auto}
@media(max-width:1100px){.basic-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.basic-filters .filter-actions{grid-column:1/-1;justify-content:end}.basic-filters .filter-actions .btn{flex:0 0 auto;min-width:85px}.advanced-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.basic-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-filters .basic-filters label:first-child{grid-column:1/-1}.basic-filters .filter-actions{grid-column:1/-1}.basic-filters .filter-actions .btn{flex:1;min-width:0}.advanced-filter-grid{gap:10px}.advanced-filters summary{font-size:18px;min-height:42px;line-height:1.4;padding-block:7px}.advanced-filters summary>span{font-size:15px;margin-left:5px}}
@media(max-width:360px){.advanced-filters summary>span{display:block;margin:3px 0 0 17px}.advanced-filter-grid{grid-template-columns:1fr}}

.report-status-chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.report-status-chips a{font-size:17px;padding:5px 10px;border:1px solid #dee6f5;border-radius:20px;background:#f6f8fc;color:#557198}.report-status-chips b{margin-left:5px;font:700 11px Arial}.report-status-chips a[href*='status=reviewed']{color:#22775d;background:#eff9f4}.report-status-chips a[href*='status=submitted']{color:#946109;background:#fff9eb}.report-status-chips a[href*='status=changes_requested']{color:#b52b47;background:#fff2f5}

/* Style native file pickers without replacing browser selection behavior. */
.app-shell input[type="file"]{width:100%;min-width:0;max-width:100%;padding:5px;background:#f8faff;border:1px solid #dce4f0;border-radius:10px;color:#61728d;font:inherit;font-size:17px;cursor:pointer}
.app-shell input[type="file"]::file-selector-button{margin-right:12px;padding:7px 15px;min-height:34px;border:0;border-radius:7px;background:#e32337;color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
.app-shell input[type="file"]:hover::file-selector-button{background:#c91c30;box-shadow:0 2px 6px #e3233726}
.app-shell input[type="file"]:focus-visible{outline:2px solid #345bd7;outline-offset:3px}
.app-shell input[type="file"]:disabled{opacity:.6;cursor:not-allowed}
.app-shell input[type="file"]:disabled::file-selector-button{background:#8d9aae;cursor:not-allowed;box-shadow:none}
@media(prefers-reduced-motion:reduce){.app-shell input[type="file"]::file-selector-button{transition:none}}

/* Center the larger sidebar brand while keeping the mobile header compact. */
.sidebar .brand{display:flex;flex-direction:column;align-items:center;text-align:center}
.sidebar .brand img{display:block;width:160px;max-width:100%;height:auto}
@media(max-width:1100px) and (min-width:761px){.sidebar .brand img{width:150px}}
@media(max-width:760px){.sidebar .brand{flex-direction:row;justify-content:center}.sidebar .brand img{width:132px}}