:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17332d;background:#f5f7f5;font-synthesis:none;--ink:#17332d;--muted:#6e7f79;--line:#e4eae5;--green:#146e55;--green-dark:#0c503d;--soft:#e8f1e9;--white:#fff;--radius:20px;--shadow:0 6px 24px #1d3d2a05}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #67b994;outline-offset:3px}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1.1px;line-height:1.15;font-weight:750}h2{font-size:19px;letter-spacing:-.35px}h3{font-size:16px;line-height:1.4}p{line-height:1.55}svg{width:22px;height:22px;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}.workspace{min-width:0;max-width:1240px;margin:auto}.app-header{padding:20px 22px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:23px;letter-spacing:-.9px;font-weight:800;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;color:#fff;background:var(--green);width:34px;height:36px;border-radius:11px;font-size:24px;font-style:italic;box-shadow:inset 0 -3px 0 #00000016}.brand-light{font-weight:450}.profile{font-size:12px;color:var(--muted);max-width:145px;text-align:right}.main{padding:16px 20px calc(100px + env(safe-area-inset-bottom));outline:none}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:7px 0 23px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.45px;font-weight:750;color:var(--muted);margin-bottom:9px}.subtitle{color:var(--muted);font-size:13px;margin-top:9px}.section{margin-top:27px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px}.stack{display:grid;gap:12px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card-button{width:100%;text-align:left;transition:border-color .15s,transform .15s}.card-button:active{transform:scale(.99)}.card-button:hover{border-color:#b8cdbf}.stock-hero{background:var(--green-dark);color:#fff;padding:23px 22px;border-radius:24px;position:relative;overflow:hidden}.stock-hero:after{content:"";position:absolute;right:-60px;top:-100px;width:210px;height:210px;border:35px solid #ffffff05;border-radius:50%;pointer-events:none}.stock-hero .eyebrow{color:#b3d5c1}.hero-number{font-size:48px;letter-spacing:-2px;font-weight:650;line-height:1.1}.hero-number small{font-size:16px;letter-spacing:0;color:#b3d5c1;margin-left:7px;font-weight:400}.hero-caption{font-size:13px;color:#b3d5c1;margin-top:6px}.stock-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #ffffff21;margin-top:22px;padding-top:17px}.stock-breakdown .number{font-size:23px;letter-spacing:-.8px;font-weight:600}.stock-breakdown .label{font-size:11px;color:#b3d5c1;margin-top:5px}.stock-breakdown .number.defect{color:#f0cc84}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:15px 16px;min-height:95px;background:#fff;border:1px solid var(--line);border-radius:17px;text-align:left}.metric-number{font-size:29px;letter-spacing:-1px;font-weight:650;margin-bottom:8px}.metric-label{font-size:12px;color:var(--muted)}.metric-card.emphasis{background:#e9f1e8;border-color:#d9e7d8}.metric-card.warning .metric-number{color:#aa6528}.section-link{font-size:12px;color:var(--green);padding:9px 0;border:0;background:transparent;font-weight:650}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.action-tile{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:17px;border-radius:18px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600}.action-tile svg{color:var(--green);width:24px;height:24px}.action-tile:first-child{background:#edf2e8}.status-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#399675;flex-shrink:0}.status-dot.delayed{background:#cf9134}.status-dot.error{background:#ce6051}.account-name{font-size:14px;font-weight:650}.account-status{font-size:11px;color:var(--muted);margin-top:5px}.channel-label{width:39px;height:39px;border-radius:12px;background:#f2eafb;color:#8b4ac2;font-size:11px;font-weight:750;display:grid;place-items:center;flex-shrink:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:9px 12px calc(8px + env(safe-area-inset-bottom));display:flex;z-index:20;justify-content:space-around}.nav-item{border:0;background:none;color:#82918b;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column;min-width:62px;min-height:48px;font-size:10px;font-weight:600;border-radius:14px}.nav-item.active{color:var(--green);background:#eaf2ec}.nav-item svg{width:22px;height:22px}.sidebar{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:12px 18px;border-radius:13px;border:1px solid transparent;font-size:14px;font-weight:650;background:var(--green);color:#fff;text-align:center;line-height:1.35}.btn:hover{filter:brightness(.97)}.btn.secondary{background:#fff;border-color:#dce5df;color:var(--ink)}.btn.subtle{background:var(--soft);color:var(--green)}.btn.danger{background:#fff2ee;color:#a33f2d;border-color:#f2d7ce}.btn.full{width:100%}.btn.compact{padding:8px 13px;min-height:40px;font-size:12px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:13px;width:43px;height:43px;display:grid;place-items:center;flex-shrink:0}.back-button{border:0;background:transparent;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:6px;padding:3px 0;margin-bottom:18px}.back-button svg{width:17px;height:17px}.input-wrap{display:flex;gap:9px;margin-bottom:16px}.search-box{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 13px;flex:1;min-width:0}.search-box svg{color:#95a29b;width:19px;height:19px}.search-box input{border:0;outline:none!important;width:100%;min-width:0;min-height:49px;background:transparent;font-size:14px;color:var(--ink)}.field{display:grid;gap:8px;font-size:13px;font-weight:600}.field input,.field textarea,.field select,.select{width:100%;padding:13px 14px;min-height:49px;border:1px solid #dce5df;border-radius:13px;background:#fff;color:var(--ink);font-size:16px}.field textarea{resize:vertical;min-height:85px;font-size:14px}.field input[type=file]{font-size:12px;padding:12px 10px}.field small{font-weight:400;color:var(--muted);line-height:1.4}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form{display:grid;gap:18px}.check-field{display:flex;gap:11px;align-items:flex-start;background:#edf3eb;border-radius:13px;padding:14px;font-size:13px;line-height:1.5}.check-field input{accent-color:var(--green);height:20px;width:20px;flex-shrink:0;margin:0}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:7px;margin-bottom:14px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;min-height:38px;padding:9px 14px;font-size:12px;color:var(--muted)}.chip.active{background:var(--green);color:#fff;border-color:var(--green)}.product-list{display:grid;gap:10px}.product-row{display:flex;align-items:center;gap:13px;padding:13px}.photo-frame{background:#f2f4ef;border-radius:13px;display:grid;place-items:center;overflow:hidden;position:relative;flex-shrink:0;color:#b1bdb4}.photo-frame svg{width:30px;height:30px;stroke-width:1.3}.photo-frame img{width:100%;height:100%;object-fit:contain;background:#fff;display:block}.photo-frame.thumb{width:66px;height:74px}.photo-frame.large{width:100%;aspect-ratio:1.2;max-height:360px;border:1px solid var(--line);border-radius:22px}.photo-frame.compare{width:100%;aspect-ratio:1.1;border-radius:13px}.photo-frame .photo-caption{font-size:11px;color:var(--muted);position:absolute;bottom:10px;left:8px;right:8px;text-align:center;background:#f2f4efe6;border-radius:5px;padding:3px}.product-title{font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.product-meta{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.45}.product-stock{font-size:13px;white-space:nowrap;color:var(--green);font-weight:650;margin-top:8px}.packaging-tag{display:inline-flex;align-items:center;background:#f5edda;border-radius:7px;padding:5px 8px;color:#8f6628;font-size:11px;font-weight:600;line-height:1.35;margin-top:7px}.badge{border-radius:8px;background:#eaf2ec;color:#4d7960;padding:5px 8px;display:inline-block;font-size:10px;font-weight:600;line-height:1.4}.badge.warning{background:#fff1d9;color:#a16b2f}.badge.error{background:#fbeae6;color:#b25343}.detail-title{font-size:24px;line-height:1.25;margin-top:20px}.article-line{font-size:12px;color:var(--muted);margin-top:10px}.article-line strong{color:var(--ink);font-size:13px}.detail-stocks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.detail-stock{padding:16px;border-radius:15px;border:1px solid var(--line);background:#fff}.detail-stock strong{display:block;font-size:26px;font-weight:650;margin-bottom:5px}.detail-stock span{font-size:12px;color:var(--muted)}.detail-stock.available{background:#eaf2e8;border-color:#dce8d9}.definition-list{display:grid;gap:11px}.definition-row{display:flex;justify-content:space-between;align-items:baseline;gap:18px;font-size:13px}.definition-row span:first-child{color:var(--muted)}.definition-row span:last-child{text-align:right;overflow-wrap:anywhere}.order-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.order-number{font-size:12px;font-weight:650}.order-item{display:flex;gap:12px;align-items:center}.quantity{padding:7px 10px;border-radius:9px;background:#eff3ed;font-size:14px;font-weight:700;white-space:nowrap}.notice{padding:14px 16px;background:#fff4df;border:1px solid #f0e1bf;border-radius:14px;color:#8b682f;font-size:13px;line-height:1.5}.notice.info{background:#edf3ec;border-color:#dde8d9;color:#536f56}.notice.error{background:#fff0eb;border-color:#f3d6cb;color:#a14c3b}.error-panel{max-width:460px;margin:35px auto;text-align:center;display:grid;gap:18px}.error-panel svg,.empty svg{width:38px;height:38px;color:#8eaa95;margin:auto}.empty{display:grid;gap:12px;text-align:center;padding:34px 22px;color:var(--muted);font-size:14px}.empty h2{font-size:17px;color:var(--ink)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:70px 15px;color:var(--muted);font-size:13px}.spinner{border:2px solid #dce8df;border-top-color:var(--green);height:27px;width:27px;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-more{margin-top:17px;width:100%}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:start}.compare-card{min-width:0;padding:11px;background:white;border:1px solid var(--line);border-radius:17px}.compare-label{font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;color:var(--muted);margin:2px 0 10px}.compare-card .product-title{font-size:12px;margin-top:11px}.compare-card .product-meta{font-size:10px}.match-signals{margin-top:14px;font-size:12px}.signal{display:flex;gap:8px;align-items:baseline;line-height:1.5;margin-top:7px;color:#617869}.signal:before{content:"·";color:var(--green);font-weight:800}.match-actions{display:grid;gap:10px;margin-top:19px}.match-actions .btn{min-height:51px}.match-actions-secondary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.matching-progress{font-size:12px;color:var(--muted)}.timeline{border-left:1px solid #dce5dc;margin-left:5px;padding-left:18px;display:grid;gap:18px}.timeline-item{position:relative;font-size:13px;line-height:1.45}.timeline-item:before{position:absolute;content:"";width:7px;height:7px;border-radius:50%;background:#9db99f;left:-22px;top:5px}.timeline-date{font-size:11px;color:var(--muted);margin-top:4px}.modal-backdrop{position:fixed;inset:0;background:#13332966;z-index:50;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(3px)}.modal{background:#f8faf7;border-radius:25px 25px 0 0;padding:23px 20px calc(22px + env(safe-area-inset-bottom));max-height:92dvh;width:100%;max-width:600px;overflow:auto;box-shadow:0 -10px 50px #142f2820}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.modal h2{font-size:21px}.modal-content{display:grid;gap:16px}.modal-actions{display:grid;gap:9px;margin-top:4px}.toast{position:fixed;left:20px;right:20px;bottom:calc(89px + env(safe-area-inset-bottom));z-index:70;background:#1b3e32;color:#fff;box-shadow:0 8px 30px #0002;padding:14px 18px;border-radius:13px;font-size:13px;line-height:1.45;max-width:500px;margin:auto}.inventory-count{display:flex;gap:9px;margin-top:13px}.inventory-count input{width:100%;min-width:0;min-height:45px;padding:10px 13px;border:1px solid var(--line);border-radius:11px;font-size:16px}.progress-track{height:5px;background:#e3eae2;border-radius:4px;overflow:hidden;margin-top:10px}.progress-fill{height:100%;background:var(--green);transition:width .3s}.review-row{padding:13px 0;border-bottom:1px solid var(--line)}.review-row:last-child{border-bottom:0}.difference{font-size:14px;font-weight:700;white-space:nowrap}.difference.negative{color:#b36140}.difference.positive{color:var(--green)}.page-footer{font-size:11px;color:#89978e;text-align:center;margin-top:28px;line-height:1.6}.skeleton{background:linear-gradient(90deg,#edf0e9,#f7f9f4,#edf0e9);background-size:200% 100%;animation:skeleton 1.3s infinite;border-radius:15px;height:100px}@keyframes skeleton{to{background-position:-200% 0}}.sticky-action{position:sticky;bottom:95px;padding:12px 0;background:linear-gradient(transparent,#f5f7f5 20%)}
@media(min-width:720px){.main{padding:23px 32px 70px}.app-header{padding:26px 32px 10px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-columns{display:grid;grid-template-columns:1.12fr 1fr;gap:25px;align-items:start}.dashboard-columns>.section{margin-top:0}.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:28px;align-items:start}.detail-layout .detail-title{margin-top:0}.compare-grid{gap:18px}.compare-card{padding:18px}.compare-card .product-title{font-size:16px}.compare-label{font-size:11px}.match-page{max-width:740px;margin:auto}.modal-backdrop{align-items:center;padding:30px}.modal{border-radius:24px;max-height:88dvh;padding:25px}.bottom-nav{padding:10px 20px}.toast{bottom:92px}.photo-frame.large{max-height:450px;aspect-ratio:1}.stock-hero{min-height:218px}.sidebar{display:none}}
@media(min-width:1080px){.app-shell{padding-left:218px}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 17px;z-index:25}.sidebar .brand{font-size:22px;margin:0 7px 44px}.sidebar .nav-item{flex-direction:row;justify-content:flex-start;font-size:13px;gap:13px;padding:13px 15px;margin-bottom:7px}.sidebar .nav-item svg{width:20px;height:20px}.sidebar-foot{margin-top:auto;font-size:11px;line-height:1.6;color:var(--muted);padding:15px 14px}.bottom-nav{display:none}.app-header>.brand{visibility:hidden}.app-header{padding-top:19px}.main{padding-top:2px}.toast{bottom:25px;left:238px}.sticky-action{bottom:0}.page-heading h1{font-size:34px}.dashboard-columns{gap:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Full packaging must fit inside the frame, independently of intrinsic grid sizing. */
.photo-frame{min-width:0;min-height:0}
.photo-frame img{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
/* All Mini App form surfaces are light; keep the insertion caret visible on iOS. */
input,textarea{caret-color:var(--ink)}
.photo-frame.large{height:340px;height:clamp(240px,65vw,420px);max-height:none;aspect-ratio:auto}
.photo-frame.compare{height:300px;aspect-ratio:auto}
.photo-frame[role=button]{cursor:zoom-in}
.photo-candidate{align-items:flex-start}.photo-candidate>.photo-frame.thumb{width:92px;height:108px}.candidate-features{color:var(--ink);margin-top:8px}.candidate-references{display:flex;gap:8px;margin:10px 0}.candidate-reference{display:grid;gap:4px;text-align:center;color:var(--muted)}.candidate-reference .photo-frame.thumb{width:58px;height:66px}.photo-upload-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-upload-preview{min-width:0}.photo-upload-preview .photo-frame.compare{height:180px;margin-top:7px}
.gallery-modal{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;border-radius:0;margin:0;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.gallery-modal .modal-heading{flex-shrink:0}
.gallery-modal .modal-content{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 12px 12px;overflow:hidden}
.gallery-viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:white;touch-action:none;display:grid;place-items:center;user-select:none;-webkit-user-select:none}
.gallery-viewport img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center;pointer-events:none}
.gallery-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding-top:10px;flex-shrink:0}
.gallery-controls .btn{font-size:12px;padding:10px;min-height:44px}
.gallery-counter{min-width:45px;text-align:center;font-variant-numeric:tabular-nums}
.gallery-hint{text-align:center;font-size:12px;color:var(--muted);margin:8px 0 0;flex-shrink:0}
.order-filters{flex-wrap:wrap;overflow:visible;white-space:normal}
.order-count{margin:4px 0 12px;color:var(--muted);font-size:14px}
/* iOS zooms focused text controls below 16px; keep desktop density unchanged. */
@media(max-width:719px){input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{font-size:16px!important}}
html,body{overscroll-behavior-x:none}
.search-actions{display:flex;align-items:center;flex-shrink:0;margin-right:-8px}
.search-control-button{width:44px;height:44px;padding:0;border:0;border-radius:11px;background:transparent;color:var(--green);display:grid;place-items:center;flex-shrink:0}
.search-control-button:active{background:var(--soft)}
.search-control-button svg{width:19px;height:19px}
.search-control-button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.search-box input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.stock-primary-action,.stock-summary-action{position:relative;z-index:1;border:0;background:transparent;color:inherit;text-align:left;padding:0;border-radius:10px}
.stock-primary-action{display:block;width:100%}
.stock-primary-action:active,.stock-summary-action:active{opacity:.8}
.stock-summary-action{min-height:52px;width:100%}
.product-stock-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;margin-top:10px;min-width:0}
.product-stock-metric{display:flex;align-items:baseline;justify-content:space-between;gap:5px;min-width:0;font-size:11px;color:var(--muted)}
.product-stock-metric span{min-width:0;overflow-wrap:anywhere}.product-stock-metric strong{color:var(--ink);font-size:13px;white-space:nowrap}
.product-stock-metric.defect strong{color:#aa6528}.defect-summary{display:grid;gap:7px}.defect-record{display:grid;gap:7px}
.field-control{position:relative;min-width:0}.field-control>input,.field-control>textarea{padding-right:58px}
.field-done-button{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;border:0;border-radius:11px;background:transparent;color:var(--green);display:grid;place-items:center}
.field-control.multiline .field-done-button{top:3px;transform:none}
.field-done-button:active{background:var(--soft)}.field-done-button svg{width:20px;height:20px}.field-done-button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.inventory-count .field-control{flex:1;min-width:0}.inventory-count .field-control input{width:100%}
.defect-reason-summary{margin-top:16px}.defect-reason-list{display:grid;gap:8px;margin-top:10px}
.defect-reason-button{width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);display:flex;justify-content:space-between;text-align:left;font-size:13px}
.defect-reason-button.active{border-color:var(--green);background:var(--soft);color:var(--green)}
.product-reason-stock{display:grid;gap:3px;margin-top:9px;padding:9px 10px;border-radius:10px;background:#fff3df;color:#8c5c20;font-size:12px}.product-reason-stock strong{font-size:13px}.product-reason-stock span{color:var(--muted);font-size:11px}
@media(max-width:719px){.keyboard-open .bottom-nav{display:none}.keyboard-open .main{padding-bottom:24px}}
@media(min-width:720px){.product-stock-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* FBS Speed: compact operational analytics for the Telegram mobile viewport. */
.fbs-dashboard-widget{--fbs-widget-accent:#718078;width:100%;margin-top:9px;padding:11px 13px;border:1px solid var(--line);border-radius:15px;background:#fff;display:flex;align-items:center;gap:10px;text-align:left;color:var(--ink)}.fbs-dashboard-widget.good{--fbs-widget-accent:#3e8060;border-color:#d2e2d6;background:linear-gradient(135deg,#eff6f0,#fff)}.fbs-dashboard-widget.middle{--fbs-widget-accent:#a87324;border-color:#ead8ae;background:linear-gradient(135deg,#fff5e1,#fff)}.fbs-dashboard-widget.bad{--fbs-widget-accent:#ad5547;border-color:#ebc8c1;background:linear-gradient(135deg,#fcece8,#fff)}
.fbs-dashboard-widget>svg:first-child{width:23px;height:23px;padding:6px;box-sizing:content-box;border-radius:11px;background:#eef1ef;color:var(--fbs-widget-accent);flex-shrink:0}.fbs-dashboard-widget.good>svg:first-child{background:#dfeee0}.fbs-dashboard-widget.middle>svg:first-child{background:#faedd2}.fbs-dashboard-widget.bad>svg:first-child{background:#f7ddd8}.fbs-dashboard-widget>svg:last-child{width:17px;height:17px;color:#82918b;flex-shrink:0}
.fbs-dashboard-title{font-size:10px;color:var(--muted);margin-bottom:2px}.fbs-dashboard-value{font-size:18px;line-height:1.15;display:block;color:var(--fbs-widget-accent)}.fbs-dashboard-meta{display:block;font-size:11px;color:var(--muted);margin-top:3px;line-height:1.3}.fbs-dashboard-meta.critical{color:#a44f42;font-weight:650}
.fbs-page{max-width:720px;margin:0 auto}.fbs-page .page-heading{margin-bottom:10px}.fbs-page .page-heading h1{font-size:24px;line-height:1.15}.fbs-page .page-heading .subtitle{font-size:11px;margin-top:3px}.fbs-account-chips{margin:0 -15px 5px;padding:0 15px 4px;gap:6px}.fbs-account-chips .chip{min-height:32px;padding:6px 11px;font-size:11px}.fbs-period-chips{margin:0 0 10px;padding:3px;gap:2px;border-radius:12px;background:#e8ede7;overflow:visible}.fbs-period-chips .chip{flex:1;min-height:31px;padding:5px 7px;border:0;border-radius:9px;background:transparent;text-align:center;font-size:11px}.fbs-period-chips .chip.active{background:#fff;color:var(--green);box-shadow:0 1px 5px #173d2820;font-weight:700}
.fbs-loading{display:grid;gap:10px;max-width:720px;margin:7px auto}.fbs-skeleton-heading{height:54px}.fbs-skeleton-tabs{height:34px}.fbs-skeleton-hero{height:218px}.fbs-skeleton-card{height:150px}
.fbs-kpi{--fbs-accent:#3e8060;position:relative;overflow:hidden;border:1px solid #cddfd2;border-radius:20px;padding:17px;background:linear-gradient(145deg,#eaf4ec,#f8fbf7);color:var(--ink);box-shadow:0 8px 25px #163e2b12}.fbs-kpi.middle{--fbs-accent:#a87324;border-color:#ead8ae;background:linear-gradient(145deg,#fff4dc,#fffcf5)}.fbs-kpi.bad{--fbs-accent:#ad5547;border-color:#ebc8c1;background:linear-gradient(145deg,#fceae6,#fff8f6)}
.fbs-kpi:after{content:"";position:absolute;width:160px;height:160px;border:25px solid #ffffff52;border-radius:50%;right:-75px;top:-90px;pointer-events:none}.fbs-kpi .eyebrow{color:var(--fbs-accent);margin-bottom:5px;font-weight:750}.fbs-kpi-value{font-size:42px;line-height:1;letter-spacing:-1.5px;font-weight:720;position:relative;z-index:1;color:var(--fbs-accent)}.fbs-kpi-secondary{font-size:12px;color:#5d6c64;margin-top:8px}.fbs-kpi.empty-state{text-align:left;box-shadow:none}.fbs-kpi.empty-state>svg{width:25px;height:25px;color:var(--green);margin-bottom:9px}.fbs-kpi.empty-state h2{font-size:19px}.fbs-kpi.empty-state>p:not(.fbs-coverage-note){font-size:12px;color:var(--muted);margin-top:5px;line-height:1.4}.fbs-coverage-note,.fbs-coverage-small{font-size:10px;line-height:1.35;color:var(--muted);margin-top:10px}
.fbs-section{margin-top:13px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px;box-shadow:var(--shadow)}.fbs-section>.section-heading{margin-bottom:10px}.fbs-section>.section-heading h2{font-size:15px}
.fbs-segmented{height:8px;display:flex;overflow:hidden;border-radius:999px;background:#e4e8e2;margin:13px 0 9px}.fbs-segmented span{min-width:0}.fbs-segmented .le_13{background:#4b9a72}.fbs-segmented .h13_42{background:#d6a24c}.fbs-segmented .gt_42{background:#c96856}
.fbs-band-list{display:grid;gap:7px}.fbs-band-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.fbs-band-row>div{display:flex;align-items:center;gap:6px}.fbs-band-row>span{color:var(--muted);text-align:right}.fbs-band-dot{width:7px;height:7px;border-radius:50%;background:#4b9a72;flex-shrink:0}.fbs-band-row.h13_42 .fbs-band-dot{background:#d6a24c}.fbs-band-row.gt_42 .fbs-band-dot{background:#c96856}.fbs-kpi .fbs-band-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.fbs-kpi .fbs-band-row{display:block;min-width:0}.fbs-kpi .fbs-band-row>div{margin-bottom:3px}.fbs-kpi .fbs-band-row strong{white-space:nowrap;font-size:10px}.fbs-kpi .fbs-band-row>span{display:block;text-align:left;white-space:nowrap;font-size:10px}
.fbs-live{background:#fbfcfa}.fbs-live-top{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.fbs-live-total{font-size:36px;font-weight:720;line-height:1;letter-spacing:-1px;color:var(--ink)}.fbs-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}.fbs-live-band{min-width:0;padding:9px 5px;border-radius:11px;background:#edf5ed;text-align:center}.fbs-live-band strong{display:block;font-size:21px;line-height:1.05}.fbs-live-band span{display:block;font-size:9px;color:var(--muted);margin-top:4px;white-space:nowrap}.fbs-live-band.h13_42{background:#fbf2df}.fbs-live-band.gt_42{background:#f8ded8;color:#a43f32;box-shadow:inset 0 0 0 1px #e9beb5}.fbs-live-band.gt_42 span{color:#94483c;font-weight:700}.fbs-oldest{margin-top:9px;text-align:right;font-size:11px;color:var(--muted)}
.fbs-trend .fbs-coverage-note{text-align:center;margin-bottom:0}.fbs-chart-wrap{min-width:0}.fbs-chart-wrap.early{min-height:74px;padding:14px;border-radius:12px;background:#f7f9f5;display:flex;flex-direction:column;justify-content:center;text-align:center}.fbs-trend-empty-title{font-size:13px}.fbs-trend-empty-copy{margin-top:5px;color:var(--muted);font-size:11px}.fbs-chart{position:relative;border-radius:12px;background:#f7f9f5;padding:4px 4px 3px;overflow:hidden}.fbs-chart svg{display:block;width:100%;height:145px;overflow:visible;touch-action:manipulation}.fbs-chart-grid{stroke:#dce5dc;stroke-width:1}.fbs-chart-y-label{fill:#718078;font-size:8px}.fbs-chart-line{fill:none;stroke:#397f5d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.fbs-chart-point{fill:#fff;stroke:#397f5d;stroke-width:3;cursor:pointer;outline:none}.fbs-chart-point.active,.fbs-chart-point:focus{fill:#397f5d;stroke-width:5}.fbs-chart-axis{display:flex;justify-content:space-between;padding:0 6px 3px 36px;color:var(--muted);font-size:9px}.fbs-chart-axis.one-point{justify-content:center;padding-left:36px}.fbs-chart-detail{min-height:25px;padding-top:7px;color:var(--muted);font-size:11px;text-align:center}
.fbs-week-comparison{margin-top:10px;padding:0 3px;color:var(--muted);font-size:11px}.fbs-comparison{display:flex;align-items:baseline;gap:7px;color:#397355}.fbs-comparison strong{font-size:17px}.fbs-comparison span{font-weight:650}.fbs-comparison .fbs-comparison-label{margin-right:auto;color:var(--muted);font-weight:400}.fbs-comparison.slower{color:#a45242}
@media(max-width:390px){.fbs-kpi{padding:15px}.fbs-kpi-value{font-size:39px}.fbs-live-band{padding-left:3px;padding-right:3px}.fbs-page .page-heading h1{font-size:23px}}

/* Operational notifications: compact, persisted and mobile-first. */
.notification-bell{position:relative;margin-top:2px;width:44px;height:44px;color:var(--green)}
.notification-bell svg{width:21px;height:21px}
.notification-badge{position:absolute;top:-6px;right:-7px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid #f5f7f5;border-radius:999px;background:#c45243;color:#fff;font-size:10px;font-weight:800;line-height:1}
.notification-read-all{flex-shrink:0;max-width:170px}
.notification-list{max-width:720px}
.notification-card{display:block;position:relative;text-align:left;min-height:112px}
.notification-card.active{border-color:#e7b7ae;background:#fff8f6;box-shadow:0 6px 22px #6b231014}
.notification-card.unread{box-shadow:0 6px 22px #173d2814}
.notification-card.acknowledged{opacity:.82}
.notification-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.notification-dot{display:none;width:9px;height:9px;margin-top:6px;border-radius:50%;background:#c45243;flex-shrink:0}
.notification-card.unread .notification-dot{display:block}
.notification-order{margin-top:8px;font-size:13px;font-weight:650;overflow-wrap:anywhere}
.notification-time{margin-top:9px}
.notification-actions{display:grid;gap:8px;margin-top:13px}.notification-acknowledge{background:#a84438}
@media(max-width:390px){.notification-read-all{max-width:136px;min-height:42px;padding:8px 10px;font-size:11px}.notification-card{padding:15px;min-height:108px}.notification-card h3{font-size:14px}.notification-order{font-size:12px}.notification-actions .btn{min-height:46px;padding:10px 12px;font-size:12px}}
.fbs-chart-rolling{fill:none;stroke:#718078;stroke-width:2;stroke-dasharray:5 4}.fbs-chart-hit{fill:transparent;cursor:pointer}