:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#172536;background:#eef1f4;font-synthesis:none;--navy:#111e2a;--navy-2:#1a2a38;--gold:#b48a45;--gold-soft:#f7efe2;--text:#172536;--muted:#758395;--line:#dce2e7;--surface:#fff;--green:#347e5c;--green-soft:#eaf6ef;--red:#aa4a45;--red-soft:#fceceb;--blue:#426c9f;--blue-soft:#eaf1f8;--amber:#a36e26;--amber-soft:#fbf2e3}
*{box-sizing:border-box}
body{margin:0;min-width:320px;background:#eef1f4;overflow-x:hidden}
button,input,select{font:inherit}button{cursor:pointer}
.prototype-note{height:35px;display:flex;align-items:center;justify-content:center;gap:10px;background:#f6ead7;color:#785722;font-size:11px;letter-spacing:.02em}.prototype-note strong{letter-spacing:.12em}.prototype-note span{color:#8d7551}
.app-shell{min-height:calc(100vh - 35px);display:grid;grid-template-columns:245px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:calc(100vh - 35px);display:flex;flex-direction:column;background:var(--navy);color:#aebdcb;padding:0 15px}
.brand{height:84px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff13;color:#e2b86f;font-size:14px;letter-spacing:.08em}.brand img{width:34px;height:34px;object-fit:contain}.nav-label{font-size:10px;letter-spacing:.16em;color:#718395;padding:22px 14px 8px}
.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{width:100%;height:48px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;color:#b7c5d1;padding:0 13px;font-size:14px;font-weight:650}.sidebar nav button i{font-style:normal;color:#91a2b2;font-size:18px}.sidebar nav button b{min-width:25px;padding:3px 7px;border-radius:99px;background:#263746;color:#dbe4ec;text-align:center;font-size:10px}.sidebar nav button.active{background:#263746;border-color:#d8c39a;color:#fff}.sidebar nav button.active i{color:#d5aa64}.sidebar nav button:hover{background:#1b2b39}
.assistant-state{margin-top:auto;display:flex;align-items:center;gap:10px;border:1px solid #2b3c49;border-radius:11px;background:#172633;padding:13px}.assistant-state>span{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#2b3842;color:#d4aa65}.assistant-state div{display:flex;flex-direction:column;min-width:0}.assistant-state strong{font-size:12px;color:#eef3f6}.assistant-state small{font-size:10px;margin-top:3px}.assistant-state>i{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#53bf83}
.admin-profile{height:70px;margin-top:13px;border-top:1px solid #ffffff14;display:flex;align-items:center;gap:10px}.admin-profile>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#bf9654;color:#fff;font-size:11px;font-weight:800}.admin-profile div{display:flex;flex-direction:column;min-width:0}.admin-profile strong{color:#fff;font-size:12px}.admin-profile small{font-size:10px;margin-top:2px}.admin-profile button{margin-left:auto;border:0;background:transparent;color:#9aacba;font-size:19px}
.main-content{min-width:0}.page-header{height:102px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;background:#fff;border-bottom:1px solid var(--line)}.page-header h1{font-size:25px;margin:0 0 5px}.page-header p{margin:0;color:var(--muted);font-size:13px}.secondary-button{height:40px;border:1px solid #cfd8df;border-radius:8px;background:#fff;color:#243649;padding:0 14px;font-size:12px;font-weight:750}.secondary-button:hover{border-color:#a9874e;background:#fdfaf5}
.page-body{padding:22px 28px 30px;max-width:1500px;margin:0 auto}
.folder-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.folder-tab{min-width:0;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--text);padding:12px 14px}.folder-tab>span{min-width:0;display:grid;grid-template-columns:10px minmax(0,1fr);align-items:center;column-gap:8px}.folder-tab i{width:8px;height:8px;border-radius:50%;background:#9ba7b2}.folder-tab strong{font-size:13px}.folder-tab small{grid-column:2;font-size:10px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-tab>b{min-width:31px;border-radius:999px;padding:6px 8px;background:#edf1f4;color:#536273;text-align:center;font-size:11px}.folder-tab.active{border-color:#b58d4f;box-shadow:0 0 0 2px #b58d4f17;background:#fffdf9}.folder-tab.active>b{background:var(--navy);color:#fff}.folder-tab.waiting i{background:#d26962}.folder-tab.ready i{background:#51946f}.folder-tab.no-phone i{background:#d39a42}
.selection-bar{display:grid;grid-template-columns:minmax(210px,1fr) 200px auto auto;align-items:end;gap:10px;margin-bottom:12px;border:1px solid #c6a76f;border-radius:10px;background:#fffaf1;padding:11px 13px}.selection-bar[hidden]{display:none}.selection-bar>div{align-self:center;display:flex;flex-direction:column}.selection-bar>div strong{font-size:12px}.selection-bar>div small{margin-top:3px;color:#806f54;font-size:10px}.selection-bar label{display:flex;flex-direction:column;gap:4px;color:#6e604a;font-size:9px;font-weight:750}.selection-bar select{height:38px;border:1px solid #d6c39e;border-radius:8px;background:#fff;padding:0 10px;color:var(--text);font-size:11px}.primary-selection,.clear-selection{height:38px;border-radius:8px;padding:0 13px;font-size:10px;font-weight:800}.primary-selection{border:1px solid var(--navy);background:var(--navy);color:#fff}.primary-selection:disabled{opacity:.45;cursor:default}.clear-selection{border:1px solid #d4c7ae;background:#fff;color:#5b4d37}
.toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 175px 175px;gap:10px;margin-bottom:12px}.toolbar label{display:flex;flex-direction:column;gap:5px;color:#6e7c8b;font-size:10px;font-weight:750}.toolbar input,.toolbar select{height:44px;width:100%;border:1px solid #d4dce2;border-radius:9px;background:#fff;color:var(--text);padding:0 12px;outline:none}.toolbar input:focus,.toolbar select:focus{border-color:#b58d4f;box-shadow:0 0 0 3px #b58d4f18}.search-box{position:relative;justify-content:flex-end}.search-box>span{position:absolute;left:14px;bottom:8px;color:#8593a1;font-size:22px;font-weight:400}.search-box input{padding-left:42px}
.inbox-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.list-head,.conversation-row{display:grid;grid-template-columns:30px minmax(210px,1.1fr) minmax(145px,.72fr) minmax(230px,1.18fr) minmax(140px,.75fr) 118px;align-items:center;gap:12px}.list-head{height:39px;padding:0 16px;background:#f8fafb;border-bottom:1px solid var(--line);color:#8793a0;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.conversation-row{width:100%;min-height:76px;padding:10px 16px;border-bottom:1px solid #e9edf0;background:#fff;color:inherit;text-align:left}.conversation-row:hover{background:#fbfaf7;box-shadow:inset 3px 0 #bd9553}.conversation-row.selected{background:#fffaf1;box-shadow:inset 3px 0 #bd9553}.check-cell{display:grid;place-items:center}.check-cell input{width:16px;height:16px;margin:0;accent-color:var(--navy);cursor:pointer}.customer-cell{min-width:0;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:inherit;padding:0;text-align:left}.avatar{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:#edf1f4;color:#536b82;font-style:normal;font-size:10px;font-weight:850}.customer-cell>span{min-width:0}.customer-cell strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-cell small{display:block;margin-top:4px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-cell small b{color:#536273}.contact-cell{font-size:11px;font-weight:750;color:#347e5c;white-space:nowrap}.contact-cell small{display:block;margin-top:4px;color:var(--muted);font-size:10px;font-weight:500}.contact-cell.missing{color:#9e6d27}.message-cell{min-width:0}.message-cell strong{display:block;color:#556476;font-size:10px;font-weight:500;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-cell small{display:block;color:#8995a1;font-size:9px;margin-top:4px}.status-cell{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:750;white-space:nowrap}.status-cell i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-cell.waiting{color:var(--red);background:var(--red-soft)}.status-cell.ready{color:var(--blue);background:var(--blue-soft)}.status-cell.no-phone{color:var(--amber);background:var(--amber-soft)}.row-action{justify-self:end;min-width:104px;text-align:center;border:1px solid #d3dbe2;border-radius:8px;background:#fff;color:#26384a;padding:9px 10px;font-size:10px;font-weight:750}.conversation-row:hover .row-action{border-color:#bb9658}
.empty-state{min-height:350px;display:grid;place-content:center;text-align:center;color:var(--muted);font-size:12px}.empty-state strong{color:var(--text);font-size:15px;margin-bottom:5px}.pagination{min-height:55px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fafbfc}.pagination p{margin:0;color:var(--muted);font-size:10px}.pagination div{display:flex;align-items:center;gap:9px}.pagination button{border:1px solid #d5dde3;border-radius:7px;background:#fff;color:#465666;padding:7px 10px;font-size:10px;font-weight:700}.pagination button:disabled{opacity:.4;cursor:default}.pagination span{min-width:78px;text-align:center;color:#6f7c89;font-size:10px}
.modal-backdrop{position:fixed;inset:0;background:#111b25a8;backdrop-filter:blur(2px);z-index:20}.conversation-modal{display:none;position:fixed;z-index:21;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1100px,calc(100vw - 44px));height:min(700px,calc(100vh - 60px));border-radius:14px;background:#fff;box-shadow:0 25px 80px #07101a50;overflow:hidden}.conversation-modal.open{display:flex;flex-direction:column}.modal-head{height:78px;flex:none;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid var(--line)}.modal-head>div{min-width:0}.modal-head h2{margin:0;font-size:17px}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-head .avatar{width:38px;height:38px}.modal-head>button{width:34px;height:34px;margin-left:5px;border:0;border-radius:50%;background:#f0f3f5;color:#435263;font-size:21px}.modal-status{margin-left:auto;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:750}.modal-status.waiting{color:var(--red);background:var(--red-soft)}.modal-status.ready{color:var(--green);background:var(--green-soft)}.modal-status.no-phone{color:var(--amber);background:var(--amber-soft)}
.modal-layout{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(315px,.9fr)}.chat-panel{min-width:0;background:#f1f4f6;border-right:1px solid var(--line);overflow:auto}.chat-history{padding:22px 26px 28px}.history-label{display:block;text-align:center;color:#98a3ae;font-size:8px;letter-spacing:.11em;margin-bottom:18px}.chat-message{width:fit-content;max-width:72%;margin:0 0 15px}.chat-message small{display:block;margin:0 7px 5px;color:#8794a1;font-size:9px}.chat-message p{margin:0;border:1px solid #d8dfe5;border-radius:12px;background:#fff;padding:12px 14px;font-size:12px;line-height:1.5}.chat-message time{display:block;margin:5px 6px 0;color:#8d99a5;font-size:8px}.chat-message.assistant,.chat-message.seller{margin-left:auto}.chat-message.assistant small,.chat-message.seller small,.chat-message.assistant time,.chat-message.seller time{text-align:right}.chat-message.assistant p{border-color:#213444;background:#213444;color:#fff}.chat-message.seller p{border-color:#b68e50;background:#f8f0e3;color:#4d3a1c}
.conversation-detail{overflow:auto;padding:8px 22px 22px}.conversation-detail section{padding:17px 0;border-bottom:1px solid var(--line)}.conversation-detail section>span{display:block;margin-bottom:11px;color:#a3722c;font-size:9px;font-weight:850;letter-spacing:.11em}.primary-action,.outline-action{width:100%;min-height:44px;border-radius:8px;font-size:11px;font-weight:800}.primary-action{border:1px solid var(--navy);background:var(--navy);color:#fff}.outline-action{border:1px solid #d5dde3;background:#fff;color:#324457}.agent-summary{margin:0;border-left:3px solid #c69a53;background:#fbf7f0;color:#5e6570;padding:11px;font-size:11px;line-height:1.55}.conversation-detail dl{margin:0}.conversation-detail dl div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:5px 0}.conversation-detail dt{color:#8793a0;font-size:9px}.conversation-detail dd{margin:0;text-align:right;color:#263747;font-size:10px;font-weight:650;overflow-wrap:anywhere}.reply-box{height:66px;flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:11px 15px;border-top:1px solid var(--line);background:#fff}.reply-box input{min-width:0;border:1px solid #d3dbe2;border-radius:8px;padding:0 13px;font-size:11px;outline:none}.reply-box input:focus{border-color:#b58d4f;box-shadow:0 0 0 3px #b58d4f18}.reply-box button{border:0;border-radius:8px;background:var(--navy);color:#fff;padding:0 20px;font-size:11px;font-weight:800}
.toast{position:fixed;z-index:40;left:50%;bottom:24px;transform:translate(-50%,18px);border-radius:9px;background:#152534;color:#fff;padding:11px 16px;opacity:0;pointer-events:none;transition:.2s;font-size:11px;font-weight:700}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:0 10px}.page-header{padding:0 22px}.page-body{padding:18px}.folder-tabs{grid-template-columns:1fr 1fr}.selection-bar{grid-template-columns:1fr 190px auto}.clear-selection{grid-column:3}.list-head,.conversation-row{grid-template-columns:28px minmax(190px,1.1fr) minmax(130px,.75fr) minmax(190px,1fr) 110px}.list-head span:nth-child(5),.status-cell{display:none}}
@media(max-width:780px){.prototype-note{height:auto;min-height:35px;flex-wrap:wrap;padding:7px 10px}.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:0 12px}.brand{height:62px}.nav-label,.assistant-state,.admin-profile,.sidebar nav button:not(.active){display:none}.sidebar nav{position:absolute;right:13px;top:43px}.sidebar nav button.active{height:38px;width:auto;grid-template-columns:20px auto auto;padding:0 10px}.main-content{min-height:calc(100vh - 97px)}.page-header{height:auto;min-height:105px;align-items:flex-start;padding:20px}.page-header .secondary-button{margin-top:1px}.page-body{padding:14px}.selection-bar{grid-template-columns:1fr 1fr}.selection-bar>div{grid-column:1/-1}.selection-bar .primary-selection,.selection-bar .clear-selection{grid-column:auto}.toolbar{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.list-head{display:none}.conversation-row{grid-template-columns:28px minmax(0,1fr) auto;gap:8px 10px;padding:13px}.check-cell{grid-column:1;grid-row:1;align-self:start;margin-top:10px}.customer-cell,.message-cell{grid-column:2/-1}.contact-cell{grid-column:2}.row-action{grid-column:3;grid-row:2;min-width:100px}.modal-layout{grid-template-columns:1fr}.conversation-detail{display:none}.conversation-modal{width:calc(100vw - 20px);height:calc(100vh - 24px)}.chat-message{max-width:88%}}
@media(max-width:520px){.prototype-note span,.sidebar nav{display:none}.page-header{display:block}.page-header .secondary-button{width:100%;margin-top:15px}.folder-tabs{grid-template-columns:1fr}.folder-tab{min-height:62px}.selection-bar{grid-template-columns:1fr}.selection-bar>div,.selection-bar label,.selection-bar .primary-selection,.selection-bar .clear-selection{grid-column:1}.toolbar{grid-template-columns:1fr}.search-box{grid-column:auto}.pagination{align-items:flex-start;flex-direction:column;gap:10px}.modal-head{padding:0 12px}.modal-status{display:none}.chat-history{padding:18px 13px}.reply-box{padding:10px}.reply-box button{padding:0 14px}}