@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#1d2027;--muted:#727783;--line:#e3e5ea;--bg:#f4f5f7;--red:#ca1938;--red-dark:#aa0d28;--rose:#fff0f2;--green:#188260;--blue:#2770b5;--amber:#aa6b13;--shadow:0 4px 18px #16203306;--radius:13px;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #4592e7;outline-offset:3px}button{border:0;background:none;color:inherit}a{color:var(--blue)}svg{vertical-align:middle;flex-shrink:0}.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,h4,p{margin:0}h1{font-size:29px;letter-spacing:-1px;font-weight:700}h2{font-size:18px;letter-spacing:-.45px}h3{font-size:15px}small,.small{font-size:12px}strong{font-weight:650}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase}.condensed{font-family:'Barlow Condensed',Impact,sans-serif}.flex{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:16px}.grow{flex:1;min-width:0}.right{text-align:right}.spacer{flex:1}.line{height:1px;background:var(--line);margin:18px 0}.dot{display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%}.header{height:88px;padding:0 30px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px}.brand{width:151px;height:59px;object-fit:contain}.store{padding-left:28px;border-left:1px solid var(--line);line-height:1.65}.store strong{display:block;font-size:14px}.store .small{color:var(--muted)}.connection{color:var(--green);display:flex;align-items:center;gap:7px;font-size:12px}.user-avatar,.avatar{display:grid;place-items:center;font-weight:650;border-radius:50%;flex-shrink:0}.user-avatar{background:#202329;color:white;width:36px;height:36px;font-size:11px}.avatar{width:36px;height:36px;background:#f2e5dc;color:#94603c;font-size:11px}.avatar.blue{background:#e7eef8;color:#476695}.avatar.purple{background:#eee8f6;color:#8860a5}.avatar.sage{background:#e3eee8;color:#4b7a65}.nav{display:flex;align-items:center;padding:0 30px;gap:6px;background:#22252c;color:#a8adb7;height:59px;box-shadow:0 2px 4px #0001}.nav button{height:59px;display:flex;align-items:center;gap:9px;padding:0 20px;font-size:13px;font-weight:550;border-bottom:3px solid transparent}.nav button:hover{color:#fff;background:#ffffff06}.nav button.active{color:white;border-bottom-color:#ed294b;background:#ffffff08}.nav .badge{background:#ed294b;color:white;padding:2px 6px;font-size:10px;border-radius:4px}.nav-end{font-size:11px;color:#b2b7c0;margin-left:auto;letter-spacing:.3px}.main{max-width:1770px;margin:auto;padding:27px 30px 30px;min-height:calc(100vh - 216px)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head p{color:var(--muted);font-size:13px;margin-top:6px}.page-head .eyebrow{color:var(--red);margin-bottom:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:7px;min-height:39px;padding:9px 14px;font-weight:600;font-size:12px;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{background:#f4f5f7;border-color:#c7cbd4}.btn.primary{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 3px 6px #ca193815}.btn.primary:hover{background:var(--red-dark)}.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.small{padding:5px 10px;min-height:31px;font-size:11px}.btn.full{width:100%}.btn.danger{color:var(--red);background:var(--rose);border-color:#f1d1d9}.btn.icon-only{padding:9px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px}.stat{background:#fff;border:1px solid var(--line);padding:16px 19px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.stat strong{font-size:27px;font-weight:650;letter-spacing:-.8px}.stat .label{color:var(--muted);font-size:11px;margin-bottom:6px}.stat .annotation{font-size:11px;color:var(--muted);margin-top:4px}.stat-art{display:flex;align-items:flex-end;gap:4px;height:35px;color:var(--red)}.stat-art span{display:block;width:5px;background:#e6e9ed;border-radius:2px}.stat-art span:last-child{background:var(--red)}.stat-symbol{width:42px;height:42px;border-radius:50%;background:#f7f0f2;color:var(--red);display:grid;place-items:center}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid var(--line)}.panel-body{padding:20px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 368px;gap:22px;align-items:start}.search{position:relative;display:flex;align-items:center;gap:9px;color:#989da6}.search input{width:100%;min-height:39px;background:#fff;border:1px solid var(--line);padding:10px 12px 10px 37px;border-radius:7px;font-size:12px;color:var(--ink)}.search>.icon{position:absolute;left:12px;width:15px}.queue-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.queue-top .search{flex:1}.queue-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.queue-heading{display:flex;align-items:center;justify-content:space-between;margin:0 1px 13px;font-size:12px;font-weight:650}.count{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:5px;background:#e6e8ed;color:#737b89;margin-left:6px;font-size:11px;padding:0 5px}.queue-list{display:flex;flex-direction:column;gap:10px}.client-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.client-card.selected{border-color:#d13954;box-shadow:0 0 0 1px #d13954}.client-card-main{padding:15px}.client-card-top{display:flex;gap:10px;align-items:center;margin-bottom:13px}.client-card h3{font-size:13px}.client-card .visit-info{font-size:10px;color:var(--muted);margin-top:4px}.client-card .tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;padding:4px 7px;border-radius:4px;background:#f1f2f5;color:#6d7380;white-space:nowrap}.pill.green{background:#e7f3ed;color:#23775a}.pill.amber{background:#fff1d9;color:#9a6a20}.pill.red{background:#ffe9ed;color:#bc2949}.pill.blue{background:#e8f1fd;color:#3976ab}.pill.purple{background:#efe8f6;color:#8357a0}.service-tag{font-size:10px;background:#fff2d3;color:#83622d;padding:5px 8px;border-radius:4px}.stylist-tag{font-size:10px;background:#ffeab5;color:#83622d;padding:5px 8px;border-radius:4px}.client-card-footer{padding:9px 14px;border-top:1px solid #f0f1f3;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.client-card-footer button{font-size:11px;color:var(--red);font-weight:650;display:flex;align-items:center;gap:5px}.staff-strip{display:flex;gap:10px;margin-top:17px;padding:14px;background:#eceef1;border-radius:9px;flex-wrap:wrap}.staff-chip{display:flex;align-items:center;gap:6px;font-size:10px}.staff-chip .dot{color:var(--green)}.receipt{position:sticky;top:20px}.receipt-top{background:var(--ink);padding:18px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center}.receipt-top .eyebrow{color:#afb5c0;font-size:9px;margin-top:4px}.receipt .customer{padding:19px 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.receipt .customer p{font-size:11px;color:var(--muted);margin-top:4px}.receipt-section{padding:17px 20px;border-bottom:1px solid var(--line)}.receipt-section .eyebrow{font-size:9px;color:var(--muted);margin-bottom:13px}.receipt-line{display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:12px;line-height:1.6;margin-bottom:8px}.receipt-line small{display:block;font-size:10px;color:var(--muted)}.tip-options{display:flex;gap:5px}.tip-options button{flex:1;padding:9px 0;border:1px solid var(--line);border-radius:5px;font-size:11px}.tip-options button.selected{background:#fff0f3;color:var(--red);border-color:#d7788a}.receipt-total{display:flex;align-items:center;justify-content:space-between;margin:15px 0;font-size:15px;font-weight:600}.receipt-total strong{font-size:28px;letter-spacing:-1px}.feedback-ready{display:flex;align-items:flex-start;gap:10px;background:#eff7f3;color:#367f62;border:1px solid #d6e9df;border-radius:7px;padding:12px;font-size:11px;line-height:1.5}.feedback-ready.warning{background:#fff8ec;color:#957027;border-color:#efe0c3}.feedback-ready strong{display:block;font-size:11px;margin-bottom:2px}.receipt-action{padding:18px 20px}.receipt-action .btn{min-height:45px}.receipt-action .fine{font-size:10px;color:var(--muted);text-align:center;margin-top:10px}.success-mark{width:58px;height:58px;display:grid;place-items:center;background:#e5f3eb;color:var(--green);border-radius:50%;margin:2px auto 15px}.success-mark .icon{width:28px;height:28px}.success{text-align:center;padding:27px 20px}.success p{font-size:12px;color:var(--muted);line-height:1.65;margin-top:9px}.success .line{margin:20px 0}.journey{padding:6px 0;text-align:left}.journey-item{display:flex;gap:10px;position:relative;padding:11px 0;font-size:12px}.journey-item+.journey-item:before{content:'';position:absolute;width:1px;height:14px;left:8px;top:-5px;background:#dde5df}.journey-dot{width:17px;height:17px;border:1px solid #b8ccbf;border-radius:50%;background:#edf5ef;color:#4a8162;display:grid;place-items:center;font-size:9px}.journey-dot.pending{background:#fff4df;border-color:#e3c38b;color:#a17119}.journey-item small{color:var(--muted);display:block;margin-top:3px}.notice{display:flex;gap:11px;padding:13px 16px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:12px;line-height:1.55;margin-bottom:17px}.notice.info{background:#edf3fc;border-color:#d7e4f7;color:#47698c}.notice.warn{background:#fff6e8;border-color:#f0dfbf;color:#8d671d}.notice.error{background:#fff0f2;border-color:#eac8d0;color:#b62b44}.feedback-layout{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(430px,1.08fr);gap:20px;align-items:start}.inbox-toolbar{padding:15px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:12px}.filter{padding:7px 10px;border-radius:5px;font-size:11px;border:1px solid transparent;color:var(--muted);font-weight:550}.filter.active{background:var(--ink);color:#fff}.filter:hover{border-color:#bdc4ce}.inbox-list{max-height:670px;overflow-y:auto}.inbox-item{display:block;text-align:left;width:100%;padding:17px 19px;border-bottom:1px solid #e9ebef;position:relative}.inbox-item:hover{background:#fafafb}.inbox-item.selected{background:#fdf4f5}.inbox-item.selected:before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--red)}.inbox-item h3{font-size:12px}.inbox-item p{font-size:11px;color:#727885;line-height:1.55;margin:9px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inbox-item small{font-size:10px;color:var(--muted)}.score{width:34px;height:34px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:2px;font-weight:650;flex-shrink:0;background:#eaf3ee;color:#39795b;font-size:13px}.score.low{background:#fbe5e9;color:#c84059}.score.medium{background:#fff1d5;color:#a87922}.score .icon{width:11px;height:11px;fill:currentColor;stroke-width:0}.case-head{padding:21px;border-bottom:1px solid var(--line)}.case-head h2{font-size:20px}.case-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:15px 20px;border-bottom:1px solid var(--line);background:#fcfcfd}.case-meta span{font-size:10px;color:var(--muted);display:block;margin-bottom:5px}.case-meta strong{font-size:11px}.case-quote{padding:18px 20px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.65}.case-quote .stars{color:var(--red);font-size:15px;letter-spacing:2px;margin-bottom:7px}.subtabs{display:flex;gap:20px;padding:0 20px;border-bottom:1px solid var(--line)}.subtabs button{padding:14px 0;font-size:11px;color:var(--muted);border-bottom:2px solid transparent}.subtabs button.active{color:var(--ink);border-color:var(--red);font-weight:650}.conversation{padding:20px;max-height:338px;overflow:auto;background:#fff;display:flex;flex-direction:column;gap:13px}.bubble-row{display:flex;flex-direction:column;align-items:flex-start;max-width:85%;gap:4px}.bubble-row.outgoing{align-self:flex-end;align-items:flex-end}.bubble{border-radius:10px 10px 10px 2px;background:#f0f2f5;padding:10px 13px;font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.outgoing .bubble{background:#eaf0f7;border-radius:10px 10px 2px 10px;color:#38546e}.bubble-row.manager .bubble{background:#f7e9ed;color:#8e3246}.bubble-row .caption{font-size:9px;color:#9196a0;padding:0 2px}.composer{border-top:1px solid var(--line);padding:17px 20px}.composer textarea{width:100%;padding:11px 12px;border:1px solid var(--line);resize:vertical;min-height:85px;border-radius:6px;font-size:12px;background:#fcfcfd;line-height:1.5}.composer .flex{margin-top:9px}.case-actions{display:flex;gap:7px;padding:14px 20px;border-top:1px solid var(--line);background:#fcfcfd;flex-wrap:wrap}.case-actions .btn{flex:1}.notes{padding:20px;max-height:350px;overflow:auto}.note{border-left:2px solid #d5dae2;padding:3px 0 3px 12px;margin-bottom:19px;font-size:12px;line-height:1.6}.note small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.empty{padding:48px 24px;text-align:center;color:var(--muted);font-size:12px;line-height:1.6}.empty .icon{width:32px;height:32px;margin-bottom:13px;color:#a3aab7}.empty h3{margin-bottom:7px;color:var(--ink)}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}.table th{padding:13px 18px;background:#fafbfc;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);white-space:nowrap;border-bottom:1px solid var(--line)}.table td{padding:15px 18px;border-bottom:1px solid #eef0f3;white-space:nowrap}.table td small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.table tbody tr:hover{background:#fafbfc}.settings-layout{display:grid;grid-template-columns:minmax(400px,1fr) minmax(300px,.68fr);gap:22px;max-width:1200px;margin:0 auto}.setting-block{padding:23px;border-bottom:1px solid var(--line)}.setting-block h3{margin-bottom:6px}.setting-block p{font-size:12px;color:var(--muted);line-height:1.6}.setting-number{display:inline-grid;place-items:center;width:23px;height:23px;background:#f0e5e8;color:var(--red);border-radius:50%;font-size:10px;font-weight:650;margin-right:7px}.field{display:block;margin-top:18px}.field>span{display:block;font-size:11px;font-weight:600;margin-bottom:7px}.field small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:5px}input,select,textarea{color:var(--ink)}.field input,.field select,.field textarea,select.select{width:100%;border:1px solid #d9dde4;border-radius:6px;background:#fff;padding:10px 11px;font-size:12px;min-height:39px}.field textarea{resize:vertical;min-height:110px;line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.switch{width:40px;height:23px;background:#b5bac4;border-radius:30px;padding:3px;position:relative;flex-shrink:0}.switch:after{content:'';display:block;background:#fff;width:17px;height:17px;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .2s}.switch.on{background:var(--green)}.switch.on:after{transform:translateX(17px)}.phone{width:305px;min-height:530px;background:white;border:7px solid #26292f;border-radius:36px;overflow:hidden;box-shadow:0 16px 35px #15192114;margin:20px auto;display:flex;flex-direction:column}.phone-status{display:flex;justify-content:space-between;align-items:center;padding:13px 20px 9px;font-size:10px;font-weight:650}.phone-camera{height:15px;width:75px;border-radius:20px;background:#26292f}.phone-head{background:#f7f7f8;text-align:center;padding:11px;border-bottom:1px solid #e9e9eb}.phone-head .avatar{margin:0 auto 6px;background:#e7e7eb;color:#6b6e77}.phone-head strong{font-size:11px}.phone-body{padding:18px 14px;display:flex;flex-direction:column;gap:11px;min-height:300px;max-height:420px;overflow:auto;flex:1}.phone-body .bubble-row{max-width:91%}.phone-body .bubble{font-size:11px;background:#e9e9eb;border-radius:13px 13px 13px 3px;color:#25262b}.phone-body .outgoing .bubble{background:#38b861;color:#fff;border-radius:13px 13px 3px 13px}.phone-body .caption{font-size:8px}.phone-compose{padding:11px 12px 18px;display:flex;gap:7px;border-top:1px solid var(--line)}.phone-compose input{border:1px solid #dddfe4;border-radius:20px;width:100%;min-width:0;font-size:11px;padding:9px 12px}.phone-compose button{width:31px;height:31px;align-self:center;background:#38b861;border-radius:50%;color:white;display:grid;place-items:center}.phone-home{width:90px;height:4px;border-radius:4px;background:#25272a;margin:0 auto 7px}.phone .empty{padding:32px 12px}.phone .empty p{font-size:11px}.rules-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.rules-list li{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#64706d;line-height:1.5}.rules-list .icon{color:var(--green);width:14px;height:14px;margin-top:1px}.mini-journey{display:flex;align-items:center;justify-content:space-between;padding:19px 15px;background:#f8f9fb;border:1px solid var(--line);border-radius:8px;font-size:10px;text-align:center}.mini-journey .icon{display:block;margin:0 auto 8px;color:var(--red)}.mini-journey .arrow{color:#a1a7b1}.prototype-bar{background:#fff;border-top:1px solid #dfe2e8;padding:11px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.prototype-bar strong{color:#4d5360}.prototype-bar select{font-size:10px;padding:6px 25px 6px 8px;border:1px solid #d9dde4;border-radius:4px;background:#fff;max-width:145px}.prototype-bar .btn{font-size:10px;min-height:28px;padding:5px 8px}.proto-label{padding-right:16px;border-right:1px solid var(--line)}.proto-label span{display:block;font-size:9px;margin-top:3px}.prototype-bar label{display:flex;gap:5px;align-items:center}.prototype-bar .divider{width:1px;height:20px;background:var(--line)}.health{display:flex;align-items:center;gap:5px}.health .dot{color:var(--green)}#toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%) translateY(15px);background:#252a31;color:white;border-radius:9px;padding:13px 21px;font-size:12px;max-width:calc(100vw - 35px);box-shadow:0 8px 30px #0002;opacity:0;pointer-events:none;transition:.2s;z-index:30}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#toast.error{background:#a72e44}dialog{border:1px solid #e0e2e7;border-radius:15px;width:470px;max-width:calc(100vw - 28px);padding:0;color:var(--ink);box-shadow:0 24px 90px #0003}dialog.wide{width:740px}dialog::backdrop{background:#11192370;backdrop-filter:blur(3px)}.dialog-head{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:18px}.dialog-body{padding:22px 23px;max-height:75vh;overflow:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.dialog-body p{font-size:12px;line-height:1.6;color:var(--muted)}.checkbox{display:flex;align-items:flex-start;gap:9px;margin-top:18px;font-size:11px;line-height:1.6}.checkbox input{margin:3px 0 0}.dialog-error{background:#fff0f2;color:#a52a43;font-size:12px;border:1px solid #efc9d2;padding:10px 12px;border-radius:6px;margin-top:16px}.dialog-error:empty{display:none}.guest-layout{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:start;max-width:1000px;margin:auto}.guest-context{padding-top:20px}.guest-context h2{font-size:23px;margin:12px 0}.guest-context p{font-size:13px;color:var(--muted);line-height:1.7}.guest-guide{margin-top:23px;padding:20px}.guest-guide .pill{margin-bottom:10px}.guest-select{max-width:350px}.case-count{font-size:10px;color:var(--muted);padding:12px 18px;background:#fafbfc;border-top:1px solid var(--line)}.delivery-events{padding:15px 20px;font-size:11px;color:var(--muted);line-height:1.6}.products{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product{border:1px solid var(--line);border-radius:8px;padding:17px 14px;text-align:left;display:flex;flex-direction:column;gap:10px;background:#fafbfc}.bottle{width:30px;height:62px;background:#292d28;border-radius:5px 5px 6px 6px;margin:5px auto 12px;position:relative}.bottle:before{content:'';position:absolute;top:-6px;left:4px;right:4px;height:8px;background:#161915;border-radius:2px}.bottle:after{content:'CREW';position:absolute;top:23px;left:2px;right:2px;font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2px;text-align:center;color:#cab987}.bottle.tea{background:#247251}.bottle.tea:after{content:'TEA TREE';color:white;font-size:7px}.product h3{font-size:12px}.product .price{font-size:13px;font-weight:650}.product.selected{border-color:var(--red);background:var(--rose)}.audit-row{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.6}.audit-row time{font-size:10px;color:var(--muted);width:60px;flex-shrink:0}.source-link{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.source-link small{display:block;color:var(--muted);margin-top:5px}.theme-strip{display:flex;gap:8px;flex-wrap:wrap}.reopen{color:var(--blue)}.rating-display{display:flex;align-items:center;gap:8px}.rating-display .icon{color:#d3931b;fill:#d3931b}.pill.sla{background:#fff0e6;color:#b66b2d}
@media(min-width:1550px){.workspace{grid-template-columns:minmax(0,1fr) 410px}.client-card-main{padding:18px}.client-card h3{font-size:14px}.receipt-section{padding:20px 23px}.receipt-action{padding:20px 23px}.queue-columns{gap:20px}.inbox-list{max-height:710px}}
@media(max-width:1150px){.main{padding:24px 20px}.header{padding:0 20px;gap:20px}.nav{padding:0 15px}.nav button{padding:0 13px}.workspace{grid-template-columns:minmax(0,1fr) 340px;gap:15px}.queue-columns{grid-template-columns:1fr}.queue-column:first-child{order:2}.queue-column:last-child{order:1}.queue-list{display:grid;grid-template-columns:1fr 1fr}.queue-heading{margin-top:7px}.client-card-top .avatar{display:none}.feedback-layout{grid-template-columns:minmax(300px,.8fr) minmax(380px,1fr)}.nav-end{display:none}.user-name{display:none}}
@media(max-width:900px){.workspace{grid-template-columns:1fr 315px}.queue-list{display:flex}.queue-column:first-child{order:initial}.queue-column:last-child{order:initial}.stats{gap:8px}.stat{padding:14px}.stat-symbol,.stat-art{display:none}.feedback-layout{grid-template-columns:1fr}.inbox-list{max-height:335px}.settings-layout{grid-template-columns:1fr}.settings-preview{display:none}.store{padding-left:18px}.header{height:77px}.brand{width:125px}.connection{display:none}.guest-layout{grid-template-columns:300px 1fr;gap:20px}.nav button{font-size:11px;padding:0 12px}.nav .icon{width:16px}.prototype-bar{gap:10px}.receipt{top:10px}}
@media(max-width:670px){.header{height:75px;padding:0 15px;gap:12px}.brand{width:110px}.store{border-left:1px solid var(--line);padding-left:14px}.store strong{font-size:11px}.store .small{font-size:9px}.header>.spacer+.flex{display:none}.nav{padding:0 7px;gap:0;overflow:auto;height:55px}.nav button{height:55px;padding:0 11px;gap:5px;white-space:nowrap;font-size:10px}.nav .icon{display:none}.nav .badge{font-size:9px}.main{padding:20px 13px;min-height:70vh}.page-head{align-items:flex-start;margin-bottom:18px}.page-head h1{font-size:25px}.page-head p{font-size:11px;max-width:230px}.page-head .btn{font-size:10px;padding:8px}.page-head .btn .icon{display:none}.stats{grid-template-columns:1fr 1fr;margin-bottom:18px}.stat{padding:12px 14px}.stat strong{font-size:23px}.stat .label,.stat .annotation{font-size:10px}.workspace{display:flex;flex-direction:column}.queue-area{width:100%}.receipt{position:static;width:100%;order:-1}.queue-columns{grid-template-columns:1fr 1fr;gap:10px}.queue-list{display:flex}.client-card-main{padding:12px}.client-card-top .avatar{display:none}.client-card h3{font-size:12px}.client-card-footer{padding:8px 10px;font-size:9px;gap:5px}.client-card-footer button{font-size:10px}.queue-heading{font-size:11px}.staff-strip{font-size:9px;gap:10px}.receipt-section{padding:13px 17px}.receipt .customer{padding:15px 17px}.receipt-top{padding:14px 17px}.receipt-action{padding:14px 17px}.receipt-section.tip-section{display:none}.feedback-layout{display:block}.feedback-layout>.panel{margin-bottom:16px}.case-head{padding:17px}.case-meta{padding:13px 17px;gap:10px}.case-actions{padding:13px;gap:5px}.case-actions .btn{font-size:10px;padding:7px}.settings-layout{display:block}.setting-block{padding:18px}.field-row{gap:10px}.prototype-bar{padding:12px 13px;gap:10px}.proto-label{width:100%;border:0}.prototype-bar .divider{display:none}.prototype-bar .spacer{display:none}.prototype-bar .health{display:none}.guest-layout{display:flex;flex-direction:column;align-items:center}.guest-context{order:-1;padding:0;width:100%}.guest-context h2{font-size:21px}.guest-guide{display:none}.guest-layout .phone{margin:0 auto}.dialog-body{padding:18px}.table td,.table th{padding:12px}.inbox-toolbar{padding:12px}.filters{gap:3px}.filter{font-size:10px;padding:6px 8px}.page-head .flex{flex-wrap:wrap;justify-content:flex-end}.page-head .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Readable operations workspace, with study controls outside the product flow. */
:root{--muted:#646b77;--radius:12px;--bg:#f3f4f6;font-size:15px}.main{max-width:1512px;padding:30px 32px 40px}.page-head{margin-bottom:26px}.page-head h1{font-size:34px;letter-spacing:-1.1px}.page-head p{font-size:14px;margin-top:8px}.eyebrow{font-size:11px}.header{height:86px}.nav button{font-size:14px}.nav .badge{font-size:12px}.btn{font-size:13px;min-height:42px}.btn.small{font-size:12px;min-height:36px}.stats{gap:16px}.stat{padding:20px}.stat .label{font-size:12px}.stat .annotation{font-size:12px;line-height:1.5}.stat strong{font-size:30px}.stat-symbol{width:44px;height:44px}.feedback-layout{grid-template-columns:minmax(340px,.8fr) minmax(480px,1.2fr);gap:24px}.inbox-toolbar{padding:20px}.search input{font-size:13px;min-height:44px}.filter{font-size:12px;padding:8px 10px}.inbox-list{max-height:800px}.inbox-item{padding:20px}.inbox-item h3{font-size:14px}.inbox-item p{font-size:13px;line-height:1.6;margin:12px 0}.inbox-item small{font-size:11px}.pill{font-size:11px;padding:5px 8px}.score{width:38px;height:38px;font-size:15px}.case-head{padding:22px 24px}.case-head h2{font-size:23px}.case-progress{padding:12px 20px;background:#f3f7f5;border-bottom:1px solid #e1e8e4;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#365f4b}.case-progress .btn{color:#365f4b}.case-meta{padding:17px 24px}.case-meta strong{font-size:13px}.case-meta span{font-size:11px}.case-quote{padding:20px 24px;font-size:15px}.ai-review{padding:9px 18px;border-bottom:1px solid var(--line);background:#fbfafc}.ai-review .btn{color:#735078}.ai-review p{font-size:13px;line-height:1.7;margin:8px 6px}.ai-review small{display:block;color:#77707c;font-size:11px;margin:0 6px 10px}.subtabs{padding:0 24px}.subtabs button{font-size:12px;min-height:48px}.conversation{padding:24px;max-height:380px;gap:16px}.bubble{font-size:13px;padding:12px 15px;line-height:1.65}.bubble-row .caption{font-size:10px}.composer{padding:20px 24px}.composer textarea{font-size:14px;min-height:112px;background:white;padding:14px}.composer .flex{gap:12px;flex-wrap:wrap}.inline-error{font-size:12px;line-height:1.6;color:#a32140;margin-top:10px}.case-actions{padding:16px 20px}.case-count{font-size:11px}.client-card h3{font-size:14px}.client-card .visit-info{font-size:11px}.client-card-main{padding:18px}.service-tag,.stylist-tag{font-size:11px}.client-card-footer{padding:11px 16px;font-size:11px}.client-card-footer button{font-size:12px;min-height:30px}.queue-heading{font-size:14px}.receipt-line{font-size:13px}.receipt-line small{font-size:11px}.receipt-section .eyebrow,.receipt-top .eyebrow{font-size:10px}.feedback-ready,.feedback-ready strong{font-size:12px}.receipt .customer p{font-size:12px}.tip-options button{font-size:13px;min-height:40px}.receipt-action .fine{font-size:11px}.table{font-size:13px}.table th{font-size:11px}.table td small{font-size:11px}.field>span{font-size:13px}.field input,.field select,.field textarea,select.select{font-size:14px;min-height:44px}.field small{font-size:12px}.setting-block p,.rules-list li{font-size:13px}.dialog-body p,.checkbox{font-size:13px}.dialog-body{padding:24px}.guest-layout{grid-template-columns:390px minmax(0,430px);gap:48px;max-width:900px}.guest-layout .phone{width:374px;min-height:640px;border-width:6px;border-radius:38px}.guest-layout .phone-body{min-height:390px;max-height:520px;padding:20px 18px;gap:15px}.phone-body .bubble{font-size:14px;line-height:1.6}.phone-head strong{font-size:13px}.phone-compose input{font-size:14px;padding:12px 14px}.phone-compose button{width:38px;min-width:38px;height:38px}.phone-body .caption{font-size:10px}.guest-context{padding-top:36px}.guest-context p{font-size:14px}.guest-context h2{font-size:27px}.guest-guide{padding:24px}.feedback-complete{background:#edf7f0;padding:10px 12px;border-radius:8px;color:#296546;font-size:12px;text-align:center}.typing{color:#717780;font-size:12px;padding:9px 4px;display:flex;gap:10px}.typing span{letter-spacing:3px}.study-footer{border-top:1px solid #d9dce3;background:#fff;padding:14px 30px;font-size:12px}.study-strip{display:flex;align-items:center;gap:20px;max-width:1448px;margin:auto;flex-wrap:wrap}.study-strip>span:first-child{flex:1}.study-strip strong{font-size:10px;letter-spacing:1px;margin-right:7px}.study-strip .health{font-size:11px}.dot.offline{color:#a56d1e}.test-controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px;border-top:1px solid var(--line);padding:20px 0 10px;margin:14px auto 0;max-width:1448px}.test-controls label{display:flex;align-items:center;gap:7px}.test-controls select{border:1px solid var(--line);border-radius:6px;font-size:12px;padding:9px}.test-controls p{flex-basis:100%;font-size:12px;line-height:1.65}.study-links{display:flex;flex-direction:column;gap:18px;margin:24px 0}.study-links>div{border:1px solid var(--line);padding:16px;border-radius:9px}.study-links a{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.6;margin:8px 0 12px}.note{font-size:13px}.note small{font-size:11px}#toast{font-size:13px;line-height:1.5}.phone-body .notice{margin:4px 0}.phone-body .notice .btn{white-space:normal}.phone-body .notice p{margin:8px 0}.receipt-section.tip-section{display:block}
@media(max-width:1100px){.main{padding:24px 20px}.feedback-layout{grid-template-columns:minmax(310px,.85fr) minmax(410px,1.15fr);gap:16px}.nav button{font-size:12px;padding:0 12px}.case-meta{padding:16px}.case-head,.composer{padding:20px}.conversation{padding:18px}.stat{padding:16px}}
@media(max-width:900px){.feedback-layout{grid-template-columns:1fr}.inbox-list{max-height:360px}.guest-layout{grid-template-columns:360px 1fr;gap:24px}.guest-layout .phone{width:350px}.case-progress{font-size:12px}.stats{gap:10px}.stat .annotation{font-size:11px}.study-strip{gap:12px}.study-strip>span:first-child{flex-basis:100%}}
@media(max-width:670px){.main{padding:22px 14px 30px}.page-head{flex-wrap:wrap;gap:16px}.page-head h1{font-size:29px}.page-head p{font-size:13px;max-width:none}.page-head .btn{font-size:12px}.page-head .flex{justify-content:flex-start}.stat{padding:14px}.stat .label,.stat .annotation{font-size:11px}.nav button{font-size:11px}.client-card h3{font-size:13px}.client-card-main{padding:13px}.client-card-footer{padding:9px;font-size:10px}.client-card-footer button{font-size:11px}.queue-columns{grid-template-columns:1fr}.client-card-top .avatar{display:grid}.queue-list{display:grid;grid-template-columns:1fr 1fr}.queue-heading{margin-top:16px}.guest-layout{display:flex;gap:16px}.guest-context{padding:0;width:100%}.guest-context h2{font-size:23px}.guest-layout>div{width:100%}.guest-layout .phone{width:min(374px,100%);min-height:600px}.guest-layout .phone-body{min-height:330px;max-height:460px}.guest-guide{display:none}.guest-context .pill{display:none}.case-head h2{font-size:21px}.case-quote{padding:18px;font-size:14px}.case-actions .btn{font-size:11px}.composer{padding:18px}.study-footer{padding:14px}.study-strip .muted{display:block;font-size:11px;margin-top:5px}.test-controls label{flex-basis:100%;justify-content:space-between}.test-controls select{min-width:180px}.table{font-size:12px}.table th{font-size:10px}.header .store .small{font-size:10px}}
@media(max-width:380px){.queue-list{grid-template-columns:1fr}.subtabs{gap:14px;padding:0 15px}.subtabs button{font-size:11px}.case-meta{gap:8px}.case-meta strong{font-size:12px}}
.brand{background:#202329;padding:12px 16px;border-radius:8px;width:171px;height:60px;object-fit:contain}
@media(max-width:900px){.brand{width:145px;height:55px;padding:11px 14px}}
@media(max-width:670px){.brand{width:115px;height:48px;padding:9px 10px}.store{padding-left:12px}.header{gap:10px}}

/* Focused study: one workspace per role, with a clear completion state. */
.three-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.permission{color:var(--green);font-size:12px;margin:0 0 14px;display:flex;gap:7px;align-items:center}
.composer-hint{margin-top:12px;line-height:1.6}
.internal-notes{padding:18px 24px;border-top:1px solid var(--line)}
.internal-notes summary{cursor:pointer;font-size:13px;font-weight:600}
.internal-notes .btn{margin-top:14px}
.completion{padding:16px;border-radius:8px;background:#edf7f0;color:#296546}
.completion p{font-size:13px;line-height:1.65;margin-top:8px}
.text-preview{background:#f1f3f6;padding:20px;border-radius:12px;line-height:1.8;margin:20px 0}
.product-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.product-option p{margin-top:6px}
.guest-guide p{line-height:1.7}
@media(max-width:670px){.three-stats{grid-template-columns:1fr}.three-stats .stat{min-height:84px}.guest-guide{display:block;margin-top:18px}.guest-layout{flex-direction:column}.guest-context{padding-top:8px}.guest-context>p{margin-top:8px}.header .user-avatar{display:none}.user-name{font-size:12px}.receipt{order:-1}.workspace{display:flex;flex-direction:column}.workspace>*,.receipt{width:100%}}