/* Unified interface system: client / operator / owner. */
:root{--ink:#122c4c;--muted:#526780;--line:#dce4ed;--shadow:0 4px 18px #132d4810;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px}
body{background:#f3f6fa;line-height:1.55}.main,.client-side~.main,.operator-side~.main,.owner-side~.main{background:#f3f6fa}.content{max-width:1580px;padding:32px clamp(18px,3vw,48px)}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.025em}h1,.head h1{font-size:clamp(28px,3vw,40px);margin:8px 0 12px}h2{font-size:23px}h3{font-size:19px}.eyebrow,.op-label{letter-spacing:.09em;font-size:11px}.head{align-items:center;flex-wrap:wrap}.head p{max-width:720px;margin:0}.head>.actions{flex-wrap:wrap}.main,.content,.grid>*,.split>*,.stats>*,.row>*,.field,.work-section,.production-column{min-width:0}p,b,a,small{overflow-wrap:anywhere}
.card,.content-block,.section-explain,.status-context,.terms-card,.support-ticket,.client-module,.employee-summary,.work-section,.brief-block,.task-box{box-shadow:var(--shadow)!important;border:1px solid var(--line)!important;border-radius:18px!important}.card{padding:24px}.section-explain{background:#edf4fb!important;border-left:3px solid var(--accent)!important}.nav a{position:relative;border:0!important;border-radius:0!important;box-shadow:none!important;padding:13px 16px!important;color:#526780!important}.nav a.active{background:var(--soft)!important;color:var(--ink)!important}.nav a.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--accent)}.nav a:hover{background:#f1f5fa!important}.side{border-right:1px solid var(--line);background:#fff!important}.side .link{color:#526780!important}.side .brand{min-height:48px}.top{height:64px;background:#ffffffed;padding:0 28px}.top:before{content:attr(data-title);margin-right:auto;font-size:13px;font-weight:650;color:var(--muted)}.avatar{background:var(--soft);color:var(--ink)}
.btn{min-height:44px;border-radius:11px;font-size:14px;line-height:1.35;box-shadow:none!important}.btn.small{min-height:38px}.btn.primary{color:#fff!important}.btn.danger{color:#a52d43;background:#fff0f3}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}button:focus-visible,a:focus-visible{outline:3px solid #82a8ec;outline-offset:3px}input,textarea,select{font-size:16px!important}input:not([type=checkbox]):not([type=radio]):not([type=file]),select{min-height:48px}textarea{min-height:112px;resize:vertical}.field{display:flex;flex-direction:column;gap:8px;justify-content:flex-start;align-self:start}.field label{margin:0;line-height:1.4}.field input,.field textarea,.field select{width:100%;margin:0;border:1px solid #bfccdb;box-shadow:none}.field input:focus,.field textarea:focus,.field select:focus{outline:3px solid #dce9fc;border-color:#527fbb}.field-hint{font-size:12px;color:var(--muted)}.content form>.field,.modal-form>.field,#settings .field{padding:18px;background:#f8fafc;border:1px solid var(--line);border-left-width:1px;border-radius:14px;box-shadow:none}.stats{gap:16px}.stat b{font-size:clamp(25px,2.5vw,34px);line-height:1.2}.status{max-width:100%;font-size:12px;white-space:normal}.file{display:flex;flex-wrap:wrap;gap:12px;padding:16px;background:#f8fafc!important;box-shadow:none}.file-info{flex:1 1 180px;min-width:0}.file-info b,.file-info small{display:block}.file-icon{flex-shrink:0}.table-wrap{overflow:auto;max-width:100%}.table{min-width:620px}.table td{padding:14px}.table th{font-size:12px}.chat{min-height:180px;max-height:520px;overflow:auto}.send{display:flex;flex-wrap:wrap;gap:10px}.send input{flex:1 1 160px;min-width:0}.bubble{max-width:92%;line-height:1.5}.bubble small{display:block;margin-top:8px}.help-dot{vertical-align:middle;flex-shrink:0;margin-left:6px}.employee{background:#123a6a!important}.employee .employee-category,.employee small{color:#d3e1f4}.employee .status{color:#fff!important}.employee h3{margin-top:14px}.employee-layout{grid-template-columns:minmax(0,1fr) 300px}.tabs{flex-wrap:wrap;gap:14px}.tabs .tab{border-radius:0!important}.block-workbench{grid-template-columns:230px minmax(0,1fr) 300px;gap:20px}.column-title,.block-heading{padding:20px;background:#f7f9fd!important;color:var(--ink)}.block-body{padding:20px}.brief-block{padding:16px!important;background:#fff!important;margin:0 0 12px!important}.work-section{margin:0!important}.production-column,.block-column{display:grid;gap:18px}.ai-block,.note-block,.ai-panel{background:#172b4e!important;color:#fff!important;border-radius:18px!important}.ai-block p,.note-block p,.ai-panel .muted{color:#d1dced!important}.ai-block .field,.note-block .field,.ai-panel .field{background:transparent!important;border:0!important;padding:0!important}.ai-block label,.note-block label,.ai-panel label{color:#fff!important}.ai-block input,.ai-block textarea,.ai-block select,.note-block textarea,.ai-panel input,.ai-panel textarea,.ai-panel select{background:#243c61!important;color:#fff!important;border:1px solid #607594!important}.ai-block ::placeholder,.note-block ::placeholder,.ai-panel ::placeholder{color:#bfcede!important}.queue-card{padding-top:22px}.queue-card .priority{position:static;display:inline-flex;margin-bottom:16px}.queue-card .op-label{margin-top:8px}.assistant-column{top:84px}.pulse-line{display:none}.auth-copy{font-size:clamp(32px,4vw,58px)!important}.auth-panel{padding:32px}.auth-visual{padding:clamp(28px,5vw,80px)}.auth-steps{gap:16px}.auth-step{background:#ffffff70;padding:16px;border:1px solid #ffffffaa;border-radius:14px}.decision-card,.help-card{max-width:640px;width:100%;max-height:85vh;overflow:auto}.support-ticket h3{margin-top:12px}
@media(max-width:1250px){.block-workbench{grid-template-columns:210px minmax(0,1fr)}.assistant-column{position:static;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.employee-layout{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:950px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.employee-layout{grid-template-columns:1fr}.employee-summary{position:static}.block-workbench{grid-template-columns:1fr}.assistant-column{grid-column:auto}.top:before{display:none}}
@media(max-width:720px){.app{display:block}.side{display:none}.content{padding:20px 16px 110px}.top{height:52px;padding:0 16px}.head{gap:16px}.head>.btn{width:100%}.grid{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:16px}.card{padding:18px}.assistant-column{grid-template-columns:1fr}.mobile{padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line)}.mobile a{font-size:10px;min-width:0;line-height:1.2;padding:10px 3px;border-radius:0!important}.mobile a.active{background:var(--soft)!important;box-shadow:inset 0 3px var(--accent)!important}.mobile b{font-size:19px}.auth-panel{padding:24px 18px}.file .btn{flex:1}.block-heading{padding:16px}.block-body{padding:16px}.decision-card{padding:22px}.status-context-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.auth-step b{color:#122c4c!important}.auth-step span{color:#415975!important}.side small{color:#526780!important}.template-image img{object-fit:contain!important;object-position:center!important}.template-profile>img{object-fit:contain!important;background:#eaf1f7}.transfer-row{grid-template-columns:minmax(0,1fr) minmax(160px,.7fr) auto;gap:14px}.transfer-row select,.support-actions select{min-width:0;max-width:100%;padding:11px;border:1px solid #bfccdb;border-radius:10px}.support-actions{display:flex;flex-wrap:wrap;gap:12px}.radar-card p{color:#d5e0ee!important}.field .attach-box{display:flex;flex-wrap:wrap;gap:12px}.field .attach-box span{font-size:12px;color:#526780}
@media(max-width:720px){.transfer-row{display:grid;grid-template-columns:1fr}.transfer-row select,.transfer-row button{width:100%}.section-title{flex-wrap:wrap}.stats .stat b{overflow-wrap:anywhere}}
/* 3.16 — conversation, ready work, attachments and notifications */
.queued-file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:8px 0;border:1px solid #ccd8e8;border-radius:12px;background:#f4f8fd;color:#113262}.queued-file span{min-width:0}.queued-file b{display:block;overflow-wrap:anywhere}.queued-file small{display:block;color:#526989}.queued-file button{border:0;background:#e0e9f5;color:#173764;width:32px;height:32px;border-radius:8px;font-size:22px;flex-shrink:0;cursor:pointer}.attachment-total,.composer-hint{font-size:13px;color:#536b89}.send.file-send{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:end;padding-top:16px;border-top:1px solid #d5e0ee}.send textarea{min-height:64px;max-height:180px;resize:vertical;width:100%;padding:14px;line-height:1.5}.conversation .chat,.dialogue-block .chat{height:clamp(260px,48vh,620px);overflow-y:auto;overscroll-behavior:contain;padding:16px;background:#f1f5fb;border-radius:16px;display:flex;flex-direction:column;gap:14px}.chat .bubble{white-space:normal;max-width:88%;margin:0;padding:14px 18px;border:1px solid #d7e1f0;background:#fff;color:#12325b;align-self:flex-start}.chat .bubble.User{background:#e3f8f0;align-self:flex-end}.operator-side~.main .chat .bubble.Operator{background:#eee8ff;align-self:flex-end}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.message-author{display:block;font-size:13px;margin-bottom:7px}.chat .bubble small{margin-top:10px;display:block;font-size:11px}.chat-empty{margin:auto;text-align:center;max-width:360px;color:#61718a}.employee-layout{grid-template-columns:minmax(0,1fr) 280px}.production-column{display:flex;flex-direction:column;gap:22px}.production-column .dialogue-block{order:-1}.result-card{background:#fff;border:1px solid #b9dacc;border-top:4px solid #13b886;border-radius:16px;padding:24px;margin:18px 0}.result-card>small{display:block;margin:10px 0;color:#596c83}.result-label{font-weight:700;color:#087553}.result-actions,.task-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.final-delivery,.notification-option{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#f0f5fc;border-radius:12px;margin:12px 0}.final-delivery input,.notification-option input{width:20px;height:20px;min-height:20px;flex-shrink:0;margin:0;accent-color:#6145e8}.rate-hint{font-size:13px;line-height:1.5;background:#edf2fc;border-left:3px solid #7552e8;padding:12px;margin:8px 0;color:#163966}.notification-center{margin-right:auto;font-size:13px}.notification-count{background:#6b44eb;color:white;padding:3px 7px;border-radius:8px}.unread-badges{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.unread-badges:empty{display:none}.unread-badges span{background:#e8e5ff;color:#392a84;padding:6px 9px;border-radius:8px;font-size:12px;font-weight:700}.unread-badges .ready{background:#bcf5d8;color:#095136}.has-unread{outline:2px solid #47d6a5;outline-offset:3px;animation:unread-pulse 2s ease-in-out 3}.alert-item{display:flex;flex-direction:column;padding:14px;background:#f0f5fc;border-radius:12px;gap:6px;margin-bottom:10px;color:#123665}.alerts-list{max-height:220px;overflow:auto}.push-settings{border-top:1px solid #dae2f0;margin-top:22px;padding-top:16px}.push-settings small{display:block;margin-top:14px;color:#526985}.modal-box{max-height:90dvh;overflow:auto}.ready-works h2{font-size:28px}#open-results{position:relative}
@keyframes unread-pulse{50%{outline-color:#7562ed;box-shadow:0 0 0 6px #7562ed20}}
@media(prefers-reduced-motion:reduce){.has-unread{animation:none}}
@media(max-width:1000px){.employee-layout{grid-template-columns:1fr}.employee-summary{order:2}.conversation .chat,.dialogue-block .chat{height:45dvh}.top{gap:8px}.notification-center{padding:8px 10px}.employee-main{min-width:0}}
@media(max-width:560px){.send.file-send{grid-template-columns:40px minmax(0,1fr)}.send.file-send>.btn{grid-column:1/-1;width:100%}.chat .bubble{max-width:95%;padding:12px}.conversation .module-body{padding:12px}.result-actions>.btn{width:100%}.head .actions{width:100%}.result-card{padding:18px}.template-profile>img{max-height:240px;object-fit:contain}}

.employee-open{display:block;color:inherit;text-decoration:none}.employee .restart-card{margin-top:18px;background:#d9f9eb;color:#063e37;width:100%}