:root{--st-sidebar:216px;--dashboard-green:#00513f;--dashboard-green-dark:#003d30}

.surveyterra-logo{display:block;object-fit:contain;background:transparent!important}
.auth-brand-title .surveyterra-logo{width:54px;height:54px;border-radius:13px}
.brand .surveyterra-logo{width:30px;height:30px;flex:0 0 30px;border-radius:8px}

#sidebar{padding:10px 9px 12px;background:linear-gradient(155deg,#003f32,#005241 62%,#003e32)}
.brand{min-height:47px;padding:0 7px 9px;gap:8px}
.brand-copy b{font-size:17px}.brand-copy small{font-size:11px;color:#d8eee6}
#nav{display:grid;align-content:start;gap:2px;padding-top:2px}
#nav .nav{position:relative;display:flex;align-items:center;gap:11px;min-height:37px;padding:6px 10px;border-radius:5px;color:#f4fbf8;font-size:12px;font-weight:700;text-decoration:none}
#nav .nav:hover{background:#ffffff12}
#nav .nav.active{background:#147a43;color:#fff}
#nav .nav i{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px}
#nav .nav i svg{width:18px;height:18px}
.nav-badge{margin-left:auto;min-width:23px;padding:3px 6px;border-radius:99px;background:#178340;color:white;text-align:center;font-size:10px}
.sidebar-footer{display:grid;gap:9px;padding:9px 3px 0}
.sidebar-storage,.sidebar-company-card{border:1px solid #ffffff24;border-radius:7px;background:#ffffff08;color:white}
.sidebar-storage{position:relative;padding:9px 10px 10px}.sidebar-storage>div:first-child{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.sidebar-storage b{font-size:10px}.sidebar-storage span{font-size:9px}.sidebar-storage strong{font-size:11px}
.sidebar-storage .storage-progress{height:6px;margin:8px 27px 0 0;background:#ffffff28}.sidebar-storage .storage-progress i{background:#45c76c}.sidebar-storage>small{position:absolute;right:10px;bottom:8px;font-size:9px}
.sidebar-company-card{display:flex;align-items:center;gap:8px;padding:9px}
.sidebar-company-card>span{display:grid;place-items:center;width:29px;height:29px;border-radius:6px;background:#ffffff15;color:#fff;font-size:10px;font-weight:900}
.sidebar-company-card>div{display:grid;min-width:0}.sidebar-company-card b,.sidebar-company-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-company-card b{font-size:11px}.sidebar-company-card small{color:#cde2da;font-size:9px}
.build-info{margin:1px 4px 0;font-size:8px;white-space:pre-line}
.sidebar-collapsed .sidebar-storage,.sidebar-collapsed .sidebar-company-card{display:none}

header{background:linear-gradient(90deg,#003f32,#004b3a);color:white;border:0;box-shadow:none}
header .page-heading,header .topbar-context,header .global-project{display:none}
#menu{color:white;background:transparent}
.global-search{max-width:410px;margin-right:auto}
.global-search::before{content:"";position:absolute;z-index:1;left:12px;top:10px;width:14px;height:14px;border:2px solid #d6e9e2;border-radius:50%}
.global-search::after{content:"";position:absolute;z-index:1;left:25px;top:24px;width:7px;height:2px;transform:rotate(45deg);background:#d6e9e2}
.global-search input{height:35px;padding-left:40px;border-color:#ffffff30;background:#002e24b8;color:white}.global-search input::placeholder{color:#ccded7}
.global-search-results{color:var(--st-text)}
.head-actions{display:flex;align-items:center;margin-left:auto}
.api-status-label{display:grid;gap:1px;padding-right:12px;border-right:1px solid #ffffff24;color:#eaf6f2;font-size:8px}
.api-status-label .server-state{padding:2px 7px;background:#16833c;color:white;font-size:9px}
.head-icon{position:relative;border:0;background:transparent;color:white}
.topbar-badge-button>b{position:absolute;right:0;top:-1px;min-width:16px;height:16px;padding:1px 4px;border-radius:9px;background:#d92d20;color:white;font-size:8px}
.profile-toggle{display:flex;align-items:center;gap:8px;min-width:176px;padding:2px 7px;border:0;border-left:1px solid #ffffff24;background:transparent;color:white;text-align:left}
.profile-toggle .avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d8ece4;color:#004b3a;font-size:10px;font-weight:900}
.profile-toggle-copy{display:grid;min-width:0;flex:1}.profile-toggle-copy b,.profile-toggle-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-toggle-copy b{font-size:10px}.profile-toggle-copy small{color:#d6e8e1;font-size:8px}

#content:has(.approved-dashboard){max-width:none;padding:18px 25px 30px}
.approved-dashboard{display:grid;gap:13px;color:#17231f}
.approved-dashboard-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.approved-dashboard-title h2{margin:0;font-size:21px}.approved-dashboard-title p{margin:3px 0 0;color:var(--st-muted);font-size:10px}
.approved-dashboard-actions{display:flex;align-items:center;gap:8px}
.approved-period{display:flex;gap:5px}.approved-period label{display:flex;align-items:center;gap:7px;height:35px;padding:0 9px;border:1px solid var(--st-border);border-radius:4px;background:white}.approved-period svg{width:15px;height:15px}.approved-period select{border:0;background:white;font-size:10px}
.approved-period>input,.approved-period>button{height:35px;border:1px solid var(--st-border);border-radius:4px;background:white;font-size:10px}
.approved-action{display:flex;align-items:center;gap:8px;height:35px;padding:0 14px;border:1px solid var(--st-border);border-radius:4px;background:white;color:var(--st-text);font-size:10px;font-weight:800}.approved-action svg{width:15px;height:15px}.approved-action.primary{border-color:#004b3a;background:#004b3a;color:white}

.approved-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.approved-metric{display:flex;align-items:center;justify-content:space-between;min-height:77px;padding:12px 14px;border:1px solid #dce5e1;border-radius:4px;background:white;box-shadow:0 2px 8px #102f2310;color:inherit;text-align:left}
button.approved-metric:hover{border-color:#9cc5b6;transform:translateY(-1px)}
.approved-metric>span{display:grid;min-width:0}.approved-metric small{color:#53635d;font-size:10px}.approved-metric strong{margin-top:3px;overflow:hidden;text-overflow:ellipsis;font-size:20px;line-height:1;white-space:nowrap}.approved-metric em{margin-top:6px;color:#5d6c66;font-size:9px;font-style:normal}
.metric-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#edf8ef;color:#13963a}.metric-icon svg{width:23px;height:23px}.metric-icon.tone-blue{background:#edf4ff;color:#1772dc}.metric-icon.tone-orange{background:#fff5e6;color:#f59e0b}.metric-icon.tone-purple{background:#f4ecff;color:#7837d4}.metric-icon.tone-red{background:#ffecee;color:#dd2d3c}

.dashboard-primary-grid,.dashboard-secondary-grid,.dashboard-bottom-grid{display:grid;gap:10px}
.dashboard-primary-grid{grid-template-columns:1fr 1fr}.dashboard-secondary-grid{grid-template-columns:1.2fr 1fr .78fr}.dashboard-bottom-grid{grid-template-columns:1.35fr 1fr}
.approved-panel{min-width:0;overflow:hidden;border:1px solid #dce5e1;border-radius:4px;background:white;box-shadow:0 2px 8px #102f2310}
.approved-section-heading{position:static;display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 14px;border-bottom:1px solid #e2e9e6;background:white;box-shadow:none;color:inherit}.approved-section-heading h3{margin:0;font-size:11px}.approved-section-heading button{border:0;background:transparent;color:#1473d2;font-size:9px}
.approved-table-wrap{width:100%;overflow:auto}.approved-table{width:100%;border-collapse:collapse;font-size:8.5px}.approved-table th{height:28px;padding:5px 10px;background:#fbfcfc;color:#55645e;text-align:left;font-size:7.5px;white-space:nowrap}.approved-table td{height:33px;padding:5px 10px;border-top:1px solid #edf1ef;white-space:nowrap}.approved-table .badge{padding:3px 6px;font-size:7.5px}.approved-table .table-link{padding:0;border:0;background:transparent;color:#16231e;font-size:inherit;font-weight:800}
.person-cell{display:flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:inherit;font-size:inherit}.mini-avatar{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:50%;background:#d8e9e2;color:#004b3a;font-size:7px;font-weight:900}
.connection{display:inline-flex;align-items:center;gap:4px;text-transform:capitalize}.connection i{width:6px;height:6px;border-radius:50%;background:#8b9691}.connection.online i{background:#1cac48}.connection.delayed i{background:#f59e0b}.connection.offline i,.connection.never_connected i{background:#a6aea9}
.row-action{display:grid;place-items:center;width:23px;height:23px;border:0;border-radius:4px;background:transparent;color:#587069}.row-action:hover{background:#eef7f3}.row-action svg{width:14px;height:14px}
.avatar-stack{display:flex;align-items:center}.avatar-stack .mini-avatar{margin-left:-5px;border:2px solid white}.avatar-stack .mini-avatar:first-child{margin-left:0}.avatar-stack small{display:grid;place-items:center;min-width:18px;height:18px;margin-left:-4px;border-radius:50%;background:#eef2f0;font-size:7px}
.progress-cell{display:flex;align-items:center;gap:5px}.progress-cell>i{display:block;width:62px;height:4px;background:#edf1ef}.progress-cell>i b{display:block;height:100%;background:#16863d}.progress-cell strong{font-size:8px}

.approved-activity{display:grid;padding:6px 12px}.approved-activity>div{display:flex;align-items:center;gap:7px;min-height:32px}.approved-activity span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px}.approved-activity time{color:#6d7b75;font-size:7.5px;white-space:nowrap}.activity-avatar{background:#eef7f2}
.approved-empty{padding:14px;margin:0}
.review-donut-layout{display:grid;grid-template-columns:115px minmax(0,1fr);align-items:center;gap:11px;padding:12px}
.review-donut{display:grid;place-items:center;width:105px;height:105px;border:0;border-radius:50%;background:conic-gradient(#20aa4c 0 var(--approved-end),#ef7417 var(--approved-end) var(--returned-end),#df2d32 var(--returned-end) var(--rejected-end),#f6bd14 var(--rejected-end) 100%)}.review-donut::before{content:"";grid-area:1/1;width:61px;height:61px;border-radius:50%;background:white}.review-donut span{z-index:1;grid-area:1/1;display:grid}.review-donut b{font-size:21px}.review-donut small{font-size:8px}
.review-legend{display:grid;gap:7px}.review-legend button,.review-legend>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:6px;padding:0;border:0;background:transparent;text-align:left;font-size:8px}.review-legend i{width:7px;height:7px;border-radius:2px}.review-legend .pending{background:#f6bd14}.review-legend .approved{background:#20aa4c}.review-legend .returned{background:#ef7417}.review-legend .rejected{background:#df2d32}.review-legend>div{grid-template-columns:1fr auto;padding-top:6px;border-top:1px solid #e4eae7}
.approved-health{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:18px 13px}.approved-health>div{display:flex;align-items:center;gap:7px;min-width:0}.approved-health svg{width:17px;height:17px;color:#1ba345}.approved-health span{display:grid;min-width:0}.approved-health b,.approved-health small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approved-health b{font-size:8px}.approved-health small{color:#169344;font-size:7px}.approved-health .offline svg,.approved-health .degraded svg{color:#d92d20}.approved-health .offline small,.approved-health .degraded small{color:#d92d20}

@media(max-width:1350px){
  .approved-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dashboard-primary-grid,.dashboard-secondary-grid,.dashboard-bottom-grid{grid-template-columns:1fr}
  .global-search{display:block}
}
@media(max-width:900px){
  .approved-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .approved-dashboard-title{align-items:flex-start;flex-direction:column}
  .approved-dashboard-actions{width:100%;flex-wrap:wrap}
}
@media(max-width:760px){
  header .page-heading{display:block;color:white}
  .global-search,.api-status-label,.profile-toggle-copy{display:none}
  .profile-toggle{min-width:0;border:0}
  #content:has(.approved-dashboard){padding:14px 12px 28px}
  .approved-dashboard-actions{display:grid;grid-template-columns:1fr 1fr}
  .approved-period{grid-column:1/-1}
  .approved-period label{width:100%}.approved-period select{flex:1}
  .review-donut-layout{grid-template-columns:105px 1fr}
}
@media(max-width:480px){
  .approved-metrics{grid-template-columns:1fr}
  .approved-dashboard-actions{grid-template-columns:1fr}
  .approved-period{grid-column:auto}
  .approved-health{grid-template-columns:1fr 1fr}
}