:root{--navy:#151515;--navy-soft:#252525;--ink:#252525;--muted:#949494;--line:#f6f6f6;--surface:#fff;--canvas:#f5f7fb;--blue:#ffd43b;--blue-soft:#fff8d6;--green:#258d6f;--green-soft:#e8f6ef;--amber:#a77523;--amber-soft:#fff4db;--danger:#bd4552;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--canvas);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,input,select,textarea{outline:none}button:focus-visible,a:focus-visible{outline:3px solid #c9a300;outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #ffd43b19}button{border:0;background:none;color:inherit}h1,h2,h3,h4,p{margin:0}h1{font-size:25px;letter-spacing:-.7px;font-weight:650}h2{font-size:18px;letter-spacing:-.3px}h3{font-size:14px}small{font-size:11px}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.shell{min-height:100vh;display:grid;grid-template-columns:222px minmax(0,1fr)}.sidebar{background:var(--navy);color:#d0d0d0;display:flex;flex-direction:column;padding:31px 18px 19px;height:100vh;position:sticky;top:0}.brand{display:flex;align-items:center;gap:12px;padding:0 12px;color:#fff}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:#ffd43b;border-radius:11px;color:white;box-shadow:0 4px 12px #0002}.brand-mark .icon{width:23px;height:23px}.brand-name{font-size:20px;font-weight:650;letter-spacing:-.6px}.brand-sub{font-size:10px;color:#9f9f9f;letter-spacing:1.4px;margin-top:4px;text-transform:uppercase}.workspace-card{margin:31px 8px 29px;display:flex;gap:10px;align-items:center;border:1px solid #ffffff14;border-radius:11px;background:#ffffff04;padding:12px}.workspace-icon{width:31px;height:31px;background:#252525;border-radius:9px;display:grid;place-items:center;font-weight:650;font-size:13px;color:#f6f6f6}.workspace-label{font-size:12px;font-weight:550;color:#f6f6f6}.workspace-sub{font-size:10px;color:#9b9b9b;margin-top:4px}.nav-label{font-size:10px;letter-spacing:1.3px;color:#858585;padding:0 15px;margin:0 0 10px}.nav{display:flex;flex-direction:column;gap:7px}.nav-button{display:flex;align-items:center;gap:12px;padding:13px 15px;color:#b9b9b9;width:100%;border-radius:9px;text-align:left;font-size:13px;font-weight:500;transition:.15s}.nav-button:hover{background:#ffffff08;color:#fff}.nav-button.active{background:#ffd43b;color:#fff;box-shadow:0 5px 13px #0001}.nav-count{margin-left:auto;font-size:10px;font-weight:650;background:#ffffff20;border-radius:5px;padding:3px 6px}.sidebar-bottom{margin-top:auto}.sidebar-help{margin:22px 9px;padding:15px 12px;border:1px solid #ffffff15;border-radius:10px}.sidebar-help p{font-size:11px;line-height:1.65;color:#a4a4a4;margin-top:8px}.sidebar-help h3{font-size:12px;color:#f6f6f6;display:flex;align-items:center;gap:7px}.profile{border-top:1px solid #ffffff12;display:flex;gap:10px;align-items:center;padding:19px 9px 0}.avatar{height:38px;width:38px;border-radius:12px;background:#f6f6f6;color:#888888;display:grid;place-items:center;font-size:12px;font-weight:650;flex-shrink:0}.avatar.dark{background:#252525;color:#dedede}.profile-name{font-size:12px;color:#f6f6f6;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{font-size:10px;color:#989898;margin-top:4px}.logout{margin-left:auto;color:#9e9e9e;padding:5px}.logout:hover{color:#fff}.main{min-width:0;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}.page-header{height:94px;flex-shrink:0;padding:23px 31px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface);gap:15px}.subtitle{color:var(--muted);font-size:12px;margin-top:7px;line-height:1.5}.header-actions{display:flex;align-items:center;gap:17px;flex-shrink:0}.connection-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:20px;font-size:10px;font-weight:600;background:#f2f4f8;color:#8a8a8a;white-space:nowrap}.connection-pill.connected{background:var(--green-soft);color:var(--green)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.demo-banner{background:#fff7e6;color:#987329;font-size:11px;display:flex;align-items:center;gap:9px;padding:10px 31px;border-bottom:1px solid #f5ead2;line-height:1.4;flex-shrink:0}.demo-banner .icon{width:15px;height:15px}.demo-banner button{color:#997126;text-decoration:underline;font-size:11px;margin-left:auto;padding:0;white-space:nowrap}.offline-banner{background:#fff0f1;color:#b44050}.page-body{flex:1;min-height:0;overflow:auto}.inbox{height:100%;display:grid;grid-template-columns:285px minmax(270px,1fr) 262px;background:white}.conversation-panel{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;overflow:hidden}.panel-title-row{display:flex;align-items:center;justify-content:space-between;padding:22px 18px 16px}.panel-title-row h2{font-size:14px}.number-badge{font-size:10px;color:#979797;background:#f2f4f9;border-radius:5px;padding:4px 6px}.search-wrap{position:relative;margin:0 16px 17px}.search-wrap .icon{position:absolute;left:12px;top:12px;width:15px;height:15px;color:#a6a6a6}.search-input{width:100%;height:39px;background:#f7f8fb;border:1px solid #edf0f4;padding:10px 12px 10px 36px;border-radius:8px;font-size:11px}.filter-tabs{display:flex;padding:0 13px 0;border-bottom:1px solid var(--line);gap:2px}.filter-tab{font-size:10px;padding:11px 7px 13px;color:#9d9d9d;border-bottom:2px solid transparent;white-space:nowrap}.filter-tab.active{color:var(--blue);font-weight:600;border-bottom-color:var(--blue)}.conversation-list{overflow:auto;flex:1;padding:7px 8px}.conversation-item{display:flex;gap:10px;padding:16px 11px;width:100%;text-align:left;border-radius:10px;position:relative;margin:3px 0;min-height:98px}.conversation-item:hover{background:#fafbfe}.conversation-item.active{background:#fff8d6}.conversation-item.active:before{position:absolute;content:"";height:35px;width:3px;left:0;top:19px;background:var(--blue);border-radius:3px}.conversation-item .avatar{width:36px;height:36px;border-radius:50%;margin-top:1px}.avatar.rose{background:#fbebee;color:#c88193}.avatar.sage{background:#e6f4ef;color:#5e9c86}.avatar.sand{background:#f8efdF;color:#bc9b56}.avatar.lilac{background:#f6f6f6;color:#a3a3a3}.conversation-text{flex:1;min-width:0}.conversation-top{display:flex;gap:6px;justify-content:space-between;align-items:center}.conversation-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time{font-size:9px;color:#9f9f9f;flex-shrink:0}.message-preview{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a5a5a5;margin-top:7px}.conversation-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.tag{font-size:9px;padding:3px 5px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;background:#f1f3f7;color:#999999;font-weight:500;line-height:1.2}.tag.blue{background:#fff2b8;color:#949494}.tag.green{background:#e6f3ed;color:#639984}.tag.amber{background:#fff0d5;color:#b88f44}.tag.gray{background:#edf0f5;color:#9b9b9b}.unread-count{min-width:17px;height:17px;display:grid;place-items:center;font-size:9px;background:var(--blue);color:white;border-radius:50%}.conversation-owner{font-size:9px;color:#a7a7a7;display:flex;gap:4px;align-items:center}.conversation-owner .icon{width:11px;height:11px}.chat-panel{display:flex;flex-direction:column;min-width:0;background:#fafbfe;overflow:hidden}.chat-top{padding:19px 21px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);background:white;min-height:77px;flex-shrink:0}.chat-top .avatar{border-radius:50%;width:35px;height:35px}.chat-title{font-size:13px;font-weight:600}.chat-subtitle{font-size:10px;color:#a6a6a6;margin-top:5px;display:flex;align-items:center;gap:5px}.chat-top-actions{margin-left:auto;display:flex;gap:7px;align-items:center}.icon-button{display:grid;place-items:center;min-height:30px;min-width:30px;border:1px solid var(--line);border-radius:7px;color:#9f9f9f;background:#fff}.icon-button:hover{color:var(--blue);background:#f8f9ff}.icon-button .icon{width:15px;height:15px}.back-button{display:none}.details-toggle{display:none}.messages{flex:1;min-height:0;overflow:auto;padding:24px 24px 20px;scroll-behavior:smooth}.day-divider{display:flex;justify-content:center;margin:1px 0 24px}.day-divider span{font-size:9px;padding:5px 11px;background:#f0f0f0;color:#a6a6a6;border-radius:20px}.message-row{display:flex;margin-bottom:16px;gap:9px;align-items:flex-end}.message-row.outbound{justify-content:flex-end}.message-row .avatar{height:24px;width:24px;border-radius:50%;font-size:8px}.message-bubble{max-width:84%;background:white;border:1px solid #edf0f5;border-radius:12px 12px 12px 3px;padding:12px 14px;box-shadow:0 2px 3px #25252503}.message-row.outbound .message-bubble{background:#fff6ca;border-color:#ffeb91;border-radius:12px 12px 3px 12px}.message-text{font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;color:#5b5b5b}.message-meta{display:flex;gap:6px;align-items:center;justify-content:flex-end;color:#aeaeae;font-size:8px;margin-top:7px}.message-meta .icon{height:12px;width:12px;color:#a5a5a5}.note-bubble{background:#fff7e9;border-color:#f5e7ce}.sender-name{color:#87700d;margin-bottom:5px;font-size:9px;font-weight:600}.composer{margin:0 19px 17px;background:white;border:1px solid #f6f6f6;border-radius:12px;box-shadow:0 3px 10px #25252505;flex-shrink:0}.composer textarea{border:0;resize:none;width:100%;min-height:70px;max-height:140px;padding:16px 15px 7px;color:#555555;font-size:12px;line-height:1.7;background:transparent;border-radius:11px;box-shadow:none}.composer textarea::placeholder{color:#b0b0b0}.composer-bottom{padding:10px 12px;display:flex;align-items:center;gap:9px}.composer-hint{font-size:9px;color:#b6b6b6;margin-left:auto}.quick-reply-button{font-size:10px;display:flex;gap:5px;align-items:center;color:#959595;padding:4px}.quick-reply-button .icon{width:13px;height:13px}.primary-button{background:var(--blue);color:white;border:1px solid var(--blue);border-radius:8px;padding:9px 13px;font-size:11px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;box-shadow:0 3px 6px #ffd43b14}.primary-button:hover{background:#eec222}.primary-button .icon{width:14px;height:14px}.secondary-button{background:white;border:1px solid #f6f6f6;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:500;display:inline-flex;justify-content:center;align-items:center;gap:6px;color:#888888}.secondary-button:hover{background:#f8f9fd;border-color:#d8d8d8}.secondary-button .icon{width:14px;height:14px}.danger-button{color:var(--danger);border-color:#efcbd1;background:#fff9fa}.read-only-note{margin:0 20px 20px;padding:13px;font-size:11px;color:#9c9c9c;border:1px solid var(--line);background:white;border-radius:9px;line-height:1.65}.customer-panel{border-left:1px solid var(--line);background:white;overflow:auto;padding:21px 18px}.section-label{font-size:9px;letter-spacing:1.1px;color:#adadad;font-weight:600;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}.section-label .icon{height:13px;width:13px}.customer-overview{padding:22px 0 19px;text-align:center}.customer-overview .avatar{width:52px;height:52px;font-size:17px;border-radius:50%;margin:0 auto 12px}.customer-overview h3{font-size:13px;font-weight:600}.customer-overview p{font-size:10px;color:#acacac;margin:7px 0 12px}.detail-block{border-top:1px solid var(--line);padding:18px 0}.field-label{font-size:10px;color:#aaaaaa;display:block;margin:15px 0 7px}.compact-select{width:100%;border:1px solid #f6f6f6;border-radius:7px;background:#fbfcfe;color:#818181;font-size:10px;padding:9px;min-height:34px}.detail-actions{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.detail-actions button{font-size:10px;padding:7px 9px}.job-preview{padding:12px;background:#f7f8fc;border:1px solid #f6f6f6;border-radius:9px;margin-top:12px}.job-preview h4{font-size:11px;font-weight:600;line-height:1.55}.job-preview p{font-size:10px;color:#a8a8a8;margin-top:6px;line-height:1.6}.job-preview .tag{margin-top:9px}.full-button{width:100%;margin-top:13px}.detail-empty{color:#b8b8b8;font-size:10px;line-height:1.65;margin:15px 0}.empty-state{display:flex;flex:1;min-height:240px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#9e9e9e}.empty-icon{width:65px;height:65px;border-radius:21px;background:#f6f6f6;display:grid;place-items:center;color:#a8a8a8;margin-bottom:19px}.empty-icon .icon{width:29px;height:29px}.empty-state h2{font-size:16px;color:#787878;margin-bottom:9px;font-weight:550}.empty-state p{font-size:11px;max-width:285px;line-height:1.8}.empty-state.compact{min-height:200px;padding:25px 12px}.empty-state.compact h2{font-size:12px}.empty-state.compact p{font-size:10px}.page-pad{padding:29px 31px}.board-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.board-summary{font-size:12px;color:#a0a0a0}.segmented{display:flex;border:1px solid var(--line);background:white;border-radius:8px;padding:3px;gap:2px}.segmented button{padding:7px 12px;font-size:10px;color:#a9a9a9;border-radius:5px}.segmented button.active{background:var(--blue-soft);color:var(--blue);font-weight:550}.board{display:grid;grid-template-columns:repeat(4,minmax(205px,1fr));gap:17px;align-items:start;overflow:auto;min-height:400px;padding-bottom:20px}.board-column{background:#f6f6f6;border:1px solid #f6f6f6;border-radius:12px;padding:12px;min-height:320px}.board-heading{display:flex;align-items:center;gap:8px;padding:4px 1px 18px;font-size:11px;font-weight:600;color:#8a8a8a}.board-heading .status-dot{width:7px;height:7px}.board-heading .number-badge{margin-left:auto;background:#f6f6f6}.stage-artwork{color:#9d9d9d}.stage-approval{color:#c49b51}.stage-production{color:#61a696}.stage-done{color:#a0a0a0}.order-card{padding:15px;background:white;border:1px solid #f6f6f6;border-radius:10px;box-shadow:0 3px 5px #25252503;margin-bottom:11px}.order-card-id{display:flex;align-items:center;justify-content:space-between;color:#b2b2b2;font-size:9px;margin-bottom:12px}.order-card h3{font-size:12px;line-height:1.6;font-weight:600}.order-measure{color:#a5a5a5;font-size:10px;display:flex;align-items:center;gap:5px;margin-top:9px}.order-measure .icon{width:12px;height:12px}.order-note{font-size:10px;line-height:1.7;color:#a9a9a9;margin-top:9px;white-space:pre-wrap;overflow-wrap:anywhere}.order-card-bottom{border-top:1px solid #f0f0f0;margin-top:14px;padding-top:12px;display:flex;align-items:center;gap:6px;font-size:9px;color:#a5a5a5}.order-card-bottom .avatar{width:24px;height:24px;font-size:8px;border-radius:50%}.order-card-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.order-card-actions button{font-size:9px;padding:7px 8px}.order-assignment{font-size:10px;margin-top:12px}.column-empty{font-size:10px;line-height:1.7;color:#b1b1b1;border:1px dashed #e2e2e2;border-radius:9px;text-align:center;padding:26px 10px}.intro-card{display:flex;gap:15px;border:1px solid #f6f6f6;background:white;padding:22px;border-radius:12px;margin-bottom:25px;align-items:center}.intro-card .empty-icon{margin:0;width:48px;height:48px;border-radius:14px}.intro-card h2{font-size:14px}.intro-card p{color:#a8a8a8;font-size:11px;line-height:1.7;margin-top:6px}.role-summary{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.role-summary-item{background:white;border:1px solid var(--line);border-radius:10px;padding:17px 20px;flex:1;min-width:145px}.role-summary-item strong{font-size:23px;font-weight:600;color:#848484}.role-summary-item span{font-size:11px;color:#a6a6a6;margin-left:10px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:17px}.team-card{border:1px solid var(--line);border-radius:12px;background:white;padding:23px}.team-card .avatar{height:43px;width:43px;border-radius:13px;margin-bottom:16px}.team-card h3{font-size:13px;font-weight:600;margin-bottom:7px}.team-card .username{font-size:10px;color:#acacac;margin-bottom:14px}.team-card p{font-size:10px;color:#a7a7a7;line-height:1.75;margin-top:16px;border-top:1px solid #f0f0f0;padding-top:13px}.team-card .you-tag{font-size:9px;color:#9b9b9b;float:right}.connection-layout{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(280px,1fr);gap:25px;max-width:960px}.connection-card{background:white;border:1px solid var(--line);border-radius:14px;padding:26px}.connection-card h2{font-size:15px}.connection-card>p{font-size:11px;color:#a7a7a7;line-height:1.8;margin-top:10px}.qr-placeholder{width:240px;height:240px;max-width:100%;border:1px dashed #e5e5e5;background:#f8f9fd;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:27px auto;color:#b3b3b3;gap:13px;text-align:center;padding:20px}.qr-placeholder .icon{width:51px;height:51px;stroke-width:1.1}.qr-placeholder span{font-size:10px;line-height:1.7;max-width:160px}.qr-image{display:block;width:240px;max-width:100%;height:auto;margin:27px auto;padding:12px;border:1px solid var(--line);background:white;border-radius:12px}.connection-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.connection-info{padding:13px;background:#f4f6fc;color:#9f9f9f;border-radius:8px;font-size:10px;line-height:1.8;margin-top:20px;overflow-wrap:anywhere}.connection-error{background:#fff0f2;color:#bc6373}.steps{list-style:none;padding:0;margin:24px 0;display:flex;flex-direction:column;gap:21px}.steps li{display:flex;gap:13px;font-size:12px;color:#838383;line-height:1.8}.step-number{background:var(--blue-soft);color:#9c9c9c;height:27px;width:27px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;font-size:11px;font-weight:600}.steps small{display:block;color:#afafaf;font-size:10px;margin-top:4px}.notice{font-size:11px;color:#9d9d9d;padding:15px;border:1px solid var(--line);background:#fafbfe;border-radius:9px;line-height:1.8}.login-page{min-height:100vh;display:grid;grid-template-columns:1.03fr 1fr}.login-art{background:var(--navy);color:white;padding:60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;right:-140px;bottom:-170px;width:480px;height:480px;border:1px solid #ffffff0e;border-radius:50%;box-shadow:0 0 0 75px #ffffff02,0 0 0 150px #ffffff02;pointer-events:none}.login-art .brand{padding:0;margin-bottom:88px}.login-art h1{font-size:45px;line-height:1.23;max-width:450px;letter-spacing:-1.6px;font-weight:600}.login-art h1 span{color:#ffd43b}.login-art>p{color:#afafaf;line-height:1.95;font-size:14px;max-width:340px;margin-top:22px}.workflow-line{display:flex;gap:11px;align-items:center;margin-top:43px;color:#bababa;font-size:10px;flex-wrap:wrap}.workflow-line>span{border:1px solid #ffffff18;background:#ffffff06;border-radius:7px;padding:10px 12px}.workflow-line>.icon{width:13px;height:13px;color:#848484}.login-area{display:flex;align-items:center;justify-content:center;padding:40px;background:#f9faff}.login-card{width:355px;max-width:100%}.login-eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#a4a4a4;margin-bottom:15px}.login-card h2{font-size:27px;letter-spacing:-.6px;font-weight:600}.login-card .subtitle{margin-top:12px;font-size:12px;line-height:1.8}.login-switch{display:flex;gap:2px;background:#f6f6f6;border-radius:8px;padding:4px;margin-top:29px;margin-bottom:24px}.login-switch button{padding:10px;font-size:11px;color:#a9a9a9;width:50%;border-radius:5px}.login-switch button.active{background:white;box-shadow:0 2px 4px #15151508;color:#888888;font-weight:550}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.form-field label{color:#949494;font-size:11px;font-weight:500}.form-field input,.form-field select,.form-field textarea{border:1px solid #f6f6f6;border-radius:8px;background:white;padding:12px;font-size:12px;color:#767676;width:100%}.form-field textarea{resize:vertical;min-height:85px}.login-card .primary-button{width:100%;padding:13px;font-size:12px;margin:5px 0 22px}.login-note{font-size:10px;line-height:1.8;color:#ababab;display:flex;gap:8px;align-items:flex-start}.login-note .icon{width:14px;height:14px;margin-top:3px}.form-error{color:var(--danger);background:#fff0f2;padding:12px;border-radius:7px;margin-bottom:18px;font-size:11px;line-height:1.7}.login-footer{margin-top:35px;font-size:9px;color:#bbbbbb;text-align:center}.boot-screen{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#969696;font-size:12px}.loading-ring{height:30px;width:30px;border:3px solid #f6f6f6;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 20px;background:var(--navy);color:#fff;box-shadow:0 7px 23px #25252526;border-radius:9px;font-size:12px;z-index:100;max-width:90vw;line-height:1.7}.toast.error{background:#a64153}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#25252565;backdrop-filter:blur(3px);z-index:80;padding:24px}.modal{background:white;border-radius:16px;width:490px;max-width:100%;padding:27px;max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 18px 80px #25252525}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-header h2{font-size:19px}.modal-subtitle{color:#a7a7a7;font-size:11px;line-height:1.8;margin:0 0 23px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.reply-list{display:flex;flex-direction:column;gap:10px}.reply-item{text-align:left;padding:15px;background:#f7f9fd;border:1px solid var(--line);border-radius:9px}.reply-item h3{font-size:12px;color:#797979}.reply-item p{font-size:11px;line-height:1.7;color:#afafaf;margin-top:7px;white-space:pre-wrap}.reply-item:hover{border-color:#d8d8d8;background:#fff9df}[hidden]{display:none!important}.mobile-title{display:none}.load-error{padding:40px;text-align:center;color:#a64153;line-height:1.8}.chat-loading{font-size:11px;color:#afafaf;text-align:center;padding:28px}.search-empty{font-size:11px;color:#aeaeae;line-height:1.8;text-align:center;padding:35px 15px}.small-text{font-size:10px;line-height:1.8;color:#aeaeae}.order-contact{color:#9a9a9a;font-size:10px;margin-bottom:5px}.inline-error{padding:12px;color:#b95363;font-size:11px;line-height:1.8}.connection-signal{font-size:10px;line-height:1.6;color:#989898;display:flex;gap:7px;align-items:center;margin-top:12px}.text-button{color:var(--blue);font-size:10px;padding:5px 0;text-align:left}
.composer-signature{display:flex;gap:4px;align-items:center;color:#a8a8a8;font-size:9px;padding:0 15px 3px}.composer-signature .icon{width:11px;height:11px}.right-tabs{display:flex;padding:3px;background:#f6f6f6;border-radius:7px;gap:2px;margin-bottom:23px}.right-tabs button{font-size:9px;padding:9px 5px;border-radius:5px;flex:1;white-space:nowrap;color:#a8a8a8}.right-tabs button.active{background:white;color:#8b8b8b;box-shadow:0 2px 3px #25252508;font-weight:550}.quick-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.quick-header .icon-button{width:25px;height:25px;min-width:25px;min-height:25px}.quick-hint{font-size:10px;line-height:1.75;color:#b0b0b0;margin:14px 0 16px}.quick-list{display:flex;flex-direction:column;gap:12px}.quick-card{border:1px solid #f6f6f6;background:#fafbff;border-radius:10px;padding:14px}.quick-card h3{font-size:11px;line-height:1.55;color:#7c7c7c;font-weight:600;margin-bottom:8px}.quick-card .tag{margin-bottom:10px}.quick-card p{font-size:10px;line-height:1.75;color:#a9a9a9;white-space:pre-wrap;overflow-wrap:anywhere}.quick-card button{margin-top:12px;font-size:10px;padding:7px}.incoming-transfers{margin:0 15px 17px;padding:13px;background:#fff8d6;border:1px solid #f6f6f6;border-radius:9px;max-height:260px;overflow:auto;flex-shrink:0}.incoming-transfers .section-label{font-size:8px;color:#8e8e8e;line-height:1.6;margin-bottom:11px}.incoming-card{border-top:1px solid #f6f6f6;padding-top:12px;margin-top:12px}.incoming-card h3{font-size:11px;color:#7e7e7e;margin-bottom:5px}.incoming-card p{font-size:9px;line-height:1.65;color:#a6a6a6}.incoming-card .small-text{font-size:8px;margin-top:5px}.incoming-card .detail-actions{gap:6px;margin-top:10px}.incoming-card .detail-actions button{font-size:9px}.transfer-notice{display:flex;gap:8px;font-size:10px;line-height:1.7;background:#fff8d6;border-radius:8px;padding:11px;color:#949494}.transfer-notice .icon{height:14px;width:14px;margin-top:2px}.transfer-notice strong{font-size:10px;font-weight:600}.transfer-notice p{font-size:9px;line-height:1.8;margin-top:4px;color:#adadad}.internal-layout{grid-template-columns:285px minmax(270px,1fr)}.internal-person{min-height:77px;align-items:center}.internal-person .message-preview{margin-top:7px;font-size:10px}.board.production-board{grid-template-columns:repeat(2,minmax(205px,1fr));max-width:740px}.transfer-banner{background:#fff8d6;border-bottom-color:#f6f6f6;color:#898989}.transfer-banner button{color:#818181}.message-signature{display:block;font-size:11px;font-weight:600;margin-bottom:4px;color:#87700d}.incoming-banner-count{font-weight:600}
@media(min-width:1550px){.inbox{grid-template-columns:325px minmax(300px,1fr) 300px}.internal-layout{grid-template-columns:325px minmax(300px,1fr)}.messages{padding:29px 37px}.sidebar{padding-top:38px}.page-header{height:102px}}
@media(max-width:1250px){.shell{grid-template-columns:188px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.brand{padding:0 9px;gap:9px}.brand-name{font-size:18px}.inbox{grid-template-columns:264px minmax(270px,1fr)}.customer-panel{display:none}.inbox.show-details{grid-template-columns:264px minmax(270px,1fr) 245px}.inbox.show-details .customer-panel{display:block}.inbox.show-details .chat-panel{display:none}.details-toggle{display:grid}.page-header{padding-left:25px;padding-right:25px}.demo-banner{padding-left:25px;padding-right:25px}.team-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.board{grid-template-columns:repeat(4,230px)}.page-pad{padding:25px}.composer-hint{display:none}}
@media(max-width:900px){.shell{grid-template-columns:75px minmax(0,1fr)}.sidebar{padding:25px 10px 18px;align-items:center}.brand{padding:0}.brand-name,.brand-sub,.workspace-card,.nav-label,.nav-button>span,.sidebar-help,.profile-info{display:none}.nav-button{padding:14px;justify-content:center;width:48px}.nav{margin-top:43px;gap:12px}.nav-button .icon{width:21px;height:21px}.sidebar-bottom{width:100%}.profile{flex-direction:column;padding:17px 0 0;gap:15px}.logout{margin:0}.profile .avatar{width:35px;height:35px}.inbox{grid-template-columns:250px minmax(265px,1fr)}.inbox.show-details{grid-template-columns:250px minmax(265px,1fr)}.customer-panel{padding:20px}.page-header{height:85px;padding:20px}.page-header h1{font-size:21px}.subtitle{font-size:10px}.header-actions{gap:8px}.header-actions .primary-button{font-size:10px}.demo-banner{padding:9px 20px;font-size:10px}.demo-banner button{font-size:10px}.messages{padding:22px 16px}.chat-top{padding:18px 15px}.composer{margin:0 12px 14px}.connection-layout{grid-template-columns:1fr}.login-art{padding:40px}.login-art h1{font-size:34px}.login-art .brand{margin-bottom:70px}.workflow-line{gap:6px}.workflow-line>span{padding:8px}.login-area{padding:30px}.role-summary-item{padding:14px 16px;min-width:130px}}
@media(max-width:640px){.shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 65px;height:100dvh;min-height:100dvh}.sidebar{position:fixed;height:65px;top:auto;bottom:0;left:0;right:0;z-index:20;padding:6px 12px;border-radius:0;display:block}.sidebar>.brand,.sidebar-bottom{display:none}.nav{margin:0;display:flex;flex-direction:row;justify-content:space-around;gap:4px}.nav-button{width:auto;flex:1;max-width:95px;padding:8px 5px;display:flex;flex-direction:column;gap:4px;border-radius:7px}.nav-button>span:first-of-type{display:block;font-size:8px}.nav-button>span.nav-count{display:none}.nav-button .icon{width:19px;height:19px}.main{height:calc(100dvh - 65px)}.page-header{height:79px;padding:15px 17px}.page-header h1{font-size:20px}.subtitle{font-size:9px;max-width:190px;margin-top:5px}.header-actions{gap:5px}.connection-pill{font-size:8px;padding:6px 7px}.header-actions .primary-button{font-size:9px;padding:8px 9px}.demo-banner{padding:8px 17px;font-size:9px;gap:6px}.demo-banner .icon{width:13px;height:13px}.demo-banner button{font-size:9px}.inbox{display:flex;position:relative}.conversation-panel{width:100%;border:0}.chat-panel,.customer-panel{display:none}.inbox.has-selection .conversation-panel{display:none}.inbox.has-selection .chat-panel{display:flex;width:100%}.inbox.has-selection.show-details .chat-panel{display:none}.inbox.has-selection.show-details .customer-panel{display:block;width:100%;border:0;padding:22px}.back-button{display:grid}.chat-top{padding:15px 14px;min-height:75px;gap:9px}.chat-title{font-size:12px}.chat-subtitle{font-size:9px}.chat-top-actions .secondary-button{font-size:9px;padding:7px}.message-bubble{max-width:88%}.messages{padding:22px 17px}.message-text{font-size:12px}.composer-hint{display:none}.composer{margin:0 12px 12px}.composer textarea{min-height:65px;padding-top:12px}.page-pad{padding:20px 17px}.board-toolbar{margin-bottom:20px;align-items:flex-start;flex-direction:column;gap:13px}.board{grid-template-columns:repeat(4,235px);gap:12px}.board-summary{font-size:11px}.team-grid{grid-template-columns:1fr 1fr;gap:11px}.team-card{padding:17px 14px}.team-card h3{font-size:12px}.role-summary{gap:9px}.role-summary-item{padding:13px 14px;min-width:calc(50% - 5px)}.role-summary-item strong{font-size:20px}.role-summary-item span{font-size:10px}.intro-card{padding:17px;gap:12px}.intro-card h2{font-size:12px}.intro-card p{font-size:10px}.intro-card .empty-icon{width:40px;height:40px;flex-shrink:0}.connection-card{padding:20px}.connection-layout{gap:17px}.login-page{grid-template-columns:1fr}.login-art{padding:30px 25px 35px;min-height:auto}.login-art .brand{margin-bottom:30px;display:flex}.login-art .brand-name{display:block;font-size:20px}.login-art .brand-sub{display:block}.login-art h1{font-size:30px;max-width:350px}.login-art>p{font-size:12px;margin-top:15px;max-width:320px}.workflow-line{margin-top:23px}.login-area{padding:32px 25px 40px;align-items:flex-start}.login-card h2{font-size:25px}.login-footer{margin-top:24px}.modal-overlay{padding:15px}.modal{padding:22px;max-height:calc(100dvh - 30px)}.form-row{grid-template-columns:1fr;gap:0}.toast{bottom:80px;font-size:11px;min-width:70vw;text-align:center}.customer-panel .mobile-title{display:flex;align-items:center;gap:10px;margin-bottom:23px}.customer-panel .mobile-title h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.message-meta.message-failed{color:#bd5368}.message-row.outbound .failed-bubble{border-color:#ebc5d0;background:#fff2f5}
.mobile-logout{display:none}
.quick-reply-card{width:100%;text-align:left;display:block;transition:border-color .15s,background .15s}.quick-reply-card:hover:not(:disabled){background:#fff9df;border-color:#dfcf8b}.quick-reply-card:disabled{opacity:.55}.quick-title{display:block;font-size:11px;line-height:1.55;color:#7c7c7c;font-weight:600;margin-bottom:8px}.quick-text{display:block;font-size:10px;line-height:1.75;color:#a9a9a9;white-space:pre-wrap;overflow-wrap:anywhere}.internal-page{height:100%;display:flex;flex-direction:column;min-height:0;background:#fafbfe}.internal-team-bar{padding:20px 25px 18px;background:white;border-bottom:1px solid var(--line);flex-shrink:0}.internal-team-bar>.section-label{margin-bottom:13px}.internal-team-tabs{display:flex;gap:9px;overflow-x:auto;padding-bottom:3px}.internal-team-tab{display:flex;align-items:center;gap:9px;text-align:left;padding:10px 12px;border:1px solid #f6f6f6;background:#fafbfe;border-radius:10px;flex:1;min-width:126px;max-width:180px;color:#979797}.internal-team-tab:hover{border-color:#dedede;background:#f7f9ff}.internal-team-tab.active{background:#fff8d6;border-color:#e4d283;color:#878787}.internal-team-tab .avatar{width:31px;height:31px;border-radius:10px;font-size:10px}.internal-team-label{display:flex;flex-direction:column;min-width:0;gap:4px}.internal-team-name{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.internal-team-role{font-size:8px;color:#b1b1b1;white-space:nowrap}.internal-page>.chat-panel{display:flex;width:100%;flex:1;min-height:0}.internal-page .message-bubble{max-width:min(75%,620px)}.composer-attach{border:0;background:transparent;color:#a7a7a7;min-width:27px}.composer-attach .icon{width:17px;height:17px}.attachment-link{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff9e;border:1px solid #e6e6e6;border-radius:9px;color:#8f8f8f;text-decoration:none;margin-top:12px;min-width:170px;max-width:330px}.attachment-link:hover{background:#fff;border-color:#d9c983}.attachment-icon{width:30px;height:34px;display:grid;place-items:center;background:#fff8d6;border-radius:6px;flex-shrink:0}.attachment-details{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.attachment-details strong{font-size:11px;font-weight:550;overflow-wrap:anywhere}.attachment-details small{font-size:9px;color:#acacac}.attachment-link>.icon{width:14px;height:14px;flex-shrink:0}.attachment-unavailable{font-size:11px;color:#a9a9a9;margin-top:10px;display:flex;gap:6px;align-items:center}.upload-preview{display:flex;align-items:center;gap:15px;padding:18px;background:#f6f8fd;border:1px solid #f6f6f6;border-radius:10px;margin-bottom:22px}.upload-preview h3{font-size:12px;font-weight:550;line-height:1.65;overflow-wrap:anywhere}.upload-preview p{font-size:10px;color:#acacac;margin-top:7px}.upload-file-icon{width:42px;height:45px;background:#fff2b8;color:#a2a2a2;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.production-toolbar{margin-bottom:22px}.production-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:22px;max-width:1150px}.production-card{background:white;border:1px solid #f6f6f6;border-radius:14px;padding:15px;box-shadow:0 3px 8px #25252504}.production-image{height:245px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;background:#f7f8fc;border:1px solid #f6f6f6}.production-image img{height:100%;width:100%;object-fit:contain}.production-specs{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;gap:12px}.production-specs>div{display:flex;flex-direction:column;gap:8px;padding:2px 7px}.production-specs>div+div{border-left:1px solid var(--line);padding-left:18px}.production-specs span{font-size:9px;letter-spacing:1px;color:#aaaaaa;font-weight:600}.production-specs strong{font-size:18px;color:#787878;font-weight:600;overflow-wrap:anywhere;line-height:1.5}.production-ready{width:100%;padding:12px;font-size:12px;background:#528777;border-color:#528777}.production-ready:hover{background:#427768;border-color:#427768}.production-description{font-size:12px;line-height:1.8;color:#818181;white-space:pre-wrap;overflow-wrap:anywhere;margin:17px 7px 0}.production-empty{height:100%;display:flex;align-items:center;justify-content:center}.order-image-preview{border:1px solid var(--line);border-radius:11px;background:#f7f9fd;overflow:hidden;height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.order-image-preview img{height:100%;width:100%;object-fit:contain}.order-image-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:24px;color:#b5b5b5;font-size:11px;line-height:1.7;text-align:center;width:100%;height:100%}.order-image-empty .icon{height:40px;width:40px;stroke-width:1.1}.order-thumbnail{height:125px;object-fit:contain;width:100%;background:#f7f9fd;border:1px solid #f6f6f6;border-radius:8px;margin-bottom:13px}.transfer-order-summary{border:1px solid #f6f6f6;border-radius:9px;padding:13px;margin-bottom:10px}.transfer-order-summary strong{font-size:11px;color:#8d8d8d;font-weight:600}.transfer-order-summary p{font-size:10px;color:#b0b0b0;margin-top:7px;line-height:1.7}.modal-wide{width:730px}.batch-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:10px}.batch-count{font-size:10px;color:#979797;background:#fff8d6;padding:5px 8px;border-radius:6px;white-space:nowrap}.production-batch-items{display:flex;flex-direction:column;gap:18px}.batch-product{border:1px solid #f6f6f6;border-radius:12px;padding:17px;background:#fafbfe}.batch-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.batch-item-header .section-label{color:#939393}.batch-item-header .small-text{font-size:9px}.batch-product-body{display:grid;grid-template-columns:195px minmax(0,1fr);gap:20px}.batch-image-preview{height:153px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #f6f6f6;border-radius:9px;overflow:hidden;margin-bottom:12px}.batch-image-preview img{height:100%;width:100%;object-fit:contain}.batch-image-preview .order-image-empty{font-size:10px;padding:13px}.batch-image-preview .icon{height:29px;width:29px}.batch-photo .form-field{margin-bottom:0}.batch-photo .form-field label{font-size:10px}.batch-photo input[type=file]{font-size:9px;padding:8px}.batch-information .form-field{margin-bottom:15px}.batch-information .form-field textarea{min-height:92px}.batch-information .form-row .form-field{margin-bottom:0}.batch-remove{display:flex;gap:4px;align-items:center;color:#a17b89;font-size:10px;padding:2px}.batch-remove .icon{width:12px;height:12px}.batch-notice{margin-top:21px;font-size:10px}.production-card .production-description{min-height:42px}
@media(max-width:1200px){.production-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.internal-team-tab{flex:0 0 135px}.internal-team-bar{padding-left:20px;padding-right:20px}}
@media(max-width:640px){.quick-title{font-size:13px}.quick-text{font-size:12px}.internal-team-bar{padding:15px 13px 12px}.internal-team-bar>.section-label{font-size:8px;margin-bottom:10px}.internal-team-tabs{gap:7px}.internal-team-tab{flex:0 0 112px;padding:8px 9px;gap:7px;min-width:112px}.internal-team-tab .avatar{height:26px;width:26px;font-size:8px}.internal-team-name{font-size:10px}.internal-team-role{font-size:7px}.internal-page>.chat-panel{display:flex}.internal-page .composer-bottom .small-text{max-width:180px;font-size:9px}.internal-page .composer-bottom{justify-content:space-between}.production-grid{grid-template-columns:1fr;gap:18px}.production-image{height:285px}.production-specs strong{font-size:19px}.production-description{font-size:13px}.batch-product{padding:15px}.batch-product-body{grid-template-columns:1fr;gap:18px}.batch-photo{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center}.batch-image-preview{height:110px;margin-bottom:0}.batch-photo .form-field label{line-height:1.6}.batch-photo input[type=file]{max-width:100%}.batch-information .form-row{grid-template-columns:1fr 1fr;gap:12px}.batch-information .form-field textarea{min-height:80px}.modal-wide{padding:19px}.batch-toolbar .small-text{font-size:9px}.attachment-link{min-width:150px;max-width:100%}}
@media(max-width:1250px){.internal-layout{grid-template-columns:264px minmax(270px,1fr)}.inbox.show-details{grid-template-columns:264px minmax(270px,1fr)}}
@media(max-width:900px){.internal-layout{grid-template-columns:250px minmax(265px,1fr)}}
@media(max-width:640px){.internal-layout{display:flex}.right-tabs button{font-size:11px;padding:12px 8px}.quick-card h3{font-size:13px}.quick-card p{font-size:12px}.quick-card button{font-size:11px}.quick-hint{font-size:11px}.quick-header .section-label{font-size:10px}.customer-panel>.compact-select{font-size:12px;padding:12px}.board.production-board{grid-template-columns:repeat(2,235px)}.incoming-transfers{max-height:290px}.incoming-card h3{font-size:12px}.incoming-card p{font-size:10px}.incoming-card .small-text{font-size:9px}.incoming-card .detail-actions button{font-size:10px}.composer-signature{font-size:9px}.chat-top-actions .chat-transfer-label{display:none}.chat-top-actions .chat-transfer-button{padding:7px;min-height:30px}}

@media(max-width:640px){.mobile-logout{display:grid}.header-actions{flex-wrap:nowrap}.header-actions .connection-pill{font-size:8px}.page-header>div:first-child{min-width:0}}
:root{--navy:#151515;--navy-soft:#252525;--ink:#282828;--muted:#868686;--line:#e7e7e7;--canvas:#f6f6f6;--blue:#ffd43b;--blue-soft:#fff8d6}
.shell{display:flex;flex-direction:column;height:100dvh;min-height:100dvh;grid-template-columns:none;grid-template-rows:none;overflow:hidden}.main{flex:1;min-height:0;height:auto;max-height:none}.topbar{display:flex;align-items:center;gap:18px;height:56px;min-height:56px;background:#151515;color:#d9d9d9;padding:0 17px;flex-shrink:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;border-bottom:1px solid #292929}.topbar::-webkit-scrollbar{display:none}.topbar .brand{padding:0;gap:9px;flex-shrink:0}.topbar .brand-mark{height:28px;width:28px;border-radius:7px;background:#ffd43b;color:#151515;box-shadow:none}.topbar .brand-mark .icon{height:19px;width:19px}.topbar .brand-name{display:block;font-size:17px;font-weight:650;color:#f3f3f3;letter-spacing:-.35px}.topbar .brand-sub{display:none}.top-nav{display:flex;align-items:center;gap:4px;flex-shrink:0;height:100%;margin:0}.top-nav-button{display:flex;align-items:center;gap:7px;padding:10px 12px;height:36px;border-radius:6px;color:#bdbdbd;font-size:11px;font-weight:500;white-space:nowrap;flex-shrink:0}.top-nav-button:hover{background:#2a2a2a;color:#fff}.top-nav-button.active{background:#ffd43b;color:#171717;font-weight:600}.top-nav-button .icon{width:15px;height:15px}.top-nav-count{font-size:9px;padding:2px 5px;border-radius:4px;background:#333;color:#ddd;line-height:1.3}.top-nav-button.active .top-nav-count{background:#e8bf23;color:#23200e}.topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0;white-space:nowrap}.topbar .connection-pill{background:#242424;color:#b6b6b6;padding:6px 8px;border-radius:6px;font-size:9px}.topbar .connection-pill.connected{color:#8fc8ad}.topbar-user{display:flex;align-items:center;gap:7px;color:#ddd;font-size:11px;padding-left:10px;border-left:1px solid #373737}.topbar-user .avatar{height:26px;width:26px;min-width:26px;border-radius:7px;background:#343434;color:#ffd43b;font-size:9px}.topbar-icon{display:flex;align-items:center;justify-content:center;gap:5px;color:#b9b9b9;height:30px;min-width:26px;padding:4px;font-size:10px}.topbar-icon .icon{height:15px;width:15px}.topbar-icon:hover{color:#ffd43b}.topbar .primary-button{font-size:10px;padding:8px 10px;height:31px;box-shadow:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-banner{min-height:27px;padding:6px 20px;font-size:10px;line-height:1.5}.demo-banner .icon{height:13px;width:13px}.demo-banner button{font-size:10px}.primary-button{background:#ffd43b;border-color:#ffd43b;color:#202020;box-shadow:none}.primary-button:hover{background:#edc42b;border-color:#edc42b;color:#151515}.secondary-button{color:#626262;background:#fff;border-color:#e3e3e3}.secondary-button:hover{background:#fffbeb;border-color:#d9cd97}.filter-tab.active{color:#6d5700;border-bottom-color:#ffd43b}.conversation-item.active{background:#fff8d6}.conversation-item.active:before{background:#e5bb19}.conversation-item:hover{background:#fffcf0}.unread-count{background:#ffd43b;color:#242424}.message-row.outbound .message-bubble{background:#fff6ca;border-color:#f1df96}.message-signature,.sender-name{color:#7a650e}.message-meta .icon{color:#9b851f}.avatar,.avatar.rose,.avatar.sage,.avatar.sand,.avatar.lilac{background:#f5edcd;color:#806e29}.icon-button:hover{color:#7c6500;background:#fff9dc}.tag.blue{background:#fff2b8;color:#857017}.text-button{color:#7e6600}.quick-reply-card{background:#fcfcfa;border-color:#e7e7df}.quick-reply-card:hover:not(:disabled){background:#fff9de;border-color:#e2d39b}.quick-title{color:#55513e}.quick-text{color:#8f8b7e}.right-tabs{background:#f2f2ee}.right-tabs button.active{color:#6e5b09;background:#fff5c0}.right-tabs button{color:#97958d}.segmented button.active{background:#fff3be;color:#78620b}.order-card-actions .primary-button,.production-ready{background:#ffd43b;border-color:#ffd43b;color:#202020}.production-ready:hover{background:#edc42b;border-color:#edc42b;color:#151515}.internal-team-tab.active{background:#fff6cb;border-color:#e3d397;color:#756210}.internal-team-tab{background:#fafaf8;border-color:#e8e7e1;color:#77746b}.internal-team-tab:hover{background:#fffbea;border-color:#d8ce9f}.batch-count{background:#fff5c9;color:#867215}.role-summary-item strong{color:#806b0e}.stage-artwork,.stage-approval{color:#b79b25}.login-art{background:#151515}.login-art h1 span{color:#ffd43b}.login-art .brand-mark{background:#ffd43b;color:#151515}.login-art .brand-name{color:#fff}.login-switch button.active{color:#80680d}.login-area{background:#fafaf8}.page-pad{padding:23px 25px}.chat-top{min-height:68px;padding-top:14px;padding-bottom:14px}.panel-title-row{padding-top:19px;padding-bottom:14px}.customer-panel{padding-top:18px}.composer{margin-bottom:13px}.production-image,.order-image-preview,.batch-image-preview{background:#fafaf7}.production-specs strong{color:#504b38}.production-specs span{color:#8c8777}.production-description{color:#6d695c}.attachment-link{color:#7e6b1d;background:#fffcf0;border-color:#e1d7b4}.attachment-link:hover{background:#fff8d6;border-color:#d0bb62}.attachment-icon{background:#fff0ae}.upload-file-icon{background:#fff0ae;color:#88700c}.empty-icon{background:#f5efda;color:#b19b4a}.toast{background:#202020}.toast.error{background:#a64153}.form-field input,.form-field select,.form-field textarea{color:#555;border-color:#dfdfd8}.compact-select{color:#797568;background:#fcfcfa;border-color:#e5e4db}.quick-hint,.small-text,.subtitle{color:#949187}.brand-sub{color:#9c9786}.internal-team-bar{padding-top:15px;padding-bottom:13px}
@media(min-width:1251px){.inbox{grid-template-columns:295px minmax(330px,1fr) 282px}.messages{padding-left:31px;padding-right:31px}.composer textarea{min-height:65px}.internal-page .composer{margin-left:25px;margin-right:25px}}
@media(max-width:1150px){.topbar{gap:11px;padding-left:12px;padding-right:12px}.top-nav-button{padding:9px 10px;font-size:10px}.topbar-actions{gap:7px}.topbar .brand-name{font-size:16px}.topbar .brand-mark{width:26px;height:26px}.topbar-user{font-size:10px}}
@media(max-width:640px){.shell{display:flex;height:100dvh;min-height:100dvh}.main{height:auto;min-height:0;max-height:none}.topbar{height:52px;min-height:52px;gap:10px;padding:0 11px}.topbar .brand-name{display:block;font-size:15px}.topbar .brand-mark{width:25px;height:25px}.topbar .brand-sub{display:none}.top-nav-button{height:34px;padding:9px 10px;font-size:10px;gap:6px}.top-nav-button .icon{width:14px;height:14px}.topbar-actions{margin-left:4px;gap:8px}.topbar-user{font-size:10px;padding-left:8px}.topbar-user .avatar{height:24px;width:24px;min-width:24px}.topbar .connection-pill{font-size:8px}.topbar .primary-button{font-size:9px;padding:7px 9px}.demo-banner{padding:5px 13px;font-size:9px}.demo-banner button{font-size:9px}.page-pad{padding:19px 15px}.chat-top{min-height:65px}.internal-page>.chat-panel{display:flex}.quick-title{font-size:13px}.quick-text{font-size:12px}}
@media(min-width:1000px) and (max-width:1250px){.inbox,.inbox.show-details{grid-template-columns:280px minmax(330px,1fr) 268px}.customer-panel,.inbox.show-details .customer-panel{display:block}.inbox.show-details .chat-panel{display:flex}.details-toggle{display:none}}
.conversation-filter{padding:0 16px 14px;border-bottom:1px solid #ededeb}.conversation-filter select{font-size:10px;background:#fafaf7}.conversation-item .deadline-badge{margin-top:9px;padding:4px 6px;font-size:8px}.conversation-item .deadline-badge strong{font-size:8px}.conversation-item .deadline-badge span{font-size:7px}.deadline-badge{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 10px;border-radius:6px;padding:7px 9px;font-size:9px;border:1px solid transparent;margin:10px 0 0;line-height:1.6}.deadline-badge strong{font-size:9px;font-weight:600}.deadline-badge span{font-size:8px;opacity:.85}.due-green{background:#e4f5e7;color:#2e7140;border-color:#c9e7cf}.due-yellow{background:#fff2ae;color:#79600c;border-color:#f0dc83}.due-red{background:#ffe1dd;color:#a13d33;border-color:#efc2b9}.due-overdue{background:#751e25;color:#fff;border-color:#751e25}.due-none{background:#f0f0ec;color:#98968c;border-color:#e8e8e3}.deadline-large{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:0;border-radius:10px;padding:14px 17px}.deadline-large strong{font-size:21px;font-weight:700;letter-spacing:-.45px;line-height:1.4}.deadline-large span{font-size:11px;opacity:.9}.production-card .deadline-large{margin:-15px -15px 14px;border-radius:13px 13px 0 0;padding:15px 20px;border-bottom:3px solid currentColor}.production-due-red{border-color:#d28c7d}.production-due-overdue{border-color:#751e25;box-shadow:0 3px 12px #751e2512}.production-due-yellow{border-color:#e3d28a}.production-due-green{border-color:#c8dfcc}.printed-check{display:flex;align-items:center;gap:10px;border:1px solid #e8e6d9;background:#fbfaf2;border-radius:8px;padding:12px;font-size:12px;font-weight:650;color:#6e653f;margin:18px 0 12px;cursor:pointer}.printed-check input{accent-color:#d5a900;width:17px;height:17px;margin:0}.chat-deadline-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border-bottom:1px solid #eeeeea;padding:7px 18px;flex-shrink:0}.chat-deadline-bar .deadline-badge{margin:0;max-width:330px;padding:4px 7px}.sales-promise{font-size:8px;line-height:1.6;color:#a49b76}.composer-mode{display:flex;gap:3px;padding:7px 10px 0}.composer-mode button{font-size:9px;color:#999285;border-radius:5px;padding:5px 9px}.composer-mode button.active{background:#fff1aa;color:#75610c;font-weight:600}.note-composer{background:#fff9e5;border-color:#e6d7a5}.note-bubble{background:#fff4cf!important;border:1px dashed #d7bf6c!important}.note-bubble>.tag{margin-bottom:8px}.note-row{justify-content:center}.note-row .message-bubble{max-width:90%}.note-row .sender-name{color:#a18a3a}.stage-board.stage-count-1{grid-template-columns:minmax(260px,420px)}.stage-board.stage-count-3{grid-template-columns:repeat(3,minmax(205px,1fr))}.stage-board.stage-count-5{grid-template-columns:repeat(5,minmax(205px,1fr))}.stage-sales{color:#aa9431}.stage-ready{color:#799b4e}.stage-artwork{color:#ac8722}.requests-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:23px}.requests-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px}.requests-grid .order-card{margin:0}.deadline-legend{display:flex;gap:5px;flex-wrap:wrap}.deadline-legend span{font-size:8px;padding:4px 6px;border-radius:4px;border:1px solid transparent}.quick-tools{display:flex;gap:4px}.quick-entry{position:relative}.quick-edit{position:absolute;top:9px;right:9px;width:24px;height:24px;min-width:24px;min-height:24px;background:#fffef4d9;border-color:#e8e2c8;color:#9d9169;z-index:2}.quick-edit .icon{width:12px;height:12px}.quick-entry .quick-title{padding-right:23px}.quick-media-image{display:block;width:100%;max-height:135px;object-fit:contain;background:#fff;border:1px solid #eeeade;border-radius:6px;margin:11px 0}.quick-entry .quick-text{margin-top:8px}.compact-replies{gap:6px}.compact-replies .quick-card{padding:11px 12px;min-height:54px}.compact-replies .quick-title{margin-bottom:3px;font-size:10px}.compact-replies .quick-text{max-height:32px;overflow:hidden;font-size:9px;line-height:1.6;margin-top:5px}.compact-replies .quick-media-image{display:none}.compact-replies .quick-card>.tag{font-size:7px;padding:2px 4px;margin-bottom:5px}.compact-replies .quick-edit{top:8px;right:8px}.list-options-box{background:#f8f8f3;border:1px solid #e6e4d9;border-radius:9px;padding:14px;margin-bottom:18px}.list-option-row{position:relative;padding:12px 0;border-bottom:1px solid #e5e1d5}.list-option-row .form-field{margin-bottom:8px}.list-option-row>input{border:1px solid #e0ddd1;background:white;border-radius:7px;padding:10px;width:100%;font-size:11px;color:#696253}.list-option-row .text-button{font-size:9px}.attachment-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.attachment-menu button{display:flex;flex-direction:column;gap:9px;padding:20px 10px;font-size:12px}.attachment-menu .icon{width:25px;height:25px}.attachment-image,.attachment-video{display:block;max-width:100%;width:330px;max-height:330px;border-radius:9px;margin-top:12px;background:#f5f1df;object-fit:contain}.attachment-video{max-height:270px}.upload-media-preview{display:block;width:100%;height:240px;object-fit:contain;background:#f9f6e8;border-radius:10px;margin-bottom:19px}.internal-team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.internal-team-header .section-label{margin:0}.internal-team-header .secondary-button{font-size:10px;padding:6px 9px}.group-members{border:1px solid #e3dfd3;border-radius:9px;padding:11px 14px;margin:0 0 20px}.group-members legend{font-size:11px;color:#8d8470;padding:0 6px}.member-check{display:flex;align-items:center;gap:10px;padding:10px 3px;font-size:12px;color:#766d56;cursor:pointer}.member-check input{width:15px;height:15px;accent-color:#d1a800}.member-check .avatar{width:27px;height:27px;border-radius:8px;font-size:9px}.incoming-notification{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:6px;max-width:290px;padding:14px 17px;border:1px solid #e0d192;background:#fff9e1;border-radius:10px;box-shadow:0 5px 22px #5f4b1b15;z-index:90;text-align:left;cursor:pointer}.incoming-notification strong{font-size:12px;font-weight:650;color:#6f5a15}.incoming-notification span{font-size:10px;line-height:1.7;max-height:51px;overflow:hidden;color:#9a8b61}.notifications-list{display:flex;flex-direction:column;gap:9px}.notification-item{padding:14px;text-align:left;border:1px solid #e9e3ce;background:#fffcf0;border-radius:8px}.notification-item strong{font-size:12px;color:#786528}.notification-item p{font-size:11px;line-height:1.7;margin-top:7px;color:#9b906e}.notification-item small{display:block;margin-top:7px;color:#b1a77f;font-size:9px}.notification-button{position:relative}.notification-count{background:#ffd43b;color:#242018;font-size:8px;line-height:1;border-radius:10px;padding:3px 4px;position:absolute;top:-1px;right:-4px}.batch-information .form-field textarea{min-height:130px}.batch-product-body{grid-template-columns:195px minmax(0,1fr)}.production-card .production-description{font-size:13px;line-height:1.9;min-height:42px}.requests-filter{overflow-x:auto}.production-toolbar .board-summary{font-size:12px;color:#81785b}
@media(min-width:1000px){.inbox,.inbox.show-details{grid-template-columns:var(--inbox-left,280px) minmax(300px,1fr) var(--inbox-right,282px)}}
@media(max-width:1200px){.requests-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media(max-width:640px){.chat-deadline-bar{padding:6px 12px;align-items:flex-start;flex-wrap:wrap;gap:5px}.chat-deadline-bar .deadline-badge{font-size:8px}.sales-promise{font-size:8px}.chat-top-actions{gap:4px}.chat-top-actions .secondary-button{font-size:8px;padding:6px}.chat-top-actions .icon-button{min-width:26px;width:26px}.stage-board.stage-count-3,.stage-board.stage-count-5{grid-template-columns:repeat(3,235px)}.stage-board.stage-count-5{grid-template-columns:repeat(5,235px)}.stage-board.stage-count-1{grid-template-columns:minmax(260px,1fr)}.requests-grid{grid-template-columns:1fr}.requests-toolbar{gap:13px}.deadline-legend span{font-size:8px}.requests-filter{width:100%}.requests-filter button{font-size:10px;padding:7px 10px}.deadline-large strong{font-size:22px}.deadline-large span{font-size:12px}.printed-check{font-size:13px;padding:14px}.composer-mode{padding-top:6px}.composer-mode button{font-size:10px}.attachment-image,.attachment-video{width:100%;max-height:300px}.batch-product-body{grid-template-columns:1fr}.batch-information .form-field textarea{min-height:90px}.incoming-notification{right:12px;bottom:12px;max-width:270px}.quick-tools .icon-button{width:24px;height:24px}.compact-replies .quick-title{font-size:12px}.compact-replies .quick-text{font-size:10px}.notification-button .icon{width:14px;height:14px}.attachment-menu button{font-size:11px;padding:17px 7px}}

.notification-highlight{outline:3px solid #ffd43b;outline-offset:3px}
@media(min-width:760px){.topbar{overflow-x:hidden}.top-nav{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.top-nav-button{flex-shrink:0}.topbar-actions{margin-left:0}}
.new-order-choices{display:grid;gap:12px}.order-choice{display:flex;align-items:center;gap:16px;padding:20px;text-align:left;border:1px solid #e6e2d5;border-radius:10px;background:#fffdf5}.order-choice:hover{background:var(--theme-soft);border-color:var(--theme-accent)}.order-choice>.icon{width:25px;height:25px;color:var(--theme-text)}.order-choice strong{display:block;font-size:14px;margin-bottom:7px}.order-choice small{display:block;font-size:11px;line-height:1.7;color:#8f8775}.commerce-page{max-width:1400px}.commerce-page-title{margin-top:8px}.commerce-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.commerce-status{display:flex;align-items:center;gap:15px;flex-wrap:wrap;background:#fff;border:1px solid #e6e3d8;border-radius:12px;padding:23px;margin-bottom:30px}.commerce-status>div:first-child{flex:1;min-width:210px}.commerce-status a{display:block;margin-top:8px;font-size:11px;color:var(--theme-text);text-decoration:none;word-break:break-all}.commerce-status>p{width:100%;font-size:12px;color:#948b75;line-height:1.9}.commerce-status>small{font-size:10px;color:#a59c86}.commerce-list-title{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.commerce-orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.commerce-order-card{border:1px solid #e4e0d4;background:white;border-radius:11px;padding:20px;min-width:0}.commerce-order-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.commerce-buyer{font-size:12px;color:#8a806a;line-height:1.8;margin-top:12px;overflow-wrap:anywhere}.commerce-order-items{font-size:12px;line-height:1.8;color:#8a806a;margin:15px 0;padding-left:18px}.commerce-order-footer{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:15px;border-top:1px solid #eeeade}.commerce-order-footer>strong{margin-right:auto;font-size:16px;color:var(--theme-text)}.commerce-order-footer .secondary-button{padding:7px 9px;font-size:10px}.commerce-order-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.commerce-order-form>.section-label{margin:25px 0 15px}.commerce-search{display:flex;gap:8px;margin:10px 0}.commerce-search>input{min-width:0;flex:1;padding:10px 12px;border:1px solid #e0dccf;border-radius:7px;font-size:12px}.commerce-catalog{border:1px solid #e5e1d4;border-radius:9px;padding:13px;max-height:320px;overflow:auto}.commerce-product{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:11px 0;border-bottom:1px solid #eeeade}.commerce-product>strong{grid-column:1/-1;font-size:12px;font-weight:600;line-height:1.6}.commerce-product>select{width:100%;min-width:0;padding:8px;background:white;border:1px solid #e6e1d4;border-radius:7px;font-size:11px;color:#8d8267}.commerce-product .secondary-button{font-size:10px;padding:8px 9px}.commerce-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.commerce-pagination button{font-size:10px;padding:7px 9px}.commerce-selected-items{margin:0 0 20px}.commerce-selected-row{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #eeeade}.commerce-selected-row>div:first-child{flex:1;min-width:0}.commerce-selected-row strong{display:block;font-size:12px;line-height:1.7}.commerce-selected-row small{display:block;font-size:10px;color:#9d9278;line-height:1.7}.commerce-selected-row .form-field{width:90px;flex-shrink:0;margin:0}.commerce-selected-row .form-field label{font-size:9px}.commerce-selected-row .form-field input{padding:9px}.commerce-totals{padding:18px;background:var(--theme-soft);border-radius:10px;margin:17px 0}.commerce-totals>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0;font-size:12px}.commerce-totals .commerce-total-normal{border-top:1px solid #00000012;margin-top:15px;padding-top:15px}.commerce-totals .commerce-total-normal strong{font-size:18px}.commerce-totals .commerce-total-pix{color:#318351}.commerce-totals .commerce-total-pix strong{font-size:19px}.commerce-link-result .tag{margin-bottom:20px}.commerce-result-total{font-size:14px;margin-bottom:20px}.commerce-link-result .small-text{margin:15px 0;line-height:1.8}.commerce-link-result .commerce-actions{margin-top:22px}.commerce-order-form>.notice{margin-bottom:22px}.commerce-order-form>.small-text{line-height:1.8}.commerce-order-form>.modal-actions{margin-top:22px}
html[data-appearance="dark"] .order-choice,html[data-appearance="dark"] .commerce-status,html[data-appearance="dark"] .commerce-order-card{background:#242424;border-color:#464133}html[data-appearance="dark"] .order-choice:hover{background:var(--theme-soft)}html[data-appearance="dark"] .commerce-status>p,html[data-appearance="dark"] .commerce-buyer,html[data-appearance="dark"] .commerce-order-items,html[data-appearance="dark"] .order-choice small{color:#c2b89f}html[data-appearance="dark"] .commerce-order-footer,html[data-appearance="dark"] .commerce-product,html[data-appearance="dark"] .commerce-selected-row,html[data-appearance="dark"] .commerce-catalog{border-color:#4a4333}html[data-appearance="dark"] .commerce-search>input,html[data-appearance="dark"] .commerce-product>select{background:#292929;border-color:#484337;color:#d8cdb6}html[data-appearance="dark"] .commerce-totals .commerce-total-pix{color:#93cf9e}html[data-appearance="dark"] .commerce-totals .commerce-total-normal{border-color:#ffffff17}
@media(max-width:850px){.commerce-orders{grid-template-columns:1fr}}@media(max-width:640px){.commerce-status{padding:17px}.commerce-order-form .form-row{grid-template-columns:1fr;gap:0}.commerce-actions>.primary-button,.commerce-actions>.secondary-button{font-size:11px}.commerce-selected-row{gap:8px}.commerce-selected-row .form-field{width:75px}.commerce-totals>div{font-size:11px}.commerce-totals .commerce-total-normal strong,.commerce-totals .commerce-total-pix strong{font-size:16px}.order-choice{padding:17px}.commerce-product>select{font-size:10px}.commerce-catalog{padding:10px}.commerce-order-heading h3{font-size:13px}}
:root{--theme-nav:#151515;--theme-accent:#ffd43b;--theme-soft:#fff8d6;--theme-ink:#202020;--theme-text:#7e6600}
.topbar,.login-art{background:var(--theme-nav)}.topbar .brand-mark,.login-art .brand-mark{background:var(--theme-accent);color:var(--theme-ink)}.top-nav-button.active{background:var(--theme-accent);color:var(--theme-ink)}.top-nav-button.active .top-nav-count{background:#00000012;color:var(--theme-ink)}.topbar-user .avatar{color:var(--theme-accent);background:#ffffff12}.topbar-icon:hover{color:var(--theme-accent)}.primary-button,.order-card-actions .primary-button,.production-ready{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-ink)}.primary-button:hover,.production-ready:hover{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-ink);filter:brightness(.94)}.secondary-button:hover{background:var(--theme-soft)}.conversation-item.active{background:var(--theme-soft)}.conversation-item.active:before{background:var(--theme-accent)}.unread-count,.notification-count{background:var(--theme-accent);color:var(--theme-ink)}.filter-tab.active{color:var(--theme-text);border-color:var(--theme-accent)}.message-row.outbound .message-bubble{background:var(--theme-soft);border-color:#0000000d}.message-signature,.sender-name,.message-meta .icon{color:var(--theme-text)}.avatar,.avatar.rose,.avatar.sage,.avatar.sand,.avatar.lilac{background:var(--theme-soft);color:var(--theme-text)}.tag.blue{background:var(--theme-soft);color:var(--theme-text)}.text-button{color:var(--theme-text)}.right-tabs button.active,.segmented button.active{background:var(--theme-soft);color:var(--theme-text)}.quick-reply-card:hover:not(:disabled){background:var(--theme-soft);border-color:#0000001c}.internal-team-tab.active{background:var(--theme-soft);border-color:#0000001c;color:var(--theme-text)}.composer-mode button.active{background:var(--theme-soft);color:var(--theme-text)}.icon-button:hover{background:var(--theme-soft);color:var(--theme-text)}.batch-count,.attachment-icon,.upload-file-icon{background:var(--theme-soft);color:var(--theme-text)}.role-summary-item strong,.login-switch button.active{color:var(--theme-text)}.login-art h1 span{color:var(--theme-accent)}.notification-highlight{outline-color:var(--theme-accent)}.personal-palettes{display:grid;grid-template-columns:repeat(5,minmax(85px,1fr));gap:10px;margin:16px 0 13px}.palette-choice{display:flex;flex-direction:column;align-items:center;gap:9px;padding:10px 7px;background:#fafaf8;border:1px solid #e6e5dc;border-radius:9px;font-size:9px;line-height:1.5;text-align:center;color:#8c8674}.palette-choice.active{outline:2px solid var(--theme-accent);outline-offset:1px;color:var(--theme-text);font-weight:600}.palette-sample{display:flex;width:100%;height:28px;border-radius:5px;overflow:hidden;border:1px solid #0000000d}.palette-sample>span:first-child{width:40%;background:var(--sample-nav)}.palette-sample>span:last-child{flex:1;background:var(--sample-accent)}.personal-settings-note{font-size:10px;line-height:1.8;color:#9c9278;margin:12px 0 18px}.personal-sound-settings{border-top:1px solid #e8e5d9;padding-top:22px;margin-top:20px}.personal-sound-settings>.section-label{margin-bottom:19px}.personal-volume{display:flex;align-items:center;gap:17px}.personal-volume input{padding:0!important;accent-color:var(--theme-accent);box-shadow:none!important}.personal-volume-value{font-size:11px;min-width:36px;color:var(--theme-text)}.personal-mute{display:flex;align-items:center;gap:9px;font-size:12px;color:#80755c;margin:2px 0 18px}.personal-mute input{width:15px;height:15px;accent-color:var(--theme-accent)}.personal-settings input:focus,.personal-settings select:focus{border-color:var(--theme-accent);box-shadow:0 0 0 3px #00000008}.personal-settings .form-field{max-width:380px}
@media(max-width:640px){.personal-palettes{grid-template-columns:repeat(2,minmax(110px,1fr));gap:10px}.palette-choice{font-size:11px;padding:12px}.palette-sample{height:25px}.personal-settings-note{font-size:10px}.personal-sound-settings .form-field{max-width:none}.personal-palettes .palette-choice:last-child:nth-child(odd){grid-column:1/-1}}
.personal-appearance{margin:14px 0 22px;width:fit-content}.personal-appearance button{min-width:90px;font-size:12px;padding:9px 18px}.personal-color-label{margin-top:8px}
html[data-appearance="dark"]{--surface:#202020;--canvas:#191919;--ink:#e6e4de;--muted:#b3afa4;--line:#393939;color-scheme:dark}
html[data-appearance="dark"] body,html[data-appearance="dark"] .page-body{background:#191919;color:#e3e1da}html[data-appearance="dark"] .inbox,html[data-appearance="dark"] .conversation-panel,html[data-appearance="dark"] .customer-panel,html[data-appearance="dark"] .chat-top,html[data-appearance="dark"] .chat-deadline-bar,html[data-appearance="dark"] .internal-team-bar{background:#202020;border-color:#363636}html[data-appearance="dark"] .chat-panel,html[data-appearance="dark"] .internal-page{background:#191919}html[data-appearance="dark"] .conversation-item:hover{background:#2b2b2b}html[data-appearance="dark"] .conversation-item.active{background:var(--theme-soft)}html[data-appearance="dark"] .conversation-name,html[data-appearance="dark"] .chat-title,html[data-appearance="dark"] .customer-overview h3,html[data-appearance="dark"] .panel-title-row h2{color:#e4e1d8}html[data-appearance="dark"] .message-preview,html[data-appearance="dark"] .conversation-owner,html[data-appearance="dark"] .chat-subtitle{color:#a7a398}html[data-appearance="dark"] .message-bubble{background:#282828;border-color:#343434}html[data-appearance="dark"] .message-text{color:#e2dfd5}html[data-appearance="dark"] .message-row.outbound .message-bubble{background:var(--theme-soft);border-color:#ffffff08}html[data-appearance="dark"] .note-bubble{background:#392e18!important;border-color:#8b7130!important}html[data-appearance="dark"] .note-composer{background:#302919;border-color:#5b4a23}html[data-appearance="dark"] .composer{background:#252525;border-color:#3c3c3c}html[data-appearance="dark"] .composer textarea{color:#e5e1d8}html[data-appearance="dark"] .composer textarea::placeholder{color:#949085}html[data-appearance="dark"] .search-input,html[data-appearance="dark"] .compact-select,html[data-appearance="dark"] .form-field input,html[data-appearance="dark"] .form-field select,html[data-appearance="dark"] .form-field textarea{background:#292929;color:#e1ddd2;border-color:#43413a}html[data-appearance="dark"] .conversation-filter{border-color:#343434}html[data-appearance="dark"] .secondary-button,html[data-appearance="dark"] .icon-button{background:#292929;color:#c9c3b3;border-color:#474339}html[data-appearance="dark"] .secondary-button:hover,html[data-appearance="dark"] .icon-button:hover{background:var(--theme-soft);color:var(--theme-text)}html[data-appearance="dark"] .right-tabs,html[data-appearance="dark"] .segmented{background:#292929;border-color:#3e3b33}html[data-appearance="dark"] .right-tabs button,html[data-appearance="dark"] .segmented button{color:#afa99a}html[data-appearance="dark"] .right-tabs button.active,html[data-appearance="dark"] .segmented button.active{background:var(--theme-soft);color:var(--theme-text)}html[data-appearance="dark"] .quick-card,html[data-appearance="dark"] .job-preview,html[data-appearance="dark"] .order-card,html[data-appearance="dark"] .team-card,html[data-appearance="dark"] .role-summary-item,html[data-appearance="dark"] .connection-card,html[data-appearance="dark"] .production-card{background:#242424;border-color:#3c3a34}html[data-appearance="dark"] .quick-title,html[data-appearance="dark"] .order-card h3,html[data-appearance="dark"] .team-card h3,html[data-appearance="dark"] .connection-card h2{color:#e2dccd}html[data-appearance="dark"] .quick-text,html[data-appearance="dark"] .order-note,html[data-appearance="dark"] .production-description,html[data-appearance="dark"] .job-preview p,html[data-appearance="dark"] .team-card p{color:#c0b8a7}html[data-appearance="dark"] .quick-edit{background:#313028df;border-color:#56503a;color:#c2b577}html[data-appearance="dark"] .board-column{background:#202020;border-color:#35332c}html[data-appearance="dark"] .column-empty{border-color:#484335;color:#afa795}html[data-appearance="dark"] .modal{background:#222;color:#e4dfd3}html[data-appearance="dark"] .modal-subtitle,html[data-appearance="dark"] .form-field label,html[data-appearance="dark"] .small-text,html[data-appearance="dark"] .personal-settings-note,html[data-appearance="dark"] .personal-mute{color:#b5aa91}html[data-appearance="dark"] .palette-choice{background:#30302c;border-color:#494638;color:#c9bea4}html[data-appearance="dark"] .palette-choice.active{color:var(--theme-text)}html[data-appearance="dark"] .notice,html[data-appearance="dark"] .connection-info,html[data-appearance="dark"] .list-options-box,html[data-appearance="dark"] .batch-product,html[data-appearance="dark"] .upload-preview,html[data-appearance="dark"] .printed-check{background:#2c2a22;border-color:#514a34;color:#c3b898}html[data-appearance="dark"] .internal-team-tab{background:#2a2924;border-color:#464132;color:#c4bba4}html[data-appearance="dark"] .internal-team-tab.active{background:var(--theme-soft);color:var(--theme-text)}html[data-appearance="dark"] .internal-team-name{color:inherit}html[data-appearance="dark"] .personal-sound-settings,html[data-appearance="dark"] .detail-block,html[data-appearance="dark"] .order-card-bottom{border-color:#3f3b31}html[data-appearance="dark"] .production-image,html[data-appearance="dark"] .order-image-preview,html[data-appearance="dark"] .batch-image-preview{background:#292929;border-color:#484235}html[data-appearance="dark"] .printed-check{color:#d3c8a9}html[data-appearance="dark"] .group-members{border-color:#514a37}html[data-appearance="dark"] .member-check,html[data-appearance="dark"] .group-members legend{color:#c4b797}html[data-appearance="dark"] .notification-item{background:#302c20;border-color:#574b2a}html[data-appearance="dark"] .notification-item strong{color:#daca93}html[data-appearance="dark"] .notification-item p{color:#b6a77d}html[data-appearance="dark"] .empty-icon{background:var(--theme-soft);color:var(--theme-text)}html[data-appearance="dark"] .day-divider span{background:#2e2d27;color:#b6ae9a}html[data-appearance="dark"] .number-badge{background:#34322b;color:#bdb394}

/* Reports, contacts and separate WhatsApp groups. */
.workspace-page{max-width:1500px;margin:auto;width:100%}.report-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:22px 0}.report-filters .form-field{margin:0;min-width:150px}.report-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin-bottom:25px}.report-card{border:1px solid #e8e3d7;border-radius:14px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:14px}.report-card span{font-size:12px;color:#857963}.report-card strong{font-size:28px;font-weight:750}.report-section{padding:23px;background:#fff;border:1px solid #e8e3d7;border-radius:14px;margin-bottom:20px}.report-section h3{margin:0 0 20px}.report-table-wrap{overflow:auto}.report-table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}.report-table th,.report-table td{padding:12px;border-bottom:1px solid #eee9de;white-space:nowrap}.report-table th{color:#827356;font-size:11px}.report-bar-row{display:grid;grid-template-columns:170px 1fr 35px;gap:15px;align-items:center;margin:16px 0;font-size:13px}.report-bar-track{height:10px;border-radius:9px;background:#f1eee5;overflow:hidden}.report-bar-fill{height:100%;display:block;border-radius:9px;background:var(--theme-accent,#ffd43b)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:20px}.contact-card{background:#fff;border:1px solid #e8e3d7;border-radius:14px;padding:20px;display:flex;gap:15px;align-items:start;flex-wrap:wrap}.contact-card h3{margin:0 0 8px}.contact-card p{margin:0 0 5px;font-size:13px}.contact-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.whatsapp-groups-layout{display:grid;grid-template-columns:300px 1fr;gap:20px;min-height:65vh}.whatsapp-group-list{display:flex;flex-direction:column;gap:12px}.whatsapp-group-list .internal-team-tab{justify-content:start;text-align:left;white-space:normal;width:100%}.whatsapp-group-list strong,.whatsapp-group-list small{display:block}.whatsapp-group-list small{margin-top:7px;max-width:250px;overflow:hidden;text-overflow:ellipsis}.group-chat{display:flex;flex-direction:column;min-width:0}.group-chat-messages{overflow:auto;flex:1;display:flex;flex-direction:column;gap:15px;max-height:65vh;padding:15px;background:#f5f3ed;border-radius:12px}.group-chat-messages .message-bubble{max-width:85%;width:fit-content}.group-chat-compose{display:flex;gap:12px;margin-top:15px}.group-chat-compose textarea{flex:1;min-width:0;border:1px solid #ded8c8;border-radius:12px;padding:12px;resize:vertical}.lead-source{padding:10px;border-radius:10px;background:#00000007;display:flex;flex-direction:column;gap:8px;margin-top:12px}.lead-source img{max-width:260px;max-height:180px;object-fit:contain;border-radius:8px}.lead-source a{font-size:12px;overflow-wrap:anywhere;color:var(--theme-text,#7e6600)}.topbar-user[role=button]{cursor:pointer}html[data-appearance=dark] .report-card,html[data-appearance=dark] .report-section,html[data-appearance=dark] .contact-card{background:#242424;border-color:#454032;color:#e5dcc6}html[data-appearance=dark] .report-table td,html[data-appearance=dark] .report-table th{border-color:#454032}html[data-appearance=dark] .group-chat-messages{background:#242424}html[data-appearance=dark] .group-chat-compose textarea{background:#292929;color:#ded5c2}html[data-appearance=dark] .report-card span,html[data-appearance=dark] .report-table th{color:#bdb19a}@media(max-width:800px){.whatsapp-groups-layout{grid-template-columns:1fr}.whatsapp-group-list{max-height:250px;overflow:auto}.report-bar-row{grid-template-columns:110px 1fr 25px;gap:8px;font-size:11px}.report-section{padding:16px}.contact-grid{grid-template-columns:1fr}.group-chat-messages{max-height:55vh}.report-filters .segmented{width:100%}.report-filters .form-field{flex:1;min-width:110px}.report-card strong{font-size:23px}.chat-top-actions{flex-wrap:wrap}}

/* Neutral conversation colors keep the brand in the navigation and actions. */
.inbox .conversation-panel,.inbox .chat-panel,.inbox .chat-top{background:#fff;color:#111b21}.inbox .messages{background:#efeae2}.inbox .conversation-item{background:#fff;color:#111b21;border-color:#eef0f1}.inbox .conversation-item:hover,.inbox .conversation-item.active{background:#f0f2f5}.inbox .conversation-item.active{box-shadow:inset 3px 0 #00a884}.inbox .conversation-name,.inbox .chat-title{color:#111b21}.inbox .message-preview,.inbox .chat-subtitle,.inbox .conversation-owner,.inbox .time{color:#667781}.inbox .message-bubble{background:#fff;color:#111b21;border-color:transparent;box-shadow:0 1px 1px #0b141a16}.inbox .outbound .message-bubble{background:#d9fdd3;color:#111b21}.inbox .note-row .message-bubble{background:#fff4cb;color:#514322}.inbox .message-meta{color:#667781}.inbox .composer{background:#f0f2f5}.inbox .composer textarea{background:#fff;color:#111b21;border-color:#e4e8eb}.inbox .day-divider span{background:#fff;color:#54656f}.inbox .conversation-filter,.inbox .panel-title-row{background:#fff}.inbox .search-input,.inbox .compact-select{background:#f0f2f5;color:#54656f;border-color:#e9edef}html[data-appearance=dark] .inbox .conversation-panel,html[data-appearance=dark] .inbox .chat-panel,html[data-appearance=dark] .inbox .conversation-item,html[data-appearance=dark] .inbox .conversation-filter,html[data-appearance=dark] .inbox .panel-title-row{background:#111b21;color:#e9edef}html[data-appearance=dark] .inbox .messages{background:#0b141a}html[data-appearance=dark] .inbox .conversation-item:hover,html[data-appearance=dark] .inbox .conversation-item.active,html[data-appearance=dark] .inbox .composer,html[data-appearance=dark] .inbox .chat-top{background:#202c33;color:#e9edef}html[data-appearance=dark] .inbox .conversation-name,html[data-appearance=dark] .inbox .chat-title{color:#e9edef}html[data-appearance=dark] .inbox .message-bubble{background:#202c33;color:#e9edef}html[data-appearance=dark] .inbox .outbound .message-bubble{background:#005c4b;color:#e9edef}html[data-appearance=dark] .inbox .note-row .message-bubble{background:#3b321d;color:#eadfbd}html[data-appearance=dark] .inbox .composer textarea,html[data-appearance=dark] .inbox .search-input,html[data-appearance=dark] .inbox .compact-select{background:#2a3942;color:#e9edef;border-color:#33454e}html[data-appearance=dark] .inbox .message-meta,html[data-appearance=dark] .inbox .message-preview,html[data-appearance=dark] .inbox .chat-subtitle{color:#aebac1}

/* Individual user access management. */
.team-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.team-access-tags{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.team-card .username{overflow-wrap:anywhere}.team-access-tags .tag.red{background:#fbe7e7;color:#a83d3d}.team-access-check{display:flex;align-items:center;gap:10px;margin:20px 0 8px;font-size:13px;color:var(--ink);cursor:pointer}.team-access-check input{width:16px;height:16px;accent-color:var(--theme-accent)}.team-access-help{line-height:1.7;margin-bottom:22px}.team-heading .subtitle{max-width:560px}html[data-appearance="dark"] .team-access-check{color:#e0d8c5}@media(max-width:640px){.team-heading{align-items:flex-start;gap:15px}.team-heading .primary-button{width:100%}}
.team-heading-actions{display:flex;gap:9px;flex-wrap:wrap}.profile-test-banner{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:9px 22px;background:#fff0c2;border-bottom:1px solid #e6cb69;color:#7c5f05;font-size:11px;line-height:1.6}.profile-test-banner>span{flex:1}.profile-test-banner .secondary-button{font-size:10px;padding:6px 10px;white-space:nowrap;background:#fffaf0;border-color:#d9c06c;color:#705300}.profile-test-banner>.icon{width:17px;height:17px}html[data-appearance="dark"] .profile-test-banner{background:#3a3019;border-color:#6c5927;color:#ead38e}html[data-appearance="dark"] .profile-test-banner .secondary-button{background:#45391c;color:#f5d986;border-color:#7a6530}@media(max-width:640px){.profile-test-banner{padding:9px 12px;gap:7px;align-items:flex-start;flex-wrap:wrap}.profile-test-banner>span{min-width:180px}.profile-test-banner .secondary-button{margin-left:auto}.team-heading-actions{width:100%}.team-heading-actions>button{flex:1}}
/* Contact photos, order history and private conversations. */
.avatar{position:relative;overflow:hidden;flex-shrink:0}.avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.inbox .avatar{background:#dfe5e7;color:#607480}.inbox .conversation-item.active:before{background:#00a884}.inbox .message-text,.inbox .sender-name,.inbox .message-signature{color:inherit}.inbox .composer-mode button.active{background:#e7ecef;color:#425660}.inbox .quick-reply-button{color:#54656f}.inbox .unread-count{background:#00a884;color:#fff}.order-resources{display:flex;flex-direction:column;gap:9px;margin:12px 0}.order-resource-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-resource-row>a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:11px;padding:8px 10px}.order-resource-row .icon{width:14px;height:14px}.order-versions{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.order-versions article{border:1px solid var(--line,#e5e7eb);padding:12px;border-radius:10px}.order-versions img{width:100%;height:180px;object-fit:contain;background:#f2f4f5;border-radius:7px;margin-bottom:10px}.order-versions strong{display:block;font-size:13px}.quality-incidents{display:grid;gap:12px;margin-top:20px}.quality-incident{padding:15px;border:1px solid #ecd0cb;border-radius:10px;background:#fff8f6}.quality-incident strong{font-size:13px}.quality-incident p{white-space:pre-wrap;font-size:13px;line-height:1.6;margin:10px 0}.quality-incident small{font-size:11px;color:#7e6a63}.quality-reports .report-table td:nth-child(4){white-space:normal;min-width:260px;line-height:1.6}.correction-note{background:#fff1dd;border:1px solid #edd2ad;border-radius:9px;padding:12px;font-size:12px;line-height:1.6}.correction-note p{white-space:pre-wrap;margin:6px 0 0}.internal-heading-actions{display:flex;gap:8px;flex-wrap:wrap}.private-chats-divider{align-self:center;font-size:9px;letter-spacing:1px;color:#7b878d;padding:8px}.private-chat-warning{padding:9px 18px;margin:0;background:#f2f5f6;color:#536671;font-size:11px;border-bottom:1px solid #e2e8eb}.checkout-proposal-action{margin:20px 0;padding:16px;background:#f2f5f6;border-radius:10px}.proposal-public{max-width:760px;margin:35px auto;padding:30px;background:#fff;border:1px solid #e1e6e9;border-radius:20px;box-shadow:0 10px 35px #15202508}.proposal-public .brand{color:#182127;background:#151515;padding:14px;border-radius:12px;margin-bottom:30px}.proposal-public .brand-name{color:#fff}.proposal-public .brand-mark{background:#ffd43b;color:#181818}.proposal-public h1{font-size:28px;line-height:1.25}.proposal-public .subtitle{line-height:1.7;margin:15px 0 24px}.proposal-products{display:grid;gap:10px;margin:20px 0}.proposal-product{display:flex;align-items:center;gap:15px;border:1px solid #dde6e9;border-radius:10px;padding:16px}.proposal-product>input[type=checkbox]{width:18px;height:18px;accent-color:#00a884}.proposal-product>span{display:flex;flex:1;flex-direction:column;gap:6px}.proposal-product small{color:#65777f;font-size:12px}.proposal-product>input[type=number]{width:74px;border:1px solid #d6e0e4;padding:10px;border-radius:7px}.proposal-public .primary-button{display:inline-flex;align-items:center;gap:12px;text-decoration:none;min-height:45px}.proposal-public>form>.primary-button{width:100%;justify-content:center;margin-top:12px}.proposal-public .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.proposal-public .small-text{line-height:1.7}.internal-page .messages{background:#efeae2}.internal-page .message-bubble{background:#fff;color:#111b21}.internal-page .outbound .message-bubble{background:#d9fdd3;color:#111b21}.internal-page .message-text,.internal-page .sender-name{color:inherit}.internal-page .chat-top,.internal-page .composer{background:#f0f2f5}.internal-page .composer textarea{color:#111b21;background:#fff;border-color:#e0e6e9}.internal-page .internal-team-tab.active{background:#e7edf0;color:#334f5c}.internal-page .day-divider span{background:#fff;color:#54656f}html[data-appearance=dark] .inbox .avatar{background:#34444d;color:#b5c6cf}html[data-appearance=dark] .quality-incident{background:#332724;border-color:#62443c}html[data-appearance=dark] .quality-incident small{color:#c7a89e}html[data-appearance=dark] .correction-note{background:#3e321f;border-color:#725c31}html[data-appearance=dark] .checkout-proposal-action,html[data-appearance=dark] .private-chat-warning{background:#26353d;color:#c2d0d6;border-color:#354b57}html[data-appearance=dark] .internal-page .messages{background:#0b141a}html[data-appearance=dark] .internal-page .message-bubble{background:#202c33;color:#e9edef}html[data-appearance=dark] .internal-page .outbound .message-bubble{background:#005c4b;color:#e9edef}html[data-appearance=dark] .internal-page .chat-top,html[data-appearance=dark] .internal-page .composer{background:#202c33}html[data-appearance=dark] .internal-page .composer textarea{background:#2a3942;color:#e9edef;border-color:#34454d}html[data-appearance=dark] .internal-page .day-divider span{background:#202c33;color:#aebac1}@media(max-width:650px){.proposal-public{margin:0;padding:20px;border:0;border-radius:0;min-height:100vh}.proposal-public .form-row{grid-template-columns:1fr;gap:0}.proposal-product{padding:13px;gap:10px}.proposal-product>input[type=number]{width:65px}.proposal-public h1{font-size:25px}.internal-heading-actions>.secondary-button{padding:8px 10px;font-size:10px}.order-versions{grid-template-columns:1fr 1fr}.order-versions img{height:140px}.chat-top-actions>.secondary-button{font-size:10px;padding:7px 9px}}