:root{--ink:#283743;--muted:#7c8589;--bg:#f5f5f2;--line:#e5e7e3;--nav:#202e3a;--accent:#ce7847;--green:#28764e;--orange:#a76b25;--red:#ad4b4b;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{border:1px solid #dce1dd;background:white;border-radius:8px;padding:10px 14px;font-weight:550;cursor:pointer;min-height:40px}button:hover{background:#f2f4f0;border-color:#bac7c0}button.primary{background:var(--nav);border-color:var(--nav);color:white}button.primary:hover{background:#354855}button.accent{background:#f3e8df;color:#a46037;border-color:#ead6c5}button.danger{color:var(--red)}button:disabled{opacity:.5;cursor:wait}button.link{border:0;color:#81705c;background:transparent;padding:6px 0;text-decoration:underline;min-height:32px}input,select,textarea{width:100%;border:1px solid #d9dfd9;background:white;border-radius:8px;padding:11px;min-height:42px}input[type=checkbox]{width:18px;min-height:18px;height:18px;accent-color:#3e665b}textarea{min-height:85px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #c7d6d1;outline-offset:1px}label{display:grid;gap:7px;font-size:12px;font-weight:500;margin:14px 0;color:#69767a}h1,h2,h3,p{margin:0}h1{font-size:29px;line-height:1.25;letter-spacing:-.9px;font-weight:660}h2{font-size:17px;font-weight:650;letter-spacing:-.3px}h3{font-size:14px}p{line-height:1.65}small,.muted{font-size:12px;color:var(--muted)}strong{font-weight:650}a{color:#466d62}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}aside{position:sticky;top:0;height:100vh;background:var(--nav);color:#b8c4ca;padding:30px 16px;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;font-size:28px;letter-spacing:-1.2px;font-weight:750;color:white;margin:0 15px 7px}.brand-mark{font-size:25px;color:#e3aa7d}.brand-caption{font-size:9px;text-transform:uppercase;letter-spacing:2px;margin:0 15px 34px;color:#91a1ac}.nav-title{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin:18px 15px 12px;color:#7f929d}nav{display:grid;gap:4px}nav button{border:0;background:transparent;color:#b7c4cc;text-align:left;font-weight:450;padding:12px 14px;display:flex;align-items:center;gap:12px;font-size:13px;min-height:44px}nav button.active{background:#3d4b54;color:white}nav button:hover{background:#34434f}.icon{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nav-count{margin-left:auto;font-size:10px;padding:3px 6px;background:#59646a;border-radius:5px}.aside-footer{margin-top:auto;padding:24px 14px 0;font-size:11px;color:#94a6b0;line-height:1.9}.aside-footer strong{color:#d9e1e4}.mini-status{display:inline-block;width:6px;height:6px;background:#a5be9f;border-radius:50%;margin-right:5px}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:10px}.breadcrumb{color:#929a9c;font-size:12px}.breadcrumb b{color:#56666f;font-weight:500;margin-left:8px}.top-actions{display:flex;gap:12px;align-items:center}.top-actions button{display:flex;align-items:center;gap:7px}.avatar{width:30px;height:30px;border-radius:50%;background:#edf0e9;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#66786b}.user-button{font-size:12px;border:0;padding:0 6px}.notification-button{position:relative;border:0}.notification-count{background:#d48552;color:white;font-size:9px;border-radius:9px;min-width:16px;padding:2px 4px}.mobile-menu{display:none}.content{padding:32px 34px 50px;max-width:1750px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;color:#a38d7b;letter-spacing:2px;font-weight:650;margin-bottom:9px}.heading p{color:var(--muted);font-size:13px;margin-top:9px}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.stats.five{grid-template-columns:repeat(5,minmax(0,1fr))}.stat{border:1px solid var(--line);border-radius:12px;background:white;padding:20px;position:relative;text-align:left}.stat-label{color:#75818a;font-size:12px;display:flex;justify-content:space-between;align-items:center}.stat-value{font-size:28px;letter-spacing:-.7px;font-weight:650;line-height:1.4;margin:10px 0 4px}.stat-hint{font-size:11px;color:#929b98}.stat.sage{background:#eaf0e8;border-color:#dde5d9}.stat.sage .stat-value{color:#46614b}.stat.orange .stat-value{color:#ad733f}.stat .icon{color:#9ba69e}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:20px;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-header p{margin-top:5px;color:var(--muted);font-size:12px}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:14px}.toolbar input.search{flex:1;min-width:210px;max-width:360px}.toolbar select{width:auto;max-width:210px;font-size:12px}.toolbar .date-input{width:155px}.toolbar .small-label{margin:0;display:flex;gap:8px;align-items:center}.filter-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:14px 0}.pill{border-radius:20px;padding:8px 13px;font-size:11px;min-height:35px;background:#f8f9f6}.pill.active{color:#4f6c5f;background:#e9eee5;border-color:#cedbc9}.chips{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:14px 0;color:#7a8782;font-size:11px}.chip{padding:5px 9px;border-radius:5px;background:#f0f2ec}.chip button{border:0;min-height:20px;padding:0 3px;background:none}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f7f8f4;color:#8a9592;font-size:9px;text-transform:uppercase;letter-spacing:.7px;font-weight:600;padding:14px 11px;border-bottom:1px solid var(--line)}td{padding:17px 11px;font-size:11px;border-bottom:1px solid #eef0eb;vertical-align:top;line-height:1.6}td small{font-size:10px}.customer-name{font-size:13px;font-weight:650;margin-bottom:3px}.company{color:#89948f;font-size:11px;margin-bottom:3px}.customer-phone{color:#7b8b84;font-size:11px}tr.sold{background:#eef7ee}tr.lost{background:#fdf0ee}tr.group td{padding:10px 12px;background:#f5f6f1;font-weight:650;font-size:11px;color:#697c6c}.badge{font-size:9px;font-weight:650;padding:4px 7px;border-radius:4px;background:#eff1ec;color:#748075;display:inline-block;white-space:nowrap;line-height:1.3}.badge.green{background:#dceddd;color:#39754b}.badge.red{background:#f6ddda;color:#a55450}.badge.orange{background:#f8e9d6;color:#a57234}.badge.blue{background:#e8eef2;color:#5c7a8c}.badge.high{background:#f4e9dd;color:#a77b45}.badges{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.priority-dot{width:5px;height:5px;display:inline-block;border-radius:100%;background:#d5a167;margin-right:5px}.action-buttons{display:flex;align-items:center;gap:5px}.action-buttons button{font-size:11px;padding:8px;min-height:36px}.last-note{max-width:190px;overflow:hidden;text-overflow:ellipsis;color:#8b9691}.warning-text{color:#b77c3d}.danger-text{color:#ac5a54}.table-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#98a099;padding-top:16px;gap:12px}.legend{display:flex;gap:14px;flex-wrap:wrap}.legend span:before{content:'●';font-size:8px;margin-right:5px}.customer-cards{display:none}.empty{text-align:center;padding:44px 20px;color:#86918b}.empty h3{color:#65776c;font-size:15px;margin-bottom:8px}.empty p{font-size:12px;margin-bottom:14px}.notice{background:#fbf4e9;border:1px solid #eddcc2;border-radius:8px;padding:13px 15px;font-size:12px;color:#a27a45;line-height:1.7;margin-bottom:18px}.notice.error{background:#fdf0ed;border-color:#f3d4ce;color:#ac5d51}.notice.info{background:#f0f4f5;border-color:#dae3e7;color:#6c828b}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.grid2.equal{grid-template-columns:1fr 1fr}.list-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid #edf0e9}.list-item:last-child{border:0}.list-item h3{font-size:12px;margin-bottom:4px}.list-item p{font-size:11px;color:#859085}.list-item button{font-size:11px;padding:8px 10px}.aging{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.aging button{background:#f5f7f1;padding:16px 10px;text-align:left;border:0}.aging strong{display:block;font-size:23px;margin:5px 0}.aging span,.aging small{font-size:10px}.section-caption{font-size:11px;color:#8a968d;line-height:1.8;margin-top:16px}.bar-title{display:flex;justify-content:space-between;gap:12px;font-size:11px}.bar{background:#f0f3ec;height:7px;border-radius:6px;margin:8px 0 17px;overflow:hidden}.bar span{display:block;height:100%;background:#8da991;border-radius:6px}.funnel-rate{font-size:10px;color:#99a196}.work-rank{font-size:10px;color:#ae8059;background:#f9f0e4;padding:7px 10px;border-radius:5px;margin-bottom:10px}.work-card,.customer-card{border:1px solid var(--line);border-radius:9px;padding:17px;margin-bottom:12px;background:white}.customer-card.sold{background:#eef7ee}.customer-card.lost{background:#fdf0ee}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.card-data{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;margin:16px 0}.card-data small{display:block;font-size:10px;margin-bottom:4px}.card-last{font-size:11px;padding:10px 0;border-top:1px solid #e7eae1;color:#7e8c81}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-intro{background:var(--nav);padding:8vw;color:#c3cbd0;display:flex;flex-direction:column;justify-content:center}.login-intro .brand{margin:0 0 50px;font-size:36px}.login-intro h1{font-size:40px;color:white;max-width:420px;line-height:1.3;letter-spacing:-1px}.login-intro p{margin-top:20px;max-width:370px;font-size:14px;color:#a5b4bc}.intro-foot{margin-top:60px;font-size:11px;letter-spacing:1px}.login-form{align-self:center;padding:50px;max-width:480px;width:100%;margin:auto}.login-form h1{font-size:25px}.login-form p{margin:12px 0 22px;font-size:12px;color:#87918a}.login-form button[type=submit]{width:100%;margin-top:8px}.demo-box{font-size:11px;color:#849189;line-height:1.9;background:#ecefe8;padding:14px;border-radius:8px;margin-top:24px}.error{color:#b2584e;font-size:12px;line-height:1.7;margin-top:10px;white-space:pre-wrap}.loading{text-align:center;margin:20vh auto;color:#7d8b81}dialog{border:0;background:#fff;border-radius:14px;padding:26px;width:min(670px,calc(100% - 26px));max-height:90vh;box-shadow:0 30px 100px #182e3440}dialog::backdrop{background:#172c3a70}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.dialog-header button{font-size:21px;padding:2px 10px;border:0;min-height:36px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.checkbox-label{display:flex;align-items:center;gap:10px}.help{font-size:11px;color:#929c93;line-height:1.7}.quick-dates{display:flex;gap:5px;flex-wrap:wrap}.quick-dates button{font-size:10px;padding:6px 9px;min-height:30px;background:#f5f7f1}.timeline{margin-top:12px;border-left:1px solid #dfe5dc;padding-left:18px;max-height:380px;overflow:auto}.timeline-item{position:relative;padding:0 0 20px}.timeline-item:before{content:'';width:7px;height:7px;background:#b4c2ae;position:absolute;left:-22px;top:7px;border-radius:50%}.timeline-item h3{font-size:12px;margin-bottom:4px}.timeline-item p{font-size:12px;color:#7a8a7e}.timeline-item small{font-size:10px}.detail-section{margin:18px 0}.detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.detail-actions button{font-size:12px}.duplicates{background:#fdf5e9;padding:14px;border-radius:8px;margin:10px 0;font-size:12px}.audience{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.account-menu{display:grid;gap:10px}.task{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line)}.task .task-body{flex:1}.task h3{margin-bottom:5px}.task p{font-size:12px;color:#839182}.task.completed h3{text-decoration:line-through;opacity:.55}.task input{margin-top:3px}.task .badge{margin-bottom:5px}.reminder{border-left:3px solid #b4bfae;padding:15px 18px;background:#f7f8f3;border-radius:6px;margin-bottom:12px}.reminder.high{border-left-color:#d6a26e;background:#fcf6ec}.reminder.critical{border-left-color:#c67969;background:#fbefeb}.reminder h3{margin-bottom:7px}.reminder p{font-size:12px;color:#7f8b7e;margin-bottom:7px}#toast{display:none;position:fixed;bottom:25px;right:25px;max-width:calc(100% - 30px);padding:15px 22px;border-radius:10px;color:white;background:#314b41;z-index:20;font-size:13px;box-shadow:0 5px 20px #10292020}.admin-tabs{display:flex;gap:10px;margin-bottom:20px}.admin-tabs button.active{background:#e7ece3;border-color:#cdd8c7}.report-detail{margin-top:18px}.report-detail summary{cursor:pointer;font-size:12px;padding:10px 0;color:#7e8d81}.summary-quote{padding:14px 16px;background:#f3f6ed;border-radius:7px;font-size:12px;line-height:1.8;margin-bottom:8px}.mobile-only{display:none}.hidden{display:none!important}[hidden]{display:none!important}.money{font-variant-numeric:tabular-nums}
@media(min-width:1650px){.content{padding:38px 48px}.topbar{padding:0 48px}}
@media(max-width:1200px){.shell{grid-template-columns:195px minmax(0,1fr)}.content{padding:26px 24px}.topbar{padding:0 24px}.stats.five{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr 1fr}.stats{gap:10px}.stat{padding:17px}.stat-value{font-size:24px}.table-desktop{display:none}.customer-cards{display:block;display:grid;grid-template-columns:1fr 1fr;gap:12px}.customer-card{margin:0}.customer-cards .group-title{grid-column:1/-1;padding:12px 0;font-size:12px;color:#6e7d70;font-weight:600}.customer-cards .empty{grid-column:1/-1}}
@media(max-width:900px){.shell{grid-template-columns:1fr}aside{display:none}.mobile-menu{display:block;position:relative}.mobile-menu>summary{list-style:none;cursor:pointer;padding:10px;border:1px solid #e0e5dd;border-radius:8px;min-width:40px}.mobile-menu[open] nav{position:absolute;left:-10px;top:48px;width:250px;background:var(--nav);padding:16px;border-radius:10px;z-index:12;box-shadow:0 12px 50px #162b3530}.mobile-menu nav button{width:100%}.topbar{height:64px;position:sticky;top:0;z-index:10;padding:0 16px}.breadcrumb{margin-right:auto}.breadcrumb>span{display:none}.content{padding:24px 20px}.mobile-only{display:block}.top-actions{gap:5px}.heading{gap:15px}.stats.five{grid-template-columns:repeat(3,1fr)}.login-intro{padding:6vw}.login-intro h1{font-size:31px}.login-form{padding:35px}.desktop-account-name{display:none}}
@media(max-width:600px){h1{font-size:25px}.heading{align-items:flex-start;margin-bottom:22px}.heading p{font-size:12px}.heading-actions{flex-direction:column;gap:7px}.heading-actions button{font-size:11px;white-space:nowrap;padding:10px}.eyebrow{font-size:9px;letter-spacing:1.4px}.content{padding:22px 14px}.top-actions .date-label{display:none}.top-actions{gap:2px}.stats,.stats.five{grid-template-columns:1fr 1fr}.stat{padding:15px}.stat-value{font-size:25px}.stat-label{font-size:11px}.stat-hint{font-size:10px}.panel{padding:17px;margin-bottom:16px}.customer-cards{grid-template-columns:1fr}.grid2,.grid2.equal{grid-template-columns:1fr;gap:0}.toolbar{gap:8px}.toolbar input.search{min-width:100%;max-width:none}.toolbar select{flex:1;max-width:none;min-width:120px}.toolbar .date-input{flex:1;min-width:130px}.toolbar .small-label{font-size:11px}.filter-row{gap:6px}.pill{font-size:10px;padding:8px 11px}.chips{margin-top:12px}.table-footer{display:block}.table-footer>span{display:block;margin-top:10px}.form-grid{grid-template-columns:1fr}.form-grid label{margin:10px 0}.form-actions{position:sticky;bottom:-26px;background:white;padding-bottom:14px}.form-actions button{flex:1}dialog{padding:22px;max-height:92vh}.detail-actions button{flex:1;min-width:110px}.audience{grid-template-columns:1fr}.aging{gap:6px}.aging button{padding:12px 8px}.aging strong{font-size:20px}.aging span{font-size:9px}.login{display:block}.login-intro{padding:30px}.login-intro .brand{font-size:28px;margin:0 0 20px}.login-intro h1{font-size:25px;max-width:none}.login-intro p,.intro-foot{display:none}.login-form{padding:30px 25px}.panel-header h2{font-size:16px}.list-item button{min-height:40px}.work-card{padding:15px}.admin-tabs{overflow:auto}.admin-tabs button{white-space:nowrap;font-size:11px}.card-data{gap:12px 9px}.legend{gap:8px;font-size:9px}.report-filters{margin:0 0 20px}.summary-quote{font-size:11px}.notification-button{padding:8px}.task{gap:10px}}
@media(max-width:600px){.action-buttons button{min-width:44px;min-height:44px}.pill{min-height:40px}.quick-dates button{min-height:40px}}
/* Focused design workspace; shared screens keep their existing layouts. */
.simple-design-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.design-panel{padding:18px}.design-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.design-filters .search{flex:1;min-width:180px;max-width:300px}.design-filters select{width:auto;max-width:195px;font-size:12px}.design-filters button,.design-extra summary{font-size:12px;white-space:nowrap}.design-filters .selected{background:#edf0e6;border-color:#c5d1bd}.design-extra{position:relative}.design-extra summary{padding:11px 9px;cursor:pointer;color:#6c7b70;min-height:42px}.design-extra-body{position:absolute;right:0;top:42px;z-index:6;width:230px;padding:14px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #18312615}.design-extra-body label{margin-top:0}.simple-design .table-wrap{overflow:visible}.design-table{table-layout:fixed;white-space:normal}.design-table th{font-size:10px;letter-spacing:0;text-transform:none;padding:13px 8px}.design-table td{padding:15px 8px;font-size:12px;overflow-wrap:anywhere;vertical-align:middle}.design-table tr.group td{background:#f4f5f1;font-size:12px;padding:10px 8px}.design-table .badge{white-space:normal;font-size:10px;line-height:1.4}.design-name{background:none;border:0;padding:0;min-height:24px;text-align:left;font-size:13px;color:var(--ink);font-weight:650}.design-name:hover{text-decoration:underline;background:none}.design-phone{display:block;font-size:11px;color:#859088;margin-top:3px}.design-written{margin:5px 0 0 5px;background:#edf1ea;display:inline-block}.design-follow small{display:block;font-size:11px;margin-top:3px}.today-text{color:#8e7b32}.design-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.design-actions>button,.design-more summary{padding:8px 9px;font-size:11px;min-height:36px;white-space:nowrap}.design-more{position:relative;display:inline-block}.design-more summary{cursor:pointer;list-style:none;border:1px solid #dce1dd;border-radius:7px;background:white}.design-more summary::-webkit-details-marker{display:none}.design-menu{position:absolute;right:0;top:calc(100% + 5px);min-width:205px;z-index:7;background:white;border:1px solid var(--line);box-shadow:0 7px 24px #182f371c;border-radius:8px;padding:6px}.design-menu button{display:block;width:100%;text-align:left;border:0;font-size:12px;min-height:40px}.simple-design .design-late{background:#fff4e9}.simple-design .design-today{background:#fffbea}.simple-design .sold{background:#eef7ee}.simple-design .lost{background:#fdf0ee}.design-count{font-size:11px;color:#919b92;margin-top:15px}.design-card-follow{border-top:1px solid #e6e9df;padding:12px 0 16px}.design-card-follow>small{font-size:10px;color:#859088;display:block;margin-bottom:4px}.design-date-choice{max-width:200px}.design-date-range{display:flex;gap:12px;max-width:400px}.design-date-range label{flex:1}.design-filter-help{margin-bottom:15px}.simple-design .group-title{font-size:13px;margin:2px 0 0}.simple-design .customer-card .badge{font-size:10px}.simple-design .customer-card .design-actions{display:grid;grid-template-columns:1fr 1fr}.simple-design .customer-card .design-actions>button,.simple-design .customer-card .design-more summary{min-height:44px;font-size:12px;text-align:center}.simple-design .customer-card .design-more{width:100%}.simple-design .customer-card .design-menu{text-align:left}.simple-design .customer-card .card-data{margin:16px 0 12px}.simple-design .customer-card .card-head>.badge{max-width:130px}.simple-design .customer-card .design-reminder{order:3}.simple-design .customer-card .design-more{order:4}
@media(max-width:1200px){.design-filters .search{max-width:none}.design-filters select{flex:1}.design-panel .customer-cards{gap:14px}.simple-design .design-extra{margin-left:auto}}
@media(max-width:600px){.simple-design-heading{align-items:center;gap:12px}.simple-design-heading h1{font-size:23px}.simple-design-heading .primary{font-size:11px;padding:10px;min-height:44px}.design-panel{padding:14px}.design-filters .search{min-width:100%}.design-filters select{min-width:120px;max-width:none}.design-filters>button{flex:1;min-height:44px}.design-filters .design-extra{flex:1}.design-extra summary{text-align:center}.design-extra-body{width:220px}.design-panel .chips{font-size:10px}.design-panel .customer-card{padding:15px}.design-name{min-height:30px}.design-table{width:100%}}
dialog.compact{width:min(460px,calc(100% - 26px))}
dialog .design-more[open]{width:100%;flex-basis:100%}dialog .design-menu{position:static;min-width:0;margin-top:6px;box-shadow:none}
/* Rota 2 — strong surfaces, consistent signals, compact working screens. */
:root{--ink:#142334;--muted:#64748b;--bg:#eef2f7;--line:#dbe2ec;--nav:#10213b;--accent:#2563eb;--green:#15803d;--orange:#c45a13;--red:#c1323c;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background:var(--bg)}aside{background:#10213b;border-right:1px solid #203553}.brand-mark{color:#8baeff}.brand-caption{color:#9bacc5}.brand{font-weight:800}.topbar{background:#fff;box-shadow:0 1px 5px #14274608}.content{padding-top:28px}nav button.active{background:#2563eb;box-shadow:0 3px 12px #060f2925}nav button{color:#b8c8df;font-weight:500}nav button:hover{background:#223c60}.eyebrow,.heading>div>p{display:none}.heading{margin-bottom:22px}.heading h1,h1{font-size:28px;font-weight:750;letter-spacing:-.8px}.workspace-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.workspace-title>span{color:#64748b;font-size:12px}button{border-radius:8px;font-weight:600;transition:background .12s}button.primary{background:#2563eb;border-color:#2563eb;box-shadow:0 2px 5px #2563eb20}button.primary:hover{background:#1d4ed8}button.accent{color:#176040;background:#e4f2ea;border-color:#bedacb}.panel{border-radius:13px;box-shadow:0 2px 8px #182a4010;border-color:#dbe3ef}.stat{border-radius:12px;box-shadow:0 3px 10px #1b355810;border-top:3px solid #5a82c7}.stat .stat-value{font-weight:750;color:#10213b}.stat-label{color:#4d607b}.stat.sage{background:#fff;border-top-color:#16a34a}.stat.orange{background:#fff;border-top-color:#f97316}.stat.purple{background:#fff;border-top-color:#7c3aed}.stat.purple .stat-value{color:#6d28d9}.stat.sage .stat-value{color:#15803d}.stat.orange .stat-value{color:#c45a13}.stat .icon{color:#4e75b1}.dashboard-tiles .stat{min-height:145px}.workflow-strip{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px;background:#e3eaf5;border:1px solid #d0dced;border-radius:10px;margin:0 0 22px;font-size:12px;font-weight:600;color:#345078}.workflow-strip b{color:#7896c2}.finance-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 0}.finance-summary>div{background:#f1f5fa;border:1px solid #e2e8f0;border-radius:9px;padding:14px}.finance-summary small{display:block;font-size:11px;color:#607089;margin-bottom:8px}.finance-summary strong{font-size:20px;font-weight:750}.finance-band{display:flex;justify-content:space-between;background:#10213b;color:#c9d7eb;padding:18px 24px;border-radius:10px;margin-bottom:20px;font-size:12px}.finance-band strong{color:#fff;font-size:18px;margin-left:14px}.badge{background:#e9eef5;color:#4b5f78}.badge.green{color:#11723b;background:#d8f1e2}.badge.orange{background:#ffeadb;color:#b85311}.badge.blue{background:#fef3c7;color:#946000}.badge.red{background:#fde3e6;color:#b52b40}.potential-badge{background:#eee5ff;color:#702bbf;border:1px solid #dac4fa;font-size:9px;margin-left:4px}.priority-alert{background:#f1eaff;border:1px solid #d9c4fb;color:#6a2faa;display:flex;justify-content:space-between;align-items:center;gap:12px}.design-table th{background:#eaf0f8;color:#46607e;font-weight:700}.design-table td{border-bottom-color:#dfe6ef}.simple-design .design-late{background:#fff0e4}.simple-design .design-today{background:#fff9df}.simple-design .sold{background:#e5f5eb}.simple-design .lost{background:#fdecef}.design-menu{box-shadow:0 8px 28px #13253f20}.design-name{color:#173252}.design-filters .selected{background:#dbeafe;color:#1d4ed8;border-color:#93b6f8}.design-phone{color:#64748b}.simple-design .group-title,.design-table tr.group td{color:#46607e;background:#eaf0f7}.design-table tr.group td{border-left:3px solid #759ad4}.today-text{color:#93640c}.warning-text{color:#ba5618}.inline-info{padding:9px 12px;border-left:3px solid #3b82f6;background:#eff6ff;color:#3e5f88;font-size:12px;margin:6px 0 14px}.potential-item{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:19px 15px;border-left:3px solid #8b5cf6;border-bottom:1px solid #e4eaf3;background:#faf8ff;margin-bottom:10px;border-radius:7px}.potential-item p{font-size:12px;color:#5b6378;margin:5px 0}.potential-item.overdue{background:#fff2e9;border-left-color:#ed7a30}.customer-promise{font-style:italic}.order-line{display:grid;grid-template-columns:minmax(0,1fr) 90px 36px;gap:10px;align-items:center}.order-line label{margin:9px 0}.remove-line{height:40px;align-self:end;margin-bottom:10px;padding:5px;font-size:20px;color:#b44450}.form-customer{color:#5c6d85;font-size:13px;margin-bottom:12px}.conversation-fields{border:1px solid #dce5f1;background:#f5f8fc;padding:12px;border-radius:8px;margin:14px 0}.conversation-fields>summary{font-size:12px;color:#345b8c;cursor:pointer;font-weight:650}.promise-banner{padding:14px;border-radius:8px;background:#eef0ff;border-left:3px solid #7874d9;font-size:12px;line-height:1.8;color:#45417c;margin:12px 0}.promise-banner small{display:block}.promise-banner strong{display:block}.customer-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(550px,100%);height:100dvh;max-height:100dvh;border-radius:0;padding:0;border-left:1px solid #d5dfed;box-shadow:-10px 0 50px #152a4030;overflow-y:auto}.customer-drawer::backdrop{background:#0c1f3c60}.drawer-heading{padding:24px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:#10213b;color:white}.drawer-heading small{color:#9db6dc;font-size:11px}.drawer-heading h2{font-size:23px;margin:9px 0}.drawer-heading p{color:#bbcee8;font-size:12px}.drawer-heading button{background:#233b5d;border:0;color:white;font-size:22px;min-width:40px}.drawer-body{padding:24px}.drawer-status{display:flex;gap:7px;align-items:center}.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;font-size:13px}.drawer-grid small,.drawer-note small{display:block;font-size:10px;color:#73849a;margin-bottom:5px}.drawer-note{font-size:12px;line-height:1.8;color:#536a83;margin:18px 0}.drawer-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.drawer-buttons button{font-size:12px}.drawer-buttons .design-more[open]{width:100%;flex-basis:100%}.timeline{max-height:none}.timeline-item.voided{opacity:.55}.timeline-item.voided h3{text-decoration:line-through}.potential-note{border-left:3px solid #8b5cf6;padding:10px;font-size:12px;background:#f5efff;color:#693ab0}.team-reminder{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #e1e7f0}.team-reminder h3{font-size:14px;margin-bottom:8px}.team-reminder p{font-size:12px;color:#5b6e87;margin:5px 0}.team-reminder.completed{opacity:.65}.team-reminder.overdue{border-left:3px solid #f08a41;padding-left:14px}.reminder-actions{display:flex;flex-direction:column;gap:7px;align-items:flex-end;flex-shrink:0}.reminder-actions button{font-size:11px;min-height:36px}.team-reminder small{font-size:11px;line-height:1.8}.admin-tabs{flex-wrap:wrap}.button-download{padding:10px 12px;border:1px solid #ccdaed;border-radius:7px;font-size:12px;text-decoration:none;background:#edf3fc;color:#315b91}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#toast{background:#163559;padding:14px 18px}#toast button{margin-left:12px;color:white;background:#315d8c;border:0;min-height:36px;font-size:12px}.section-caption{color:#718096}h2{color:#1a3454;font-weight:700}
@media(max-width:900px){.customer-drawer{width:min(550px,100%)}.workflow-strip{gap:12px}.finance-band{gap:14px;flex-wrap:wrap}}
@media(max-width:600px){.workspace-title h1{font-size:24px}.workspace-title>span{display:none}.dashboard-tiles .stat{min-height:125px}.finance-summary{gap:9px}.finance-summary>div{padding:12px}.finance-summary strong{font-size:17px}.workflow-strip{gap:9px;padding:14px 7px;font-size:10px}.workflow-strip b{font-size:11px}.priority-alert{display:block}.potential-item{display:block;padding:14px}.potential-item>.action-buttons,.potential-item>div:last-child{margin-top:12px}.drawer-heading,.drawer-body{padding:20px}.order-line{grid-template-columns:minmax(0,1fr) 65px 32px;gap:7px}.team-reminder{gap:12px}.team-reminder h3{font-size:13px}.reminder-actions{max-width:100px}.reminder-actions button{min-height:42px;font-size:11px}.simple-design-heading h1{font-size:22px}.design-filters select{min-width:130px}.finance-band{padding:15px}.finance-band strong{font-size:16px}.admin-tabs{flex-wrap:nowrap}.customer-drawer .design-more summary{min-height:42px}.simple-design .badge{font-size:10px}.potential-badge{margin:4px 0}.order-line select{padding:10px 6px;font-size:12px}}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;color:#64748b;font-size:12px}.pagination>div{display:flex;gap:8px}.pagination button{font-size:12px}

/* Simple, colorful daily workspace. */
:root{--bg:#f2f5fc;--line:#dbe3f1;--muted:#5b6c84}
.workspace-brand{margin:0 8px 24px;gap:10px;flex-direction:column;align-items:flex-start;letter-spacing:0;font-size:19px;line-height:1.4;overflow-wrap:anywhere}
.company-logo{display:block;width:100%;max-width:174px;height:66px;object-fit:contain;object-position:left center;background:#fff;padding:8px;border-radius:10px}
aside{background:linear-gradient(165deg,#142b50,#172244 72%)}
nav button.active{background:#3865ee;border-left:3px solid #a6c2ff;padding-left:11px}
nav button[data-nav="potential"] .icon{color:#c4a4ff}nav button[data-nav="sales"] .icon{color:#79e6b0}nav button[data-nav="returns"] .icon{color:#ffbd85}nav button[data-nav="design"] .icon{color:#98c7ff}nav button[data-nav="calls"] .icon{color:#82e3e5}
.aside-footer{padding-top:20px}.breadcrumb>span{display:none}.breadcrumb b{margin-left:0;font-weight:650}
.simple-design-heading h1{font-size:27px}.simple-design-heading{margin-bottom:20px}
.design-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.overview-tile{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 17px;border-radius:13px;border:1px solid transparent;text-align:left;min-height:84px;box-shadow:0 3px 8px #24385708}
.overview-tile span{font-size:12px;font-weight:700}.overview-tile strong{font-size:29px;font-weight:800;line-height:1}
.overview-blue{background:#e5eeff;color:#1d48ad;border-color:#c1d4ff}.overview-amber{background:#fff1cb;color:#855300;border-color:#f4d789}.overview-red{background:#ffe6e9;color:#b02340;border-color:#f5bdc7}.overview-green{background:#dff6e9;color:#146741;border-color:#a5dfbd}
.overview-tile:hover{filter:brightness(.97)}.overview-tile.is-current{outline:2px solid currentColor;outline-offset:2px}
.design-panel{padding:22px}.design-main-filters{gap:10px;margin-bottom:20px}.design-main-filters .search{flex:1;max-width:none;min-width:180px}.design-main-filters>select{min-width:185px;max-width:230px}.design-main-filters .design-extra{margin-left:0}.design-extra>summary{min-height:44px;background:#f2f5fc;color:#334b73;border:1px solid #d1ddf1;padding:12px 16px;border-radius:8px;font-size:12px;cursor:pointer}.design-extra-body{z-index:20;min-width:260px;max-width:calc(100vw - 36px);background:#fff;padding:16px;border:1px solid #d6e1f2;box-shadow:0 12px 30px #23375825;border-radius:12px}.design-extra-body label{margin:8px 0 14px}.design-extra-body select{width:100%;max-width:none}
.design-table{min-width:800px;table-layout:fixed;white-space:normal}.design-table th{font-size:10px;color:#415473;padding:14px 12px;background:#edf2fd;letter-spacing:0;text-transform:none}.design-table td{padding:20px 12px;vertical-align:middle}.design-table tbody tr{background:#fff}.design-table tbody tr:nth-child(even){background:#fafbff}.design-table tbody tr:hover{background:#f0f5ff}.design-table tbody tr>td:first-child{border-left:4px solid #b9cbf4}.design-table tbody tr.design-late>td:first-child{border-left-color:#ed657b}.design-table tbody tr.design-today>td:first-child{border-left-color:#e6a923}.design-table tbody tr.sold>td:first-child{border-left-color:#28ae76}.design-table tbody tr.lost>td:first-child{border-left-color:#a4adbf}
.design-name{font-size:14px;color:#152f56;font-weight:750;white-space:normal;text-align:left;overflow-wrap:anywhere}.design-phone,.design-meta{display:block;font-size:11px;line-height:1.7;color:#5b6c84}.design-meta{margin-top:5px}.contact-badges{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.call-badge{display:inline-flex;gap:7px;align-items:center;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:750;line-height:1.3;white-space:nowrap;border:1px solid transparent;vertical-align:middle}.call-badge .icon{width:13px;height:13px;flex-shrink:0}.calls-0{background:#edf0f6;color:#536178;border-color:#d9e0ed}.calls-1{background:#ddecff;color:#1b54ab;border-color:#b7d2fa}.calls-2{background:#fff0c5;color:#855000;border-color:#f1d28c}.calls-3{background:#eee1ff;color:#7530ae;border-color:#d8b5fa}.calls-4{background:#ffe3ee;color:#a82b60;border-color:#f4b6d1}
.whatsapp-badge{font-size:10px;font-weight:700;color:#147044;background:#dcf6e6;border:1px solid #b1e4c5;border-radius:6px;padding:5px 8px;white-space:nowrap}
.badge{font-size:10px;border-radius:7px;padding:7px 9px;white-space:normal;line-height:1.45}.badge.state-pending,.badge.status-new,.badge.status-to_call,.badge.status-designed,.badge.status-following,.badge.status-called{color:#2459a7;background:#e2edff}.badge.state-waiting,.badge.status-waiting,.badge.status-whatsapp{color:#7838b0;background:#f0e5ff}.badge.state-later,.badge.status-later{color:#8a5900;background:#fff0c8}.badge.status-unreachable{color:#a44226;background:#ffe7d9}.badge.state-sold,.badge.status-sold{color:#146b43;background:#d9f4e4}.badge.state-lost,.badge.status-lost{color:#a52f49;background:#fde1e8}.badge.potential-badge{background:#f0ddff;color:#7628a5}
.follow-badge{display:inline-block;font-weight:750;font-size:10px;line-height:1.4;padding:5px 8px;border-radius:6px}.follow-late{background:#ffe0e5;color:#ae213c}.follow-today{background:#ffeab4;color:#855100}.follow-planned{background:#ddf3f6;color:#146572}.follow-missing{background:#f1e8ff;color:#70419a}.follow-done{background:#e5f2ec;color:#32674e}.follow-date{display:block;margin-top:6px;font-size:11px;color:#465978;white-space:nowrap}
.design-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:0}.design-actions>button,.design-more>summary{font-size:10px;min-height:36px;padding:8px 7px;text-align:center;border-radius:7px;white-space:nowrap}.design-actions>button[data-action="call"]{color:#fff;background:#3265dd;border-color:#3265dd}.design-actions>button.design-reminder{color:#7a3daf;background:#f0e5ff;border-color:#dbc5f5}.design-actions>button.accent{color:#fff;background:#198858;border-color:#198858}.design-more>summary{background:#f3f5fa;color:#4e607c;border-color:#d9e1ee}.design-menu{min-width:210px;z-index:30}.design-more{width:100%}.design-more[open] .design-menu{right:0}.simple-design .customer-card{border:1px solid #d4e0f5;background:#fff;border-left:4px solid #96b5ee;border-radius:12px;box-shadow:0 3px 12px #18365b08}.simple-design .customer-card.design-late{background:#fff;border-left-color:#ed657b}.simple-design .customer-card.design-today{background:#fff;border-left-color:#e6a923}.simple-design .customer-card.sold{background:#f5fff9;border-left-color:#28ae76}.simple-design .customer-card .contact-badges{flex-direction:row;flex-wrap:wrap;margin:16px 0}.simple-design .customer-card .card-head>.badge{flex-shrink:0;max-width:120px}.design-card-follow{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5eaf4}.design-card-follow .design-follow{text-align:right}.simple-design .customer-card .design-actions{grid-template-columns:1fr 1fr}.simple-design .customer-card .design-reminder,.simple-design .customer-card .design-more{order:initial}.simple-design .customer-card .design-actions>button{font-size:12px}
.stat:nth-child(4n+1){border-top-color:#3f76ef;background:#f7faff}.stat:nth-child(4n+2){border-top-color:#ab6df0;background:#fcf9ff}.stat:nth-child(4n+3){border-top-color:#f3ae39;background:#fffcf3}.stat:nth-child(4n+4){border-top-color:#22a776;background:#f5fff9}.admin-tabs button.active{background:#dfeaff;color:#2456ae;border-color:#a8c5fb}.list-item .actions button{color:#345b96;background:#eef4ff}.clean-login{display:flex;align-items:center;justify-content:center;background:#f2f5fc;min-height:100vh}.clean-login .login-form{background:#fff;border:1px solid #dbe3f1;border-radius:18px;padding:40px;width:min(440px,calc(100% - 32px))}.clean-login h1{font-size:26px}.clean-login p{margin:14px 0 24px}.clean-login .button-download{display:inline-block;background:#3265dd;color:white;border:0;padding:14px 22px}.branding-panel{max-width:620px}.brand-preview{margin:20px 0;background:#f2f5fa;padding:20px;border-radius:10px;max-width:280px}.brand-preview img{max-width:100%;max-height:120px;object-fit:contain}.branding-panel form{max-width:420px}#branding-result{color:#ad2e47;margin-top:12px}
@media(max-width:1200px){.design-panel .table-desktop{display:none}.design-panel .customer-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.design-main-filters .search{min-width:200px}.design-overview{gap:10px}.overview-tile{padding:15px 12px}.overview-tile strong{font-size:25px}}
@media(max-width:750px){.design-panel .customer-cards{grid-template-columns:1fr}.design-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.design-main-filters .search{min-width:100%}.design-main-filters>select{flex:1;max-width:none;min-width:130px}.design-main-filters .design-extra{flex:none}.design-panel{padding:14px}.simple-design-heading h1{font-size:23px}.overview-tile{min-height:74px}.simple-design .customer-card{padding:17px}.simple-design .customer-card .design-actions>button,.simple-design .customer-card .design-more>summary{min-height:44px}.design-extra-body{right:0}.simple-design .design-extra{margin-left:0}.design-main-filters .design-extra summary{padding:13px 14px}.design-overview .overview-tile span{font-size:11px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

.staff-call-report .panel-header{margin-bottom:18px}.call-report-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.call-report-totals>div{border:1px solid transparent;border-radius:10px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.call-report-totals span{font-size:12px;font-weight:650}.call-report-totals strong{font-size:25px;font-weight:800}.count-list{color:#2155ab;background:#e5eeff!important;border-color:#c0d4fa!important}.count-design{color:#7534ac;background:#f0e4ff!important;border-color:#dcc4f7!important}.count-total{color:#146849;background:#dff5e9!important;border-color:#b0e2c8!important}.report-count{display:inline-block;min-width:45px;padding:7px 12px;text-align:center;font-size:14px;font-weight:800;border:1px solid transparent;border-radius:8px}.staff-call-table{min-width:480px;white-space:normal}.staff-call-table th{font-size:11px;letter-spacing:0;text-transform:none;color:#455878}.staff-call-table td{vertical-align:middle;font-size:12px}.staff-call-report .section-caption{margin-top:14px;font-size:11px}.staff-call-table th:nth-child(2){color:#2155ab}.staff-call-table th:nth-child(3){color:#7534ac}.staff-call-table th:nth-child(4){color:#146849}@media(max-width:600px){.call-report-totals{gap:8px}.call-report-totals>div{padding:12px 9px;display:grid;gap:8px}.call-report-totals span{font-size:10px;line-height:1.5}.call-report-totals strong{font-size:24px}.staff-call-report .panel-header{align-items:flex-start}.staff-call-report .panel-header h2{font-size:16px}.staff-call-report .panel-header .muted{text-align:right;max-width:90px;font-size:10px}}

.design-shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px}.design-shortcuts button{display:flex;align-items:center;gap:9px;background:#fff;border-color:#d4def0;color:#435777;font-size:11px;padding:9px 13px}.design-shortcuts button b{background:#e8eef9;border-radius:6px;min-width:22px;padding:3px 6px;font-size:10px;text-align:center}.design-shortcuts button.selected{background:#e8efff;border-color:#8caff1;color:#2451a3}.design-shortcuts button[data-design-shortcut=missing]{color:#8b4a17;border-color:#f0d2b1}.design-shortcuts button[data-design-shortcut=stale]{color:#a33955;border-color:#efc5d0}.customer-brief{margin-top:10px;display:grid;gap:9px;white-space:normal}.customer-brief small{display:block;font-size:9px;color:#64748b;font-weight:650;margin-bottom:2px}.customer-brief p{font-size:11px;line-height:1.6;color:#354d70;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.brief-next{background:#edf4ff;border-left:3px solid #80a9ec;padding:7px 8px;border-radius:5px}.brief-next.brief-empty{background:#f6f7fa;border-left-color:#d3dbe7}.brief-empty p{color:#7c8798}.obstacle-label{display:inline-flex;justify-self:start;max-width:100%;font-size:10px;font-weight:750;padding:5px 8px;border:1px solid transparent;border-radius:6px;line-height:1.4}.obstacle-price{color:#a1461a;background:#ffead9;border-color:#f2ccaa}.obstacle-later{color:#8a610a;background:#fff3ca;border-color:#ecd791}.obstacle-decision{color:#7032a0;background:#f0e1ff;border-color:#d8b9f1}.obstacle-product{color:#205aa4;background:#e0edff;border-color:#b9d2f4}.last-call-label{font-size:10px!important;color:#667991;line-height:1.5;white-space:normal}.last-call-label.stale-call{background:#fff0e4;color:#a8471f;padding:5px 7px;border-radius:6px;font-weight:650}.follow-plan-editor{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding:0 12px 12px;background:#f5f8ff;border:1px solid #dce6f6;border-radius:9px;margin:12px 0}.follow-plan-editor>details{grid-column:1/-1;font-size:11px;color:#5b6b85}.follow-plan-editor summary{cursor:pointer}.quick-dates{display:flex;flex-wrap:wrap;gap:7px}.quick-dates button{background:#f0e7ff;border-color:#dac4f4;color:#7038a7;font-size:11px;min-height:36px;padding:7px 10px}.save-next-button{background:#198654;color:#fff;border-color:#198654;font-size:12px}.save-next-button:hover{background:#126e44;color:#fff;border-color:#126e44}.form-actions{flex-wrap:wrap}.simple-design .customer-card>.customer-brief{grid-template-columns:1fr 1fr;margin:14px 0}.simple-design .customer-card>.customer-brief>.obstacle-label{grid-column:1/-1}.simple-design .customer-card .contact-badges .last-call-label{align-self:center}.staff-sales-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.staff-sales-totals>div{padding:16px;border-radius:10px;background:#eef4ff;border:1px solid #d0def7}.staff-sales-totals>div:nth-child(2){background:#e1f6eb;border-color:#b3e3ca}.staff-sales-totals>div:nth-child(3){background:#f0e8ff;border-color:#ddcdf7}.staff-sales-totals>div:nth-child(4){background:#fff1d6;border-color:#efdbad}.staff-sales-totals span{display:block;font-size:11px;color:#50617b;margin-bottom:10px}.staff-sales-totals strong{font-size:20px;color:#183d56;overflow-wrap:anywhere}.staff-sales-table{min-width:660px}.staff-sales-table th{font-size:11px;text-transform:none;letter-spacing:0}.staff-sales-table td{font-size:12px;vertical-align:middle}.staff-revenue{color:#117344;font-weight:800}.staff-sales-report .section-caption{margin-top:12px;font-size:11px}
@media(max-width:750px){.design-shortcuts{gap:7px}.design-shortcuts button{font-size:10px;flex:1;justify-content:center}.follow-plan-editor{grid-template-columns:1fr}.simple-design .customer-card>.customer-brief{grid-template-columns:1fr}.staff-sales-totals{grid-template-columns:1fr 1fr;gap:9px}.staff-sales-totals>div{padding:13px}.staff-sales-totals strong{font-size:18px}.form-actions .save-next-button{flex:1 0 100%;min-height:44px}.staff-sales-report .panel-header{align-items:flex-start}.staff-sales-report .panel-header .muted{max-width:90px;font-size:10px;text-align:right}}
.shared-task-label{display:inline-block;color:#3862a5;background:#e6efff;border:1px solid #cbdcf6;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:650}.task.completed .shared-task-label{background:#e5f5eb;color:#32734d;border-color:#c2e5cf}
.sample-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.sample-tile{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;padding:17px;border-radius:12px;border:1px solid transparent}.sample-tile span{font-size:12px}.sample-tile strong{font-size:26px;font-weight:800}.sample-tile.selected{outline:2px solid currentColor;outline-offset:2px}.sample-requested{background:#e5eeff!important;color:#2653a4!important;border-color:#c0d3f6!important}.sample-sent{background:#f0e4ff!important;color:#743da4!important;border-color:#d9bff2!important}.sample-converted{background:#def5e8!important;color:#1d7148!important;border-color:#b0e1c4!important}.sample-not_converted{background:#ffe4e9!important;color:#aa3a53!important;border-color:#edbdc8!important}.sample-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sample-card{padding:20px;border:1px solid #d7e1f2;border-radius:12px;background:#fff}.sample-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.sample-card-heading small{display:block;font-size:11px;line-height:1.8}.sample-card-heading>.badge{flex-shrink:0}.sample-card h3{font-size:14px;margin:8px 0}.sample-dates{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;color:#5f718c;line-height:1.8}.sample-note,.sample-result{font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin:12px 0}.sample-result{background:#fff0f3;color:#983b54;padding:10px;border-radius:7px}.sample-follow{display:flex;align-items:center;gap:10px;background:#f4f7fc;border-radius:8px;padding:10px;margin:12px 0}.sample-follow small{margin-right:auto}.sample-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.sample-actions button{font-size:11px;padding:8px 11px}.sample-card .design-name{padding:0;min-height:26px}.sample-list>.empty{grid-column:1/-1}nav button[data-nav=samples] .icon{color:#e1b3ff}@media(max-width:900px){.sample-list{grid-template-columns:1fr}.sample-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-tile{padding:14px}.sample-tile span{font-size:11px}.sample-card{padding:16px}}
.backup-description{font-size:12px;line-height:1.8;color:#526782;margin-bottom:20px}.backup-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.backup-tool{background:#f4f7fd;border:1px solid #dce5f5;border-radius:12px;padding:20px}.backup-tool h3{font-size:16px;margin-bottom:10px}.backup-tool p{font-size:12px;color:#586c89;margin-bottom:16px}.backup-tool>.muted{display:block;margin-top:12px;font-size:10px}.backup-tool form{display:grid;gap:12px}.backup-tool form button{justify-self:start}.backup-scope{font-size:11px;color:#63758d;line-height:1.8;border-top:1px solid #e1e7f2;padding-top:16px;margin-top:18px}#backup-transfer-status{font-size:12px;color:#315b91;margin:12px 0;overflow-wrap:anywhere}.backup-preview{background:#fbfcff;border:1px solid #cfdbf0;border-radius:12px;padding:20px;margin:20px 0}.backup-preview h3{color:#176949;font-size:16px}.backup-summary{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:12px;color:#4b627f;margin:12px 0}.backup-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.backup-counts>div{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#edf3fc;border-radius:7px;padding:10px;font-size:11px;color:#455f83}.backup-counts b{color:#173e6d}.backup-preview .notice{margin-bottom:14px}@media(max-width:750px){.backup-tools{grid-template-columns:1fr}.backup-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-tool,.backup-preview{padding:16px}.full-backup-panel .panel-header h2{font-size:17px}}

/* Readable customer phone numbers */
.design-phone-block{margin:9px 0 8px}.simple-design .design-phone{display:inline-block;font-family:"Segoe UI",sans-serif;font-size:clamp(17px,1.4vw,22px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.35px;line-height:1.4;color:#143b78;background:#e8f0ff;border:1px solid #bad0f3;border-radius:8px;padding:7px 9px;white-space:nowrap;text-decoration:none;user-select:text;cursor:text}.simple-design .design-phone:hover{background:#dce9ff}.phone-tools{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.phone-tools button{padding:5px 7px;min-height:30px;font-size:11px;border-color:#c4d4ec;color:#1c467f;background:#fff}.phone-tools button:hover{background:#e8f0ff}.simple-design .design-table td:first-child{min-width:200px}.simple-design .customer-card .design-phone{font-size:23px}.phone-tools button:focus-visible,.design-phone:focus-visible{outline:3px solid #4677e5;outline-offset:2px}

/* Staff and administrator sign-in */
.desktop-auth{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(440px,1.1fr);background:#fff}.auth-identity{display:flex;flex-direction:column;justify-content:center;position:relative;padding:64px;background:linear-gradient(145deg,#152c4e,#19223a);color:#fff}.auth-logo{margin-bottom:28px}.auth-logo img{width:190px;height:100px;object-fit:contain;object-position:left;background:#fff;padding:12px;border-radius:12px}.auth-app-mark{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:#3367dd;border:1px solid #7398ee;border-radius:20px;font-size:25px;font-weight:800;letter-spacing:-1px}.auth-identity h1{font-size:38px;line-height:1.25;letter-spacing:-1px;max-width:400px;color:#fff}.auth-identity>p{font-size:13px;color:#a9bfdc;margin-top:16px}.auth-identity-footer{position:absolute;bottom:32px;font-size:11px;letter-spacing:1.5px;color:#8199ba;text-transform:uppercase}.auth-card{display:flex;align-items:center;justify-content:center;padding:45px}.auth-card-inner{width:100%;max-width:360px}.auth-card h2{font-size:25px;color:#203a59;letter-spacing:-.6px}.auth-card-inner>p{font-size:12px;color:#718199;margin:12px 0 27px}.auth-card label{font-size:12px;margin:16px 0;color:#405874}.auth-card input{height:47px;background:#f8fafd;border-color:#d5dfed}.auth-card .primary{width:100%;min-height:48px;margin-top:16px}.auth-password-help{font-size:10px;color:#72839d}.auth-card .error{font-size:12px;margin-top:12px}@media(max-width:800px){.desktop-auth{grid-template-columns:1fr}.auth-identity{padding:30px;min-height:200px}.auth-identity h1{font-size:28px}.auth-app-mark{width:48px;height:48px;border-radius:13px;font-size:19px}.auth-logo{margin-bottom:15px}.auth-identity-footer{display:none}.auth-card{padding:30px}.auth-identity>p{margin-top:8px}}
.admin-signin{margin-top:28px;border-top:1px solid #dbe3ef;padding-top:20px;display:flex;flex-direction:column;gap:9px}.admin-signin span{font-size:11px;color:#718199}.admin-signin a{font-size:13px;font-weight:600;color:#225db1;text-decoration:none}#staff-credentials[hidden],#admin-credentials[hidden]{display:none}
.product-quantity{font-size:21px;font-weight:800;color:#1d5bb0;font-variant-numeric:tabular-nums}.product-total{font-size:16px;margin:15px 0}.product-total strong{color:#1d5bb0}.product-sales-report .panel-header p{font-size:12px;color:#61728a;margin:7px 0}@media print{body.product-report-print{background:white}body.product-report-print .shell{display:block}body.product-report-print aside,body.product-report-print .topbar,body.product-report-print .content>*{display:none!important}body.product-report-print .content>#report-content{display:block!important}body.product-report-print #report-content>*{display:none!important}body.product-report-print #report-content>#product-sales-report{display:block!important;box-shadow:none;border:0;padding:0}body.product-report-print .product-report-tools{display:none!important}body.product-report-print .content{padding:0}body.product-report-print .table-wrap{overflow:visible}body.product-report-print table{width:100%;min-width:0}body.product-report-print tr{break-inside:avoid}}
.undo-summary{display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px 15px;padding:16px;margin:15px 0;background:#edf4ff;border:1px solid #c7d9f3;border-radius:10px;font-size:13px}.undo-summary span{color:#64748b}.undo-summary strong{color:#17365f;overflow-wrap:anywhere}.workspace-brand{gap:12px;margin:4px 8px 25px;font-size:19px;line-height:1.35}.company-logo{width:auto;max-width:100%;height:auto;max-height:90px;object-fit:contain;object-position:center;background:#fff;padding:12px 14px;border-radius:12px;box-sizing:border-box}.workspace-symbol{width:44px;height:44px;object-fit:contain}.auth-logo{display:flex;align-items:center;margin-bottom:24px;max-width:100%}.auth-logo img{width:auto;max-width:min(300px,100%);height:auto;max-height:150px;object-fit:contain;object-position:center;padding:18px 22px;border-radius:16px;background:#fff;box-sizing:border-box;box-shadow:0 8px 32px #06132c1c}.auth-logo .auth-symbol{width:66px;height:66px;padding:0;background:transparent;box-shadow:none;border-radius:16px}.auth-identity h1{font-size:34px;line-height:1.3;font-weight:750;max-width:100%;overflow-wrap:anywhere}@media(max-width:800px){.auth-logo img{max-width:230px;max-height:100px;padding:12px 16px}.auth-logo .auth-symbol{width:48px;height:48px;padding:0}.auth-identity h1{font-size:27px}.undo-summary{grid-template-columns:90px minmax(0,1fr);font-size:12px}}
.company-logo-frame{display:flex;align-items:center;justify-content:center;width:176px;max-width:100%;height:88px;background:#fff;border-radius:12px;overflow:hidden}.company-logo-frame .company-logo{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;padding:0;border-radius:0;background:transparent}.auth-logo.has-company-logo{display:flex;align-items:center;justify-content:center;width:240px;max-width:100%;height:128px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #06132c1c}.auth-logo.has-company-logo img{width:100%;height:100%;max-width:none;max-height:none;padding:0;border-radius:0;object-fit:contain;box-shadow:none}.logo-fit-compact>img{transform:scale(1.65)}.logo-fit-contain>img{transform:none}.brand-preview{display:flex;align-items:center;justify-content:center;width:280px;max-width:100%;height:150px;overflow:hidden;border:1px solid #d7e2f0;border-radius:12px;background:#fff;margin:16px 0}.brand-preview img{width:100%;height:100%;object-fit:contain;max-width:none;max-height:none;padding:0}@media(max-width:800px){.auth-logo.has-company-logo{width:220px;height:112px}}

/* Shared status language: blue = call, amber = waiting, green = sale, gray = closed. */
.badge.status-to_call,.badge.status-designed,.badge.status-unreachable,.state-pending{background:#e7f0ff;color:#245aaa;border-color:#cadcf8}
.badge.status-waiting,.badge.status-whatsapp,.badge.status-later,.badge.state-waiting,.badge.state-later{background:#fff1d8;color:#955b10;border-color:#f1d49f}
.badge.status-sold,.badge.state-sold{background:#dcf4e9;color:#176e4c;border-color:#afe1ca}
.badge.status-lost,.badge.state-lost{background:#edf0f3;color:#66717d;border-color:#d5dbe1}
.design-table tr.lost,.customer-card.lost{background:#f5f6f8!important}
.simplified-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.simplified-actions .next-action{display:flex;gap:6px;align-items:center;justify-content:center;min-height:40px;white-space:nowrap;font-size:12px;padding:10px 12px}
.simplified-actions .design-more{flex:none}
.work-indicator{display:none}.work-indicator.is-working{display:block;margin-top:7px;color:#6843a0;background:#f0e9ff;border:1px solid #dfcff7;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:650;width:fit-content;max-width:100%}
.call-session-note{background:#eef6ef;color:#326a46;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.6}
.manager-dashboard{max-width:1560px;margin:0 auto}.manager-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 24px}
.manager-heading .eyebrow{letter-spacing:2px;font-size:10px;font-weight:800;color:#557b68;margin-bottom:8px}.manager-heading h1{font-size:30px;letter-spacing:-1px;margin:0 0 9px;color:#203a31}.manager-heading p{margin:0;color:#53685c;font-size:13px}.manager-heading p span{color:#8b968f}
.manager-metrics{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:13px;margin-bottom:22px}.manager-metric{border:1px solid #e2e8e5;border-radius:15px;background:white;padding:19px;text-align:left;box-shadow:0 3px 12px #183b2705;min-width:0;position:relative;overflow:hidden}.manager-metric:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--metric)}.manager-metric:hover{transform:translateY(-2px);box-shadow:0 6px 16px #183b2712}.metric-green{--metric:#248363;background:linear-gradient(125deg,#eff9f3,white)}.metric-blue{--metric:#4b80d2}.metric-purple{--metric:#8b65c5}.metric-pink{--metric:#c46a9d}.metric-amber{--metric:#d19b3d}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:650;color:#65736c}.metric-top .icon{color:var(--metric);background:color-mix(in srgb,var(--metric) 10%,white);padding:7px;border-radius:9px;width:32px;height:32px}.manager-metric>strong{display:block;font-size:32px;letter-spacing:-1px;margin:14px 0 10px;color:#243e32;font-variant-numeric:tabular-nums}.metric-green>strong{font-size:28px}.metric-change{font-size:11px;color:#89958d}.metric-change.up{color:#27815e}.metric-change.down{color:#a87643}
.manager-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-bottom:20px}.manager-dashboard .panel{margin:0;border-radius:15px;border-color:#e2e8e5;padding:23px;box-shadow:0 3px 12px #183b2704;min-width:0}.manager-dashboard h2{font-size:15px;letter-spacing:-.2px;margin:0}.manager-dashboard .panel-header{margin-bottom:20px}.manager-dashboard .panel-header p{font-size:11px;margin:6px 0 0}.chart-key{display:flex;gap:14px;font-size:11px;color:#65736c}.chart-key span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:5px}.orders-dot:before{background:#358a6a}.designs-dot:before{background:#ac8acd}.week-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:30px;align-items:end}.chart-day{text-align:center;min-width:0}.chart-bars{display:flex;gap:5px;justify-content:center;align-items:flex-end;height:130px;border-bottom:1px solid #e9eeeb;padding:0 4px}.bar-column{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:28px;height:100%}.bar-column b{font-size:11px;color:#68776f;margin-bottom:6px}.bar-column span{display:block;width:100%;border-radius:5px 5px 0 0;min-height:2px}.bar-orders{background:linear-gradient(#54a589,#358a6a)}.bar-designs{background:linear-gradient(#c0a7db,#ac8acd)}.chart-day>small{display:block;font-size:10px;color:#859087;padding-top:11px}.chart-today>small{color:#28775b;font-weight:800}.chart-today{background:linear-gradient(transparent,#f2f8f4);border-radius:7px}.manager-dashboard .section-caption{font-size:11px;color:#8b968f;line-height:1.7;margin:16px 0 0}
.focus-panel>button{display:flex;align-items:center;gap:11px;width:100%;padding:15px 0;border:0;border-bottom:1px solid #eff2f0;background:transparent;text-align:left}.focus-panel>button:last-child{border:0;padding-bottom:0}.focus-panel>button>span:nth-child(2){flex:1;font-size:12px;font-weight:650;color:#42594b}.focus-panel small{display:block;font-size:10px;font-weight:400;margin-top:4px;color:#909a94}.focus-panel strong{font-size:17px;color:#465f50;white-space:nowrap}.focus-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;font-size:20px}.focus-icon.orange{background:#fff1da;color:#b57b27}.focus-icon.blue{background:#eaf2ff;color:#5b82c0}.focus-icon.purple{background:#f2ebfc;color:#9673b7}.focus-icon.gray{background:#edf0f2;color:#8a969d}
.dashboard-product{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #edf1ee}.dashboard-product:last-child{border:0}.product-rank{font-size:11px;color:#b4bcb7;font-variant-numeric:tabular-nums}.dashboard-product>div{flex:1}.dashboard-product strong{font-size:13px;color:#3a5043}.dashboard-product small{display:block;font-size:10px;color:#929e96;margin-top:5px}.product-track{height:4px;background:#f0f4f1;border-radius:4px;margin-top:9px;max-width:95%}.product-track span{display:block;background:#75ae91;height:4px;border-radius:4px}.dashboard-product>b{font-size:24px;color:#2f7052;text-align:right}.dashboard-product>b small{font-size:10px;font-weight:400}.quantity-chip{background:#e7f4ed;color:#2f7957;padding:6px 11px;border-radius:7px;font-size:12px;font-weight:700;white-space:nowrap}.daily-collection>div{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #edf1ee;font-size:12px;color:#7b8b80}.daily-collection strong{font-size:18px;color:#3d5947;font-variant-numeric:tabular-nums}.daily-collection>div:first-of-type strong{font-size:24px;color:#277456}.dashboard-team table{font-size:12px;white-space:nowrap}.dashboard-team th{font-size:10px;text-transform:none;background:#f8faf8;color:#829087}.dashboard-team td{padding:17px 12px}.dashboard-team td:first-child{display:flex;align-items:center;gap:9px}.team-initial{display:inline-grid;place-items:center;background:#edf2ee;color:#4e6e5b;border-radius:10px;width:30px;height:30px;font-size:12px;font-weight:750}.table-count{display:inline-block;min-width:29px;text-align:center;padding:5px 7px;border-radius:6px}.table-count.purple{background:#f1eafa;color:#8b66ac}.table-count.green{background:#e5f3eb;color:#3d8962}.dashboard-footnote{text-align:right;color:#94a097;font-size:10px;margin-top:14px}
@media(max-width:1200px){.manager-metrics{grid-template-columns:repeat(3,1fr)}.manager-grid{grid-template-columns:1fr 1fr}.manager-heading h1{font-size:26px}.manager-dashboard .panel{padding:18px}.simplified-actions{flex-wrap:wrap}}
@media(max-width:850px){.manager-grid{grid-template-columns:1fr}.manager-metrics{grid-template-columns:repeat(2,1fr)}.manager-heading{align-items:flex-start;flex-wrap:wrap}.manager-metric>strong{font-size:27px}.chart-key{gap:8px}}

.instagram-contact{display:grid;gap:2px;margin:8px 0}.instagram-handle{color:#9d238a;font-size:18px;font-weight:750;overflow-wrap:anywhere;white-space:normal}.instagram-contact small{color:#95648f}.contact-help{grid-column:1 / -1;margin:0 0 8px}

.firm-filter-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.firm-filter-heading select{max-width:300px;border:2px solid #a6bcec;background:#f0f5ff}.firm-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:18px 0}.firm-summary-card{display:grid;gap:7px;text-align:left;padding:18px;border:1px solid #b8d0ef;background:#eaf3ff}.firm-summary-card span{font-size:14px;font-weight:750;overflow-wrap:anywhere}.firm-summary-card strong{font-size:24px;color:#174780}.firm-summary-card small{color:#425b76}.firm-summary-card.tone-1{background:#edf8ed;border-color:#b6dbb9}.firm-summary-card.tone-1 strong{color:#22603c}.firm-summary-card.tone-2{background:#fff4e7;border-color:#edcfa8}.firm-summary-card.tone-2 strong{color:#935422}.firm-report tfoot td{font-weight:750;background:#edf2f9}.firm-report .firm-money{font-weight:650}.firm-report .panel-header{flex-wrap:wrap}.firm-report-tools{display:flex;gap:8px;flex-wrap:wrap}@media print{body.firm-report-print{background:white}body.firm-report-print .shell{display:block}body.firm-report-print aside,body.firm-report-print .topbar,body.firm-report-print .content>*{display:none!important}body.firm-report-print .content>#report-content{display:block!important}body.firm-report-print #report-content>*{display:none!important}body.firm-report-print #report-content>#firm-report{display:block!important;border:0;box-shadow:none;padding:0}body.firm-report-print .firm-report-tools,body.firm-report-print .firm-summary-cards{display:none!important}body.firm-report-print .content{padding:0}body.firm-report-print .table-wrap{overflow:visible}body.firm-report-print table{width:100%;min-width:0;white-space:normal}body.firm-report-print th,body.firm-report-print td{padding:8px 4px;font-size:9px}body.firm-report-print tr{break-inside:avoid}}

.profit-report{border-top:4px solid #27844f}.profit-report .stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.profit-report .stat-value{overflow-wrap:anywhere}@media(max-width:650px){.profit-report .stats{grid-template-columns:1fr}}

.quick-cost-box{background:#f2f7ff;border:1px solid #c9d9ee;border-radius:10px;padding:17px;margin:16px 0}.quick-cost-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #dce5f0;margin:0}.quick-cost-row>span:first-child{display:grid;gap:4px}.quick-cost-input{display:flex;align-items:center;gap:8px;flex-shrink:0}.quick-cost-input input{max-width:165px}.quick-cost-input b{font-size:12px;white-space:nowrap}.quick-cost-box button{margin-top:12px;margin-right:10px}@media(max-width:550px){.quick-cost-row{align-items:flex-start;flex-direction:column;gap:8px}.quick-cost-input{width:100%}.quick-cost-input input{max-width:none}}

.order-flags{border:1px solid #d5dfef;border-radius:9px;padding:4px 14px;background:#f2f6ff;margin:10px 0}.commission-panel{border-top:4px solid #7c4bbe}.commission-panel th{white-space:normal}