:root{--navy:#075487;--navy2:#003e67;--green:#47a027;--green-dark:#347c1c;--bg:#f2f7f8;--line:#dfe7ed;--muted:#657689;--ink:#17324b;--shadow:0 10px 28px rgba(0,62,103,.10)}
body{font-family:Inter,"Segoe UI",Arial,sans-serif}.hero{background:linear-gradient(145deg,#0871aa,var(--navy) 48%,var(--navy2))}.hero h1{font-size:clamp(2.7rem,5vw,4.8rem);margin:18px 0 0}.hero b{color:inherit}.primary{background:var(--green)}.primary:hover{background:var(--green-dark)}.side{background:linear-gradient(180deg,var(--navy),var(--navy2));padding:20px 15px}.nav button.active{box-shadow:inset 3px 0 var(--green)}
.brand{padding:0 9px 22px}.client-logo{display:block;max-width:180px;max-height:74px;object-fit:contain;object-position:left center;margin-bottom:10px}.app-name{font-weight:900;font-size:21px}.powered{display:flex;align-items:center;gap:7px;color:#c8dce7;font-size:10px;margin-top:9px}.powered img{width:80px;height:26px;object-fit:contain;background:#fff;border-radius:5px;padding:3px 5px}.login-client-logo{width:min(230px,70%);max-height:110px;object-fit:contain;object-position:left}.login-powered{margin-top:28px}.login-powered img{width:105px;height:36px}.screen-title,.nav button,.setupnav button{text-transform:uppercase}.environment{font-size:11px;color:#9fc1d3;margin-top:4px}.version{color:#b7d2df}
.section{overflow:hidden}.section-toggle{width:100%;border:0;background:#fff;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--ink)}.section-toggle h3{padding:0;border:0}.section-meta{display:flex;align-items:center;gap:10px}.section-state{font-size:11px;font-weight:850;padding:6px 9px;border-radius:16px;background:#eef1f5;color:#5d6675}.section-state.partial{background:#fff2d7;color:#986000}.section-state.complete{background:#e5f5ef;color:#087050}.section-body{border-top:1px solid var(--line)}.save-state{font-size:12px;color:var(--muted);min-height:18px}.logo-preview{max-width:240px;max-height:110px;object-fit:contain;border:1px solid var(--line);border-radius:10px;padding:10px;background:white}.users-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.user-form{margin-bottom:20px;background:#f7fafb}.action-cell{display:flex;gap:6px;flex-wrap:wrap}.user-table input,.user-table select{min-width:130px}
.notice{background:#e8f4ef;border-left:4px solid var(--green);padding:13px 16px;border-radius:8px;margin-bottom:16px}.analytics{align-items:stretch}.bar-row{display:grid;grid-template-columns:minmax(145px,1fr) 2fr 48px;gap:10px;align-items:center;margin:10px 0;font-size:12px}.bar-track{height:9px;background:#e5edf1;border-radius:10px;overflow:hidden}.bar-track i{display:block;height:100%;background:var(--green)}.trend{height:220px;display:flex;align-items:end;justify-content:space-around;gap:12px;padding-top:30px}.trend div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.trend i{width:32px;max-height:160px;background:var(--green);border-radius:6px 6px 0 0}.trend small{font-size:10px}.table-tools,.history-tools{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}.history-tools .control{max-width:280px}.compact{max-width:280px}.visit-summary{margin:18px 0}.visit-summary p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:7px}.report-score{display:flex;align-items:center;gap:15px}.report-score>strong{font-size:48px}.report-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}.report-summary span{font-size:10px;color:var(--muted)}.report-summary strong{display:block;color:var(--ink);font-size:13px;margin-top:5px}.finding{border-left:4px solid #e0a126;background:#fff8e8;padding:12px;margin:10px 0}.critical-finding{border-color:#d94236;background:#fff0ee}.mobile-menu{display:none;border:0;background:transparent;font-size:24px}.userline{white-space:nowrap}
@media(max-width:900px){.mobile-menu{display:block}.side{position:fixed;left:-270px;width:250px;z-index:20;transition:.2s}.side.open{left:0}.shell{display:block}.nav{grid-template-columns:1fr}.top{gap:10px}.userline{font-size:0}.userline .btn{font-size:13px}.report-summary{grid-template-columns:1fr 1fr}.history-tools,.table-tools{align-items:stretch;flex-direction:column}.history-tools .control,.compact{max-width:none}}
.logo-stage{width:280px;min-height:130px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;margin:12px 0}.logo-stage.dark{background:#090d12}.logo-stage .logo-preview{border:0;background:transparent}.permission-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px;background:#f5f8fa;border:1px solid var(--line);border-radius:9px;padding:12px;margin:10px 0 16px}.permission-map label{margin:0;font-weight:650}.checklist-editor details{margin-bottom:10px}.checklist-editor summary,.usage-user summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:16px;list-style:none}.editor-body{padding:15px;border-top:1px solid var(--line)}.order-actions,.question-actions{display:flex;gap:6px;flex-wrap:wrap}.order-actions{margin-bottom:12px}.question-row{display:grid;grid-template-columns:minmax(260px,1fr) 110px auto;gap:8px;align-items:center;margin:8px 0}.question-row label{margin:0}.question-actions .btn{padding:8px 10px}.danger-button{color:#a52f1b;border:1px solid #d94236;background:#fff;margin-top:12px}.activity-tabs{display:flex;gap:8px;margin-bottom:12px}.usage-user{border:1px solid var(--line);border-radius:8px;margin:8px 0}.usage-user summary span{font-size:11px;color:var(--muted)}
@media(max-width:620px){.question-row{grid-template-columns:1fr}.logo-stage{width:100%}.permission-map{grid-template-columns:1fr}.usage-user summary{align-items:flex-start;flex-direction:column;gap:5px}}
.local-badge{color:#fff;background:#168064;border-radius:4px;padding:2px 5px;font-size:inherit}.save-help{font-size:11px;color:var(--muted);margin:5px 0 0}.setupnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.setupnav .btn{min-width:0}.activity-shell{padding:0;overflow:hidden}.activity-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid var(--line);background:#f8fbfc}.activity-heading h3{margin:2px 0 0}.activity-heading small{color:var(--muted)}.activity-tabs{display:flex;gap:6px;margin:0;padding:4px;background:#e9eff3;border-radius:10px}.activity-tabs .btn{font-size:12px}.activity-tabs .active{background:var(--navy);color:#fff}.activity-shell #activityContent{padding:20px}.activity-scroll{max-height:520px;overflow-y:auto;overscroll-behavior:contain;padding-right:5px}.activity-footer{text-align:center;color:var(--muted);font-size:12px;padding:18px}
@media(max-width:760px){.setupnav{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-heading{align-items:flex-start;flex-direction:column;gap:10px}.activity-tabs{width:100%}.activity-tabs .btn{flex:1}.activity-shell #activityContent{padding:14px}}
@media(max-width:440px){.setupnav{grid-template-columns:1fr}}
.activity-heading{align-items:flex-start;flex-direction:column;justify-content:flex-start}.activity-tabs{width:auto}
.trend-scroll{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.trend-12{gap:6px;min-width:620px}.trend-12>div{min-width:42px}.trend-12 .no-data i{height:2px!important;background:#d7e0e6}.trend-12 small{white-space:nowrap}.branch-chart-modal{width:min(1000px,100%);overflow:hidden}.branch-chart-modal .trend{min-height:260px}
.topic-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.topic-head h3{margin:0}.topic-period{display:flex;gap:8px}.topic-period label{margin:0;font-size:10px}.topic-period .control{min-width:105px;padding:7px}.empty-period{display:grid;place-items:center;min-height:220px;color:var(--muted);font-weight:800;text-align:center}.backup-state{display:flex;flex-direction:column;gap:6px;margin:0;padding:14px;border-radius:9px}.backup-state.unavailable{background:#f1f4f6;color:var(--muted)}.backup-policy p{margin:7px 0}
@media(max-width:620px){.topic-head{align-items:stretch;flex-direction:column}.topic-period{width:100%}.topic-period label{flex:1}.topic-period .control{min-width:0}}
@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}.content{max-width:100%}.setupnav{grid-template-columns:1fr}.setupnav .btn{white-space:normal;overflow-wrap:anywhere}.pagehead,.users-head{align-items:stretch;flex-direction:column}.pagehead>.btn,.users-head>.btn{width:100%}.checklist-editor,.checklist-editor details,.editor-body{min-width:0;max-width:100%}.question-row{grid-template-columns:minmax(0,1fr)}.question-row>.control,.question-row>textarea{min-width:0;max-width:100%}.order-actions{display:grid;grid-template-columns:1fr}.order-actions .btn{width:100%;white-space:normal;overflow-wrap:anywhere}.question-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.question-actions .btn{min-width:0}.environment{overflow-wrap:anywhere}}
