@charset "UTF-8";
.app-update-banner{position:fixed;z-index:90;left:16px;right:16px;bottom:16px;max-width:680px;margin:auto;padding:16px;display:flex;align-items:center;gap:16px;background:#fff;border:2px solid var(--green);border-radius:12px;box-shadow:0 4px 24px #233c3733}.app-update-banner p{margin:0;color:var(--ink);font-size:15px;line-height:1.5}.app-update-banner .button{font-size:14px;min-height:44px}@media(max-width:600px){.app-update-banner{flex-direction:column;align-items:stretch;bottom:max(16px,env(safe-area-inset-bottom))}}
.survey-origin-note{margin:0 0 16px;color:#61766d;font-size:12px;line-height:1.6}
:root{--bg:#f5f7f8;--surface:#fff;--ink:#233c37;--text:#3f504d;--muted:#7c8884;--line:#e8edeb;--green:#176955;--green-dark:#105342;--green-soft:#edf6f2;--rose:#b15e53;--amber:#a87a35;--shadow:0 3px 14px #243a3010;--radius:15px;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #74bca4;outline-offset:3px}button svg,span[data-icon] svg{width:19px;height:19px;display:block;flex-shrink:0}span[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}button{color:inherit} [hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;background:var(--green);color:white;padding:12px;z-index:100}.skip-link:focus{top:12px}
.sidebar{width:229px;background:#fff;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 18px 22px;z-index:30}.brand{display:flex;gap:10px;align-items:center;padding:0 11px}.brand strong{font-size:24px;color:#1c483b;letter-spacing:-1.1px;line-height:1.2;display:block}.brand-dot{color:#72ac86}.brand small{font-size:10.5px;letter-spacing:.4px;color:var(--muted);display:block;margin-top:4px}.brand-mark{width:30px;height:34px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-5deg)}.brand-mark span{background:#2c725a;border-radius:3px}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:#accdb7}.workspace{margin:32px 5px 28px;border:1px solid var(--line);padding:13px 11px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.workspace-icon{color:var(--green)}.workspace small{font-size:10.5px;font-weight:400;color:var(--muted);display:block;margin-top:1px}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#96a09c;padding:0 14px;margin-bottom:11px}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:11px;width:100%;padding:12px;border-radius:9px;font-size:12px;text-align:left;color:#6d7e77;font-weight:500}.nav-item svg{width:17px;height:17px}.nav-item:hover{background:#f5f8f6}.nav-item.active{background:var(--green-soft);color:var(--green);font-weight:650}.nav-count{font-size:10px;margin-left:auto;min-width:22px;text-align:center;padding:1px 5px;border-radius:5px;background:#f0f3f1;color:#849087}.nav-item.active .nav-count{background:#dcece4;color:#316d56}.sidebar-note{margin:auto 10px 30px;padding-top:36px}.note-symbol{color:#91b5a4;width:34px;height:34px;background:#f2f7f4;border-radius:50%;margin-bottom:12px}.sidebar-note strong{font-size:12px;font-weight:600;line-height:1.6;color:#718779}.sidebar-note p{font-size:11px;line-height:1.8;color:#a0aaa4;margin:6px 0 0}.sidebar-footer{border-top:1px solid var(--line);padding:18px 12px 0;display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#697c72}.demo-dot{width:7px;height:7px;border-radius:50%;background:#98b49d;margin-top:6px}.sidebar-footer small{display:block;font-size:10px;color:#9da89f;margin-top:3px}.app-shell{margin-left:229px}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--line);padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{font-size:11px;color:#98a29e}.breadcrumb span{margin:0 13px;color:#c5cdc8}.breadcrumb strong{color:#61766c;font-weight:500}.profile{display:flex;gap:10px;align-items:center}.prototype-pill{font-size:10px;background:#f5f1e8;color:#a48d59;border:1px solid #eee6d4;padding:4px 9px;border-radius:6px;margin-right:10px}.profile-avatar{width:33px;height:33px;border-radius:50%;background:#e8f0e9;color:#628268;display:grid;place-items:center;font-weight:600;font-size:11px}.profile-name{font-size:11px;font-weight:600}.profile-name small{display:block;font-size:9px;color:var(--muted);font-weight:400}.topbar-left{display:flex;align-items:center;gap:12px}.mobile-menu{display:none!important}.nav-scrim{position:fixed;inset:0;background:#172c2360;border:0;z-index:29}
main{padding:30px 35px 0;max-width:1640px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#8ca093;font-weight:650;margin-bottom:7px}h1{font-size:29px;line-height:1.2;font-weight:650;letter-spacing:-.8px;color:var(--ink);margin:0}.page-heading p{font-size:12px;color:#87938c;margin:9px 0 0}.button{padding:10px 15px;border:1px solid var(--line);border-radius:8px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:600;font-size:11px;transition:background .15s;white-space:nowrap}.button svg{width:16px;height:16px}.button.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 3px 5px #17695510}.button.primary:hover{background:var(--green-dark)}.button.secondary{background:#fff}.button.secondary:hover{background:#f5f8f6}.icon-button{border:0;width:31px;height:31px;border-radius:7px;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:#84978d}.icon-button:hover{background:#f0f5f2;color:var(--green)}.icon-button svg{width:16px;height:16px}.demo-banner{display:flex;gap:9px;align-items:center;background:#edf3ef;border:1px solid #e2ebe5;border-radius:8px;font-size:10.5px;color:#7c8e80;padding:10px 13px;margin-bottom:22px}.demo-banner strong{font-weight:600;color:#627d6c}.demo-banner svg{width:15px;height:15px}.error-banner{color:#a14538;background:#fff0eb;border:1px solid #f1ccc3;padding:12px 16px;border-radius:8px;margin-bottom:18px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.stat-card{position:relative;padding:19px 19px 16px;text-align:left;background:white;border:1px solid var(--line);border-radius:var(--radius);min-height:129px;box-shadow:0 2px 5px #16352d03;transition:transform .15s,border-color .15s}.stat-card:hover{transform:translateY(-2px);border-color:#abc9b8}.stat-label{display:block;font-size:11px;color:#809087;font-weight:500;margin-bottom:3px}.stat-card strong{font-size:31px;color:#2f493e;font-weight:600;line-height:1.4}.stat-caption{display:block;color:#a0aaa4;font-size:9.5px;margin-top:2px}.stat-icon{position:absolute;top:20px;right:18px;width:31px;height:31px;border-radius:9px}.stat-icon svg{width:17px;height:17px}.amber{color:#b48d44;background:#fbf4e8}.rose{color:#b97970;background:#fcf0ee}.green{color:#6a997b;background:#eef6ef}.mint{color:#78a398;background:#eef7f4}
.feedback-workspace{display:grid;grid-template-columns:minmax(310px,1fr) minmax(365px,1.13fr);gap:21px;align-items:start}.inbox-panel,.detail-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;box-shadow:0 4px 12px #243a3003}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 9px}h2{margin:0;font-size:14px;font-weight:600;color:#3b5347}.panel-heading h2 span{display:inline-flex;align-items:center;justify-content:center;background:#f1f5f2;font-size:10px;color:#799581;min-width:23px;height:20px;padding:0 5px;border-radius:6px;margin-left:7px}.search-wrap{display:flex;align-items:center;gap:8px;border:1px solid #e8eeea;border-radius:8px;padding:0 10px;background:#fbfcfb;margin:7px 20px 0;color:#97a59b}.search-wrap svg{width:15px;height:15px}.search-wrap input{min-width:0;width:100%;height:35px;border:0;background:transparent;color:var(--text);font-size:10.5px;outline-offset:2px}.search-wrap input::placeholder{color:#a4aea7}.list-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a3afa7;padding:15px 21px 11px}.feedback-list{min-height:378px;max-height:644px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dce6df transparent}.feedback-row{display:flex;gap:12px;position:relative;width:100%;text-align:left;border:0;border-top:1px solid #f0f3f1;background:#fff;padding:17px 20px;transition:background .15s}.feedback-row:hover{background:#f8faf8}.feedback-row.selected{background:#f0f7f3}.feedback-row.selected:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#5b977b}.customer-avatar{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;background:#f4eee5;border-radius:50%;color:#aa926e;font-size:11px;font-weight:600;margin-top:2px}.customer-avatar.tone-1{background:#ecf0f6;color:#8b9caf}.customer-avatar.tone-2{background:#efedf5;color:#a099b1}.customer-avatar.tone-3{background:#e8f1ec;color:#82a38f}.row-content{min-width:0;flex:1}.row-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.row-top strong{font-size:12px;font-weight:600;color:#3e5549;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-time{font-size:9px;color:#9aa69f;white-space:nowrap}.row-order{font-size:9px;color:#95a398;margin-top:2px}.row-message{font-size:11px;color:#7a877e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 8px}.row-bottom{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:3px 6px;font-size:8.5px;font-weight:500;white-space:nowrap;line-height:1.3}.badge.negative{color:#b36d60;background:#faf0ec}.badge.positive{color:#65977b;background:#eaf5ed}.badge.new{color:#aa8d55;background:#f9f3e7}.badge.resolved{color:#679779;background:#eaf4ec}.badge.unresolved{color:#b87b64;background:#f8ede7}.badge.outline{background:transparent;color:#9ca69e;border:1px solid #e5ebe6}.badge svg{width:10px;height:10px}.list-footer{display:flex;gap:7px;align-items:center;justify-content:center;font-size:9px;padding:14px;background:#fcfdfc;border-top:1px solid var(--line);color:#a3aea6}.list-footer svg{width:12px;height:12px}.empty-list,.loading-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;padding:58px 20px;color:#a1afa5;font-size:11px}.empty-list strong{color:#708776;font-weight:500}.empty-list svg{width:27px;height:27px}.detail-empty{padding:100px 24px;text-align:center;color:#a3b0a7}.detail-empty>span{width:57px;height:57px;border-radius:16px;background:#f1f6f2;display:inline-grid;place-items:center;color:#9fb6a6;margin-bottom:18px}.detail-empty h2{color:#7b9383;font-size:15px}.detail-empty p{font-size:12px;line-height:1.8}.detail-header{padding:18px 22px 15px;border-bottom:1px solid var(--line)}.detail-header-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.detail-eyebrow{font-size:9px;letter-spacing:1px;color:#9ba79f}.detail-header h2{font-size:17px;letter-spacing:-.2px}.detail-status{display:flex;align-items:center;gap:7px;margin-top:11px}.detail-status .badge{font-size:9px;padding:4px 7px}.detail-body{padding:18px 22px 22px}.customer-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:17px}.info-label{font-size:9px;color:#a0aca3;display:block;margin-bottom:4px}.info-value{font-size:11px;color:#51685a;font-weight:600}.info-sub{font-size:9px;color:#a0aba2;display:block;margin-top:2px}.response-box{background:#fbf6f2;border:1px solid #f4e9e2;border-radius:9px;padding:13px 15px}.response-box.positive{background:#f3f8f4;border-color:#e5eee7}.response-box-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#b49b85;margin-bottom:9px}.response-box.positive .response-box-top{color:#8aa38c}.response-box blockquote{padding:0;margin:0;font-size:12px;line-height:1.8;color:#6e645a;white-space:pre-wrap;overflow-wrap:anywhere}.response-box.positive blockquote{color:#587160}.decision-form{margin-top:22px}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:#566d5d;margin:0 0 9px}.field-label small{font-size:9px;font-weight:400;color:#a4afa7}.decision-options{display:flex;gap:9px;margin-bottom:17px}.decision-button{border:1px solid #e5ece7;border-radius:7px;flex:1;padding:9px 8px;background:#fff;display:flex;gap:7px;align-items:center;justify-content:center;font-size:11px;color:#809286}.decision-button svg{width:15px;height:15px}.decision-button:hover{background:#f5f9f6}.decision-button.chosen[data-decision="resolved"]{background:#edf5ef;border-color:#b1cbb8;color:#548062}.decision-button.chosen[data-decision="unresolved"]{background:#fff5ec;border-color:#e1c4a9;color:#ac8458}.comment-input{width:100%;resize:vertical;min-height:91px;max-height:300px;border:1px solid #e4ebe5;border-radius:8px;padding:11px 12px;font-size:11px;line-height:1.7;color:#586c5e;background:#fcfdfc}.comment-input::placeholder{color:#a6afa8}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.form-footer small{font-size:9px;color:#a2ada5}.form-footer .button{font-size:10px;padding:9px 12px}.form-error{font-size:11px;color:#aa6051;padding-top:9px;line-height:1.6}.history-section{border-top:1px solid var(--line);margin-top:23px;padding-top:17px}.history-heading{font-size:11px;font-weight:600;color:#5d7464;display:flex;align-items:center;gap:7px;margin-bottom:17px}.history-heading svg{width:14px;height:14px;color:#a0b0a3}.history-list{list-style:none;padding:0;margin:0}.history-event{position:relative;padding:0 0 17px 27px}.history-event:before{position:absolute;content:"";width:1px;background:#e9eee9;left:7px;top:17px;bottom:0}.history-event:last-child{padding-bottom:0}.history-event:last-child:before{display:none}.history-icon{position:absolute;top:2px;left:0;width:15px;height:15px;border-radius:50%;background:#eef4ef;display:flex;align-items:center;justify-content:center;color:#83a18a}.history-icon svg{width:9px;height:9px}.history-event strong{font-size:10px;font-weight:600;color:#6d8273}.history-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:9px;color:#a4ada6;margin-top:3px}.history-comment{font-size:10px;line-height:1.7;color:#7f8c82;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.detail-mobile-back{display:none}.page-footer{display:flex;justify-content:space-between;gap:15px;padding:25px 2px;font-size:9px;color:#a7b1aa}.toast{position:fixed;bottom:24px;left:calc(50% + 115px);transform:translateX(-50%);background:#234f3d;color:#fff;font-size:12px;border-radius:10px;padding:13px 20px;z-index:50;box-shadow:0 8px 30px #15332530;max-width:90vw}.spinner{width:16px;height:16px;border:2px solid #d9e8df;border-top-color:#54886d;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}.loading-button svg{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.sidebar-note strong{display:block}.row-message{display:block}
.telegram-panel{display:flex;align-items:center;gap:12px;padding:14px 17px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-top:-8px;margin-bottom:20px}.telegram-panel>div{flex:1;min-width:0}.telegram-panel strong{font-size:12px;color:#526e61;font-weight:600}.telegram-panel p{font-size:11px;color:#7e9386;margin:3px 0 0;overflow-wrap:anywhere}.telegram-icon{background:#edf4f9;color:#6697b4;border-radius:9px;width:34px;height:34px}.telegram-panel .button{font-size:11px}
@media(min-width:1600px){.feedback-workspace{grid-template-columns:minmax(400px,1fr) minmax(465px,1.1fr)}.feedback-list{max-height:690px}.feedback-row{padding-top:20px;padding-bottom:20px}}
@media(max-width:1200px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.app-shell{margin-left:205px}main{padding:26px 22px 0}.topbar{padding:0 22px}.feedback-workspace{gap:15px;grid-template-columns:minmax(275px,1fr) minmax(330px,1.15fr)}.page-heading p{max-width:360px}.stat-card{padding:16px 13px}.stat-icon{right:12px;top:17px;width:26px;height:26px}.stat-label{font-size:10px}.stat-caption{font-size:8.5px}.detail-body{padding:17px}.detail-header{padding:17px}.feedback-row{padding:15px}.stats{gap:11px}.row-time{font-size:8px}.toast{left:calc(50% + 102px)}}
@media(max-width:1000px){.sidebar{width:185px;padding-left:8px;padding-right:8px}.brand{gap:8px;padding:0 9px}.brand strong{font-size:21px}.brand-mark{width:25px;height:29px}.brand small{font-size:9px}.app-shell{margin-left:185px}.nav-item{gap:7px;font-size:11px;padding:11px 9px}.workspace{margin-left:1px;margin-right:1px}.sidebar-note{margin-left:9px;margin-right:9px}.feedback-workspace{grid-template-columns:minmax(240px,1fr) minmax(305px,1.1fr);gap:12px}main{padding:24px 17px 0}.topbar{padding:0 17px}.profile-name{display:none}.prototype-pill{margin-right:0}.breadcrumb{font-size:10px}.stat-icon{display:none!important}.page-heading{gap:15px}h1{font-size:26px}.page-heading p{font-size:11px;max-width:285px}.demo-add{font-size:10px;padding:10px}.panel-heading{padding:14px 15px 7px}.search-wrap{margin-left:15px;margin-right:15px}.feedback-row{gap:9px;padding:14px 12px}.customer-avatar{width:29px;height:29px;font-size:10px}.row-top{align-items:flex-start;gap:4px}.row-top strong{font-size:11px}.row-time{font-size:8px}.row-message{font-size:10px}.detail-body{padding:15px}.response-box{padding:12px}.detail-header h2{font-size:15px}.detail-header{padding:15px}.info-value{font-size:10px}.toast{left:calc(50% + 92px)}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:229px;padding:30px 18px 22px}.sidebar.open{transform:none}.brand strong{font-size:24px}.brand-mark{width:30px;height:34px}.brand small{font-size:10.5px}.nav-item{font-size:12px;padding:12px;gap:11px}.app-shell{margin-left:0}.mobile-menu{display:inline-flex!important}.topbar{height:64px}.stats{gap:12px}.stat-icon{display:inline-flex!important}.stat-card{padding:17px 14px}.breadcrumb{font-size:10px}.feedback-workspace{grid-template-columns:minmax(260px,1fr) minmax(320px,1.1fr)}.toast{left:50%}.page-heading p{max-width:unset}.page-heading{gap:18px}.sidebar-note{padding-top:20px}}
@media(max-width:650px){main{padding:22px 16px 0}.topbar{padding:0 12px}.breadcrumb{font-size:10px}.breadcrumb>span,.breadcrumb{color:#9aa89e}.breadcrumb strong{display:none}.prototype-pill{font-size:9px}.profile-avatar{width:29px;height:29px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:16px}h1{font-size:27px}.page-heading p{font-size:11px;line-height:1.8;margin-top:7px}.demo-add{padding:10px 13px;font-size:11px}.demo-banner{font-size:10px;align-items:flex-start;line-height:1.8;padding:11px;margin-bottom:16px}.demo-banner>span:first-child{margin-top:3px}.demo-banner strong{display:block}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.stat-card{min-height:110px;padding:14px}.stat-card strong{font-size:28px}.stat-label{font-size:10px}.stat-icon{top:16px;right:14px}.stat-caption{font-size:8px}.feedback-workspace{display:block}.detail-panel{display:none}.feedback-workspace.has-selection .inbox-panel{display:none}.feedback-workspace.has-selection .detail-panel{display:block}.feedback-list{max-height:none;min-height:200px}.feedback-row{padding:17px 18px;gap:12px}.customer-avatar{width:35px;height:35px;font-size:11px}.row-top strong{font-size:12px}.row-time{font-size:9px}.row-message{font-size:11px}.row-order{font-size:10px}.badge{font-size:9px}.panel-heading{padding:16px 18px 9px}.search-wrap{margin:8px 18px 0}.search-wrap input{height:39px;font-size:11px}.detail-mobile-back{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#73927b;font-size:11px;margin-bottom:17px}.detail-mobile-back svg{width:14px;height:14px}.detail-header{padding:19px}.detail-header h2{font-size:18px}.detail-body{padding:18px}.info-value{font-size:12px}.response-box blockquote{font-size:13px}.decision-button{padding:12px;font-size:12px}.comment-input{font-size:13px;min-height:110px}.field-label{font-size:12px}.form-footer .button{font-size:11px;padding:10px 13px}.history-event strong{font-size:11px}.history-comment{font-size:11px}.history-meta{font-size:10px}.page-footer{font-size:8px;padding:22px 0;flex-wrap:wrap;gap:5px}.form-footer{align-items:flex-start}.form-footer small{max-width:120px;font-size:9px}.toast{width:max-content;max-width:calc(100vw - 32px);font-size:11px}.stat-icon svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:820px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}
@media(max-width:650px){.telegram-panel{flex-wrap:wrap;gap:10px;padding:13px}.telegram-panel .button{margin-left:44px}.telegram-panel p{font-size:10px}}
/* Keep working text readable at normal desktop zoom. */
@media(min-width:651px){
  .page-heading p{font-size:13px;color:#73837a}
  .demo-banner{font-size:11px;color:#6b7e70}
  .stat-label{font-size:12px;color:#718174}
  .stat-caption{font-size:10px;color:#7b8c80}
  .stat-card{min-height:117px;padding-top:15px;padding-bottom:13px}
  .row-top strong{font-size:13px}.row-message{font-size:12px;color:#687a6c}
  .row-order,.row-time{font-size:10px;color:#7c8d80}
  .badge{font-size:10px}.search-wrap input{font-size:12px}
  .list-meta{font-size:10px}.detail-status .badge{font-size:10px}
  .info-label,.info-sub{font-size:10px;color:#7d9082}.info-value{font-size:12px}
  .response-box blockquote{font-size:13px}.response-box-top{font-size:10px}
  .field-label,.decision-button{font-size:12px}.comment-input{font-size:12px}
  .form-footer .button{font-size:11px}.history-event strong{font-size:11px}
  .history-meta,.history-comment{font-size:11px}.history-comment{color:#6b7e6f}
  .nav-item{font-size:12px}.stat-icon{width:27px;height:27px}
}

[hidden]{display:none!important}
.business-section{max-width:1200px}.business-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin:20px 0;min-width:0}.business-card h2{font-size:17px;margin:0 0 16px}.report-toolbar{display:flex;align-items:end;gap:18px;flex-wrap:wrap}.report-toolbar label{display:grid;gap:7px;font-size:12px;color:#687e70}.report-toolbar select,.supplier-search input{padding:11px;border:1px solid var(--line);border-radius:8px;background:white;font:inherit;max-width:100%}.report-location{padding:11px 0;color:#176955;font-size:13px}.report-status,.table-note,.empty-note{font-size:12px;line-height:1.7;color:#72847a}.report-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.report-kpis .stat-label{display:block;margin-bottom:9px}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}#report-legend{display:flex;gap:15px;font-size:12px}#report-legend span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.legend-current:before{background:#176955}.legend-previous:before{background:#b8c9bf}#report-chart svg{width:100%;height:auto;display:block}#report-chart text{fill:#809087;font-size:11px}.chart-grid{stroke:#edf1ee;stroke-width:1}.chart-line{fill:none;stroke-width:3}.chart-series-0{stroke:#176955}.chart-series-1{stroke:#b8c9bf}.chart-point.chart-series-0{fill:#176955}.chart-point.chart-series-1{fill:#b8c9bf}.table-scroll{overflow-x:auto;max-width:100%}.business-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.business-table th,.business-table td{padding:14px 12px;border-bottom:1px solid #edf1ee;vertical-align:top}.business-table thead th{color:#73847a;font-weight:500;background:#f8faf8;min-width:100px}.business-table small{display:block;font-size:10px;color:#96a399;margin-top:5px}.business-table tbody th{font-weight:600;color:#435f50}.supplier-search{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.supplier-search input{min-width:0;width:min(100%,420px);font-size:12px}.supplier-search span{color:#809087;font-size:12px;white-space:nowrap}.supplier-actions{display:flex;gap:12px;flex-wrap:wrap}.admin-card textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:11px;resize:vertical;width:100%}.supplier-notes{white-space:pre-wrap;min-width:170px}.business-table td{overflow-wrap:anywhere}.business-table a{color:#176955}
@media(max-width:650px){.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.business-card{padding:16px}.report-toolbar{gap:12px}.report-toolbar label{max-width:100%}.report-toolbar select{font-size:12px}.report-kpis .metric-card strong{font-size:21px}.business-section .page-heading{gap:15px}.supplier-search{flex-wrap:wrap}.table-scroll{margin-right:-4px}.business-table{font-size:11px}}
.weekly-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:-8px 0 24px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px 19px;min-width:0}.metric-card strong{font-size:26px;color:var(--ink)}.metric-card p{font-size:11px;line-height:1.6;color:#687e70;margin:6px 0}.metric-card small{display:block;font-size:10px;line-height:1.7;color:#809087}.metric-card .stat-label{font-size:12px}
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,420px);background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 12px 40px #234f3d10}.auth-card h1{font-size:25px}.auth-card p{font-size:13px;line-height:1.7;color:#718174}.auth-card label,.admin-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#566d5d;margin:17px 0}.auth-card input,.admin-card input,.admin-card select{width:100%;min-width:0;border:1px solid #dbe5df;border-radius:7px;padding:11px;font-size:13px;color:#3b5347;background:#fcfdfc}.auth-card .button{margin-top:16px;width:100%}.admin-section{max-width:850px}.admin-section>p{font-size:13px;color:#687e70;line-height:1.7}.admin-card{margin:20px 0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px}.admin-card p{font-size:12px;color:#7b8c80;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.admin-card .checkbox-label{flex-direction:row;align-items:center}.checkbox-label input{width:17px}.profile #logout{padding:7px 10px}.admin-section h1{margin:0 0 15px}
@media(max-width:650px){.weekly-stats{grid-template-columns:1fr;margin:0 0 18px;gap:10px}.metric-card{padding:15px}.metric-card strong{font-size:24px}.form-grid{grid-template-columns:1fr;gap:0}.admin-card{padding:17px}.auth-card{padding:23px}.profile{gap:6px}.profile #logout{font-size:10px;padding:6px 8px}.prototype-pill{display:none}}

/* Readable business reports and supplier contacts on desktop and phone. */
.business-section .page-heading p{font-size:15px;color:#52665e}
.business-section .button{font-size:14px;min-height:44px;padding:11px 16px}
.report-toolbar label{font-size:14px;color:#40594f;font-weight:600}
.report-toolbar select{font-size:16px;min-height:46px}
.report-location{font-size:15px;font-weight:600}
#reports-status{background:#eef5f1;border:1px solid #d9e6df;border-radius:10px;padding:14px 16px;font-size:14px;color:#345c4c;margin:20px 0}
.report-summary-title{font-size:16px;margin:24px 0 12px;color:#3f584e}
.report-kpis .metric-card{padding:20px;min-height:148px}
.report-kpis .stat-label{font-size:14px;color:#415c50;line-height:1.4;min-height:40px;margin-bottom:10px}
.report-kpis .metric-card strong{font-size:32px;line-height:1.2;color:#163e31;font-variant-numeric:tabular-nums;display:block}
.report-kpis .metric-card small{display:block;font-size:13px;color:#566e62;line-height:1.5;margin-top:12px}
.business-card h2{font-size:19px}
#report-legend{font-size:14px;color:#40584c}
.legend-previous:before{background:#71899d}.chart-series-1{stroke:#71899d;stroke-dasharray:6 4}.chart-point.chart-series-1{fill:#71899d}
#report-chart text{fill:#465d51;font-size:13px}
.chart-scroll{overflow-x:auto;max-width:100%;border-radius:6px}
.scroll-hint{display:none;font-size:13px;line-height:1.6;color:#526c5e;margin:10px 0}
.business-table{font-size:14px;font-variant-numeric:tabular-nums}
.business-table thead th{font-size:14px;font-weight:600;color:#40564b;min-width:125px}
.business-table th,.business-table td{padding:16px 13px}
.business-table small{font-size:12px;color:#587064}
.business-table tbody tr:nth-child(even){background:#f7faf8}
#reports-table tr>:first-child{position:sticky;left:0;z-index:1;min-width:72px;background:#f0f5f2;box-shadow:1px 0 #dbe5df}
.table-note,.empty-note{font-size:14px;color:#526b5e}
.report-source-details{margin:20px 0;color:#486154;font-size:14px}
.report-source-details summary{cursor:pointer;padding:12px 0;font-weight:600}
.report-source-details .report-status{font-size:14px;color:#526b5e}
#supplier-form label{font-size:14px;color:#40564b}
#supplier-form input,#supplier-form textarea,.supplier-search input{font-size:16px;min-height:46px}
.supplier-search span{font-size:14px;color:#4e675b}
@media(max-width:650px){
  .business-section .page-heading{align-items:flex-start}.business-section h1{font-size:27px}
  .report-toolbar{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;width:100%}
  .report-location{grid-column:1/-1;padding:0}
  .report-toolbar select{width:100%;min-width:0}
  .report-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .report-kpis .metric-card{padding:16px;min-height:156px}
  .report-kpis .metric-card strong{font-size:26px}.report-kpis .stat-label{font-size:14px;min-height:40px}
  .business-card{padding:18px 14px}.business-table{font-size:14px}
  #report-chart svg{min-width:700px}.scroll-hint{display:block}
  #supplier-form .form-grid{grid-template-columns:1fr}.supplier-actions .button{flex:1}
}
@media(max-width:360px){.report-kpis{grid-template-columns:1fr}.report-kpis .stat-label{min-height:0}.report-kpis .metric-card{min-height:0}}

:root{--green:#489943;--green-dark:#347332;--green-soft:#eef7e9;--ink:#233921;--brand-light:#66b44a;--brand-dark:#489943}
.brand{padding:0;display:block}.brand-logo{display:block;width:100%;height:auto;max-width:210px}
.auth-link{display:block;width:100%;min-height:44px;margin-top:12px;padding:9px 0;border:0;background:transparent;color:#347332;font-size:13px;text-decoration:underline;text-underline-offset:3px}.auth-card .auth-message{padding:12px;border-radius:8px;background:#eef7e9;color:#315a2e;overflow-wrap:anywhere}#password-request-identifier{font-size:16px}

.report-navigation{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding:6px;background:var(--green-soft);border:1px solid var(--line);border-radius:10px;width:fit-content;max-width:100%}
.report-navigation a{display:flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:7px;font-size:14px;color:var(--green-dark);text-decoration:none;font-weight:600}
.report-navigation a[aria-current="page"]{background:white;box-shadow:0 1px 4px #23392112;color:var(--ink)}
.report-navigation a:focus-visible{outline:2px solid var(--green);outline-offset:2px}
#average-check-status{background:var(--green-soft);border:1px solid #d9e6df;border-radius:10px;padding:14px 16px;font-size:14px;color:#345c4c;margin:20px 0}
.average-check-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.average-check-cards .stat-label{min-height:40px}
.average-check-descriptions{font-size:14px;line-height:1.6;color:#526b5e}.average-check-descriptions p{margin:8px 0}
#average-check-formula{font-size:15px;color:var(--ink);margin-top:0}
.report-legend{display:flex;gap:15px;font-size:14px;color:#40584c}.report-legend span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}
.report-chart svg{width:100%;height:auto;display:block}.report-chart text{fill:#465d51;font-size:13px}
#average-check-table tr>:first-child{position:sticky;left:0;z-index:1;min-width:72px;background:#f0f5f2;box-shadow:1px 0 #dbe5df}
#average-check-table thead th{min-width:185px}#average-check-table td strong{font-weight:600;white-space:nowrap}
@media(max-width:650px){
  .report-navigation{width:100%}.report-navigation a{flex:1;justify-content:center;text-align:center;padding:10px 8px}
  .report-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.report-toolbar label:last-child{grid-column:1/-1}
  .average-check-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.average-check-cards .metric-card strong{font-size:23px}
  .report-chart svg{min-width:700px}
}
@media(max-width:360px){.average-check-cards{grid-template-columns:1fr}}
.nav-item.active{color:#347332;background:#eef7e9;border-left:3px solid #66b44a}
.button.primary{background:#347332;border-color:#347332}.button.primary:hover{background:#285e27}
.section-menu{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 18px;margin-bottom:16px;border-bottom:1px solid #dce6d8}
.section-tab{display:flex;align-items:center;gap:8px;border:1px solid #dce5d8;background:#fff;border-radius:9px;padding:11px 15px;min-height:44px;font-size:14px;color:#455840}
.section-tab:hover{background:#f2f8ef}.section-tab.active{background:#eef7e9;border-color:#66b44a;color:#2f612b;font-weight:600}
.section-tab span{font-size:12px;padding:1px 7px;border-radius:5px;background:#edf2e9;color:#41583a}
.chart-series-0{stroke:#489943}.chart-point.chart-series-0{fill:#489943}.legend-current:before{background:#489943}
@media(max-width:650px){.section-menu{gap:7px}.section-tab{font-size:13px;padding:10px 12px}.brand-logo{max-width:210px}}

#supply-order-form{display:grid;gap:14px}#supply-new-panel p{font-size:15px;color:#52665e}
#supply-new-panel input,#supply-new-panel textarea,.supply-request textarea{font:inherit;font-size:16px;padding:12px;border:1px solid #dce5d8;border-radius:8px;max-width:100%;width:100%;resize:vertical}
#supply-order-form button{justify-self:start}#supply-link{display:block;margin:10px 0 14px;width:100%;max-width:640px;font-size:16px;padding:12px;border:1px solid #dce5d8;border-radius:8px;background:#fff}
.supply-request-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.supply-request-heading h2{margin-bottom:8px}
.supply-status{font-size:13px;white-space:nowrap;padding:5px 10px;border-radius:8px;background:#f9eed4;color:#695011}
.supply-status.completed{background:#eef7e9;color:#2f612b}.supply-status.rejected{background:#faeae7;color:#873e35}
.supply-request-body,.supply-rejection{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;color:#2b4033}
.supply-times{display:flex;flex-wrap:wrap;gap:14px 30px;font-size:14px;margin:16px 0 22px}.supply-times dt{color:#60725f}.supply-times dd{margin:4px 0 0;font-weight:600;color:#354d37}
.supply-request label{display:block;font-size:14px;margin-bottom:8px}.supply-request textarea{margin-bottom:12px}
@media(max-width:650px){.supply-request-heading{flex-wrap:wrap}.supply-request-heading h2{font-size:17px}.supply-times{gap:12px}.supply-times div{width:100%}.supply-request .supplier-actions button{flex:1}}

.notification-block{border:1px solid var(--border,#dce5df);border-radius:12px;padding:18px;margin:18px 0;display:grid;gap:14px}.notification-block legend{font-weight:700;padding:0 8px}.notification-block input,.notification-block select{font-size:16px}