:root{font-family:Arial,Helvetica,sans-serif;color:#21344e;background:#f5f7fb;--blue:#1153a8;--navy:#123e7a;--orange:#f5951a;--muted:#78869a;--line:#e6ebf2;--ink:#21344e}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f5951a;outline-offset:3px}[hidden]{display:none!important}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}a{color:var(--blue)}.boot{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);font-size:13px}.boot img{height:auto;margin-bottom:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:7px;min-height:38px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none}.primary{background:var(--blue);color:white}.primary:hover{background:var(--navy)}.secondary{background:white;border-color:#dce4ef;color:var(--navy)}.secondary:hover{background:#f3f7fd}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:none;background:transparent;color:#788aa2;border-radius:7px}.icon-button:hover{background:#edf3fc;color:var(--blue)}.outlined{border:1px solid var(--line);color:var(--blue);background:white}.overline{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#8a9bb1}.avatar{display:inline-flex;flex-shrink:0;width:36px;height:36px;border-radius:11px;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--navy);background:#e3ecfa;position:relative}.avatar.green{background:#e1efe9;color:#35765d}.avatar.gold{background:#fff0d7;color:#ad7022}.avatar.purple{background:#eee6f7;color:#795397}.avatar.coral{background:#fbe8e3;color:#b76651}.avatar.online:after{content:'';position:absolute;width:8px;height:8px;background:#36a67c;border:2px solid white;border-radius:50%;right:-1px;bottom:-1px}.demo-label{display:inline-block;padding:6px 9px;border-radius:5px;color:var(--navy);background:#edf3fc;font-size:10px}.demo-label.dark{background:#ffffff12;border:1px solid #ffffff22;color:#bdcfe8;font-size:8px;letter-spacing:1px}.form-error{color:#ae3333;font-size:12px;line-height:1.6;min-height:16px}.login-screen{display:grid;grid-template-columns:45% 55%;min-height:100vh;background:white}.login-brand{background:var(--navy);color:white;padding:55px 11%;display:flex;flex-direction:column;justify-content:center}.login-brand img{width:130px;margin-bottom:45px}.login-brand>.overline{color:#c1d2e9;font-size:9px}.login-brand h1{font-size:43px;line-height:1.25;letter-spacing:-1.4px;margin:20px 0}.login-brand p{font-size:14px;color:#c1d2e9;line-height:1.9;max-width:340px}.brand-line{background:var(--orange);height:3px;width:55px;margin:25px 0}.login-brand small{font-size:8px;letter-spacing:1.3px;line-height:1.8}.login-content{width:100%;max-width:520px;align-self:center;justify-self:center;padding:48px}.login-content h2{font-size:26px;color:var(--navy);margin:25px 0 10px;letter-spacing:-.5px}.login-content>p{font-size:13px;color:var(--muted);line-height:1.7}.login-content label,.form-grid label,.field-label{display:block;font-size:12px;font-weight:700;color:#576984;margin-bottom:17px}.login-content input,.form-grid input,.form-grid select,.form-grid textarea,.field-label input,.field-label select,.field-label textarea{display:block;width:100%;padding:11px 12px;font-size:13px;border:1px solid #dbe3ed;border-radius:6px;margin-top:8px;background:#fbfcfe;color:var(--ink)}#login-form{margin-top:27px}#login-form>.button{width:100%;margin-top:5px}.demo-accounts{padding-top:20px;border-top:1px solid var(--line);margin-top:20px}.demo-accounts h3{font-size:12px;color:var(--navy);margin:0 0 9px}.demo-accounts p{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 13px}#demo-login-buttons{display:flex;flex-wrap:wrap;gap:7px}#demo-login-buttons button{font-size:10px;min-height:32px;padding:7px 9px}.login-content .account-policy{display:flex;gap:9px;font-size:10px;line-height:1.7;margin-top:25px}.account-policy svg{width:15px;height:15px;margin-top:2px}
.app-shell{height:100dvh;display:grid;grid-template-columns:188px 254px minmax(290px,1fr) 266px;overflow:hidden}.sidebar{background:var(--navy);color:white;display:flex;flex-direction:column;padding:24px 14px 16px;min-height:0}.brand{text-align:center;padding:0 12px 21px;border-bottom:1px solid #ffffff22}.brand img{width:108px;height:auto;display:block;margin:auto}.brand>span{font-size:8px;letter-spacing:2.1px;color:#afc7e7;display:block;margin-top:17px}.nav-caption{font-size:8px;font-weight:700;letter-spacing:1px;color:#adc3e0;margin:28px 8px 14px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:13px 11px;border:none;background:transparent;color:#c8d8ed;text-align:left;font-size:12px;border-radius:7px;margin:4px 0;min-height:43px}.nav-item.active{color:white;background:#ffffff13;box-shadow:inset 3px 0 0 var(--orange);font-weight:700}.nav-item:hover{background:#ffffff10}.nav-item>b{margin-left:auto;font-size:9px;background:#f5951a;color:#123e7a;border-radius:10px;padding:3px 6px;min-width:18px;text-align:center}.nav-item>b:empty{display:none}.sidebar-bottom{margin-top:auto;padding-top:20px}.notification-toggle{display:flex;align-items:center;gap:8px;color:#b9cce6;background:none;border:none;font-size:9px;padding:17px 0}.notification-toggle svg{width:14px;height:14px}.signed-user{display:flex;align-items:center;gap:8px;border-top:1px solid #ffffff22;padding-top:17px}.signed-user>.avatar{width:29px;height:29px;border-radius:8px;font-size:10px;background:#ffffff1a;color:white}.signed-user>div{min-width:0;flex:1}.signed-user strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signed-user small{display:block;font-size:8px;color:#abc4e5;margin-top:5px}.signed-user .icon-button{width:25px;color:#b6cae5}.inbox{background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.inbox-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 20px 20px}.inbox-heading .overline{font-size:8px;margin:0 0 9px}.inbox-heading h1{font-size:21px;color:var(--navy);margin:0;letter-spacing:-.5px}.search-box{display:flex;align-items:center;gap:7px;margin:0 15px;background:#f4f6fa;border:1px solid #edf0f5;padding:9px 10px;border-radius:7px;color:#92a0b3}.search-box>svg{width:15px;height:15px}.search-box input{min-width:0;flex:1;border:0;background:transparent;color:var(--ink);font-size:10px;padding:2px 0;outline:none}.search-box>.icon-button{width:20px;height:20px}.room-filters{display:flex;gap:3px;padding:17px 14px 13px}.room-filters button{border:none;background:transparent;padding:6px 8px;border-radius:5px;font-size:10px;color:#8190a6;white-space:nowrap}.room-filters button.active{color:var(--blue);background:#eaf1fc;font-weight:700}.room-list{overflow:auto;flex:1;padding:0 9px}.room-group-title{color:#93a1b4;font-size:8px;font-weight:700;letter-spacing:1.1px;margin:19px 10px 10px}.room-row{width:100%;display:flex;gap:10px;align-items:center;border:none;background:white;padding:13px 10px;text-align:left;border-radius:8px;margin-bottom:3px;position:relative}.room-row:hover{background:#f7f9fc}.room-row.selected{background:#edf3fc}.room-row>.avatar{width:33px;height:33px;font-size:11px;border-radius:9px}.room-copy{flex:1;min-width:0}.room-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#364b67;font-size:11px;font-weight:600;padding-right:25px}.room-copy p{font-size:10px;color:#93a0b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0 0;max-width:165px}.room-row.selected .room-copy strong{color:var(--blue)}.room-meta{position:absolute;right:11px;top:15px;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.room-meta time{font-size:8px;color:#96a4b8}.unread{font-size:8px;color:white;background:var(--blue);padding:3px 5px;min-width:16px;text-align:center;border-radius:10px}.inbox-footer{display:flex;align-items:center;gap:7px;padding:14px 18px;border-top:1px solid var(--line);color:#8798af;font-size:9px}.connection-dot{width:6px;height:6px;border-radius:50%;background:#e9b861}.connection-dot.live{background:#36a67c}.center{min-width:0;min-height:0;display:flex;flex-direction:column;background:#f7f9fc}.chat-header{padding:20px 22px 17px;background:white;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);min-height:88px;flex-shrink:0}.chat-header-copy{min-width:0;flex:1}.chat-header .overline{font-size:8px;color:#93a3b7;margin:0 0 8px;letter-spacing:1.2px}.chat-header h2{font-size:17px;font-weight:700;color:var(--navy);letter-spacing:-.3px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-subtitle{display:flex;align-items:center;gap:6px;font-size:9px;color:#8394aa;margin:8px 0 0}.chat-subtitle .connection-dot{height:5px;width:5px}.chat-header-actions{display:flex;align-items:center;gap:5px}.demo-call{display:flex;align-items:center;gap:5px;font-size:9px;padding:8px 9px;color:var(--navy);background:#f8fafc;border:1px solid var(--line);border-radius:6px;text-decoration:none;white-space:nowrap}.demo-call svg{width:15px;height:15px}.pinned-strip{display:flex;align-items:center;gap:8px;background:#fffbf3;border-bottom:1px solid #f1e6d3;padding:11px 22px;color:#ac7729;font-size:10px;flex-shrink:0}.pinned-strip svg{width:14px;height:14px}.pinned-strip button{border:0;background:none;min-width:0;flex:1;text-align:left;color:#7d6c52;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0}.audit-banner{padding:12px 22px;font-size:11px;color:#6f5291;background:#f1ecfa;border-bottom:1px solid #e4d9f3;line-height:1.6}.message-feed{flex:1;min-height:0;overflow:auto;padding:22px 24px 18px;scroll-behavior:smooth}.date-divider{display:flex;align-items:center;gap:14px;justify-content:center;font-size:8px;font-weight:700;color:#9aa8bc;letter-spacing:.8px;margin:4px 0 25px}.date-divider:before,.date-divider:after{content:'';height:1px;background:#e6ebf3;flex:1}.message{display:flex;gap:10px;margin-bottom:20px;scroll-margin:30px}.message>.avatar{width:31px;height:31px;font-size:10px;border-radius:9px;margin-top:2px}.message-content{min-width:0;max-width:calc(100% - 42px);flex:1}.message-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.message-meta strong{font-size:10px;color:#4b607c}.message-meta time{font-size:8px;color:#9eacbe}.message-meta .department{font-size:7px;background:#edf1f7;color:#98a6b9;border-radius:3px;padding:3px 5px}.bubble{display:inline-block;background:white;border:1px solid #e7edf4;border-radius:0 9px 9px 9px;padding:11px 13px;max-width:100%;font-size:11px;line-height:1.8;overflow-wrap:anywhere;color:#4b5f7a;box-shadow:0 2px 3px #22365002}.message.own .bubble{background:#eaf1fc;border-color:#dbe7f7;color:#33557e}.mention{color:var(--blue);font-weight:700;background:#e7effb;border-radius:3px;padding:1px 2px}.message-tools{display:flex;align-items:center;gap:3px;margin-top:6px;flex-wrap:wrap}.tiny-action{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;font-size:8px;color:#94a4b9;padding:3px 5px;border-radius:4px}.tiny-action svg{width:11px;height:11px}.tiny-action:hover{background:#e7edf7;color:var(--blue)}.reaction{border:1px solid #e0e6ef;background:white;font-size:9px;border-radius:10px;padding:3px 6px;color:#8393a9}.reaction.mine{border-color:#b9cee9;background:#e8f1fc;color:var(--blue)}.read-status{font-size:7px;color:#9dadc2;margin-left:auto}.file-card{display:flex;align-items:center;gap:11px;border:1px solid #e2e8f1;background:white;padding:12px;border-radius:7px;min-width:220px;max-width:100%;margin:9px 0 3px}.file-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:42px;border:1px solid #f0d9d7;border-radius:6px;background:#fff4f2;color:#c96d65;font-size:8px;font-weight:700}.file-icon.cad{background:#eaf0fb;color:#4e75a5;border-color:#d8e2f3}.file-icon.xls{background:#e8f4ec;color:#4d8960;border-color:#d1e7d7}.file-icon.doc{background:#ecf1fc;color:#4c75ae;border-color:#dce5f4}.file-card-info{min-width:0;flex:1}.file-card-info strong{display:block;font-size:10px;font-weight:600;color:#526581;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.file-card-info small{display:block;margin-top:6px;font-size:8px;color:#94a3b7}.status-tag{display:inline-block;padding:3px 5px;border-radius:4px;font-size:7px;font-weight:600;white-space:nowrap;background:#fff4df;color:#ab7a32}.status-tag.approved{background:#e4f3ec;color:#36795a}.file-card .icon-button{width:25px}.message audio{display:block;width:240px;max-width:100%;height:34px;margin-top:9px}.inline-image{display:block;max-width:260px;max-height:190px;object-fit:contain;border-radius:7px;margin:8px 0;cursor:pointer}.empty-state{text-align:center;padding:45px 25px;color:#94a2b5;font-size:12px;line-height:1.8}.empty-state>svg{width:36px;height:36px;color:#adc0dc;margin-bottom:10px}.empty-state strong{display:block;color:#5c7290;font-size:14px;margin-bottom:7px}.composer-wrap{padding:14px 20px 12px;background:white;border-top:1px solid var(--line);flex-shrink:0}.composer{background:#f9fbfd;border:1px solid #dce5f0;border-radius:8px;padding:11px 12px;position:relative}.composer textarea{width:100%;resize:none;border:0;outline:none;display:block;background:transparent;min-height:42px;max-height:130px;line-height:1.6;font-size:11px;color:#405a7d;padding:1px 0}.composer textarea::placeholder{color:#a0adbd}.composer textarea:focus-visible{outline:none}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;padding-top:8px}.composer-buttons{display:flex;gap:3px;align-items:center}.composer-toolbar .icon-button{width:26px;height:26px}.composer-toolbar .icon-button svg{width:16px;height:16px}.send-button{padding:7px 10px;min-height:29px;font-size:9px;border-radius:6px}.send-button svg{width:13px;height:13px}.composer-note{display:flex;justify-content:space-between;gap:10px;font-size:7px;color:#a3afbf;margin:9px 0 0;line-height:1.6}.composer-note span:first-child{white-space:nowrap}.recording-state{font-size:9px;color:#b84d4d;font-weight:700}.mention-list{position:absolute;bottom:100%;left:5px;margin-bottom:8px;background:white;border:1px solid var(--line);box-shadow:0 5px 20px #20355015;border-radius:8px;min-width:230px;max-height:220px;overflow:auto;z-index:5}.mention-list button{width:100%;display:flex;align-items:center;gap:9px;padding:10px;border:0;background:white;font-size:11px;text-align:left;color:var(--ink)}.mention-list button:hover{background:#edf3fc}.mention-list .avatar{width:26px;height:26px;font-size:8px}.details{background:white;border-left:1px solid var(--line);min-height:0;overflow:auto;padding:22px 19px}.detail-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.detail-title h2{font-size:12px;color:var(--navy);margin:0}.detail-project{background:#f5f8fd;border:1px solid #e3eaf5;border-radius:8px;padding:13px;margin-bottom:24px}.detail-project .overline{font-size:7px;margin:0 0 8px}.detail-project strong{font-size:11px;color:#526f94;line-height:1.6;display:block}.stage-label{font-size:8px;color:#9b772d;background:#fff3d9;padding:5px 6px;border-radius:4px;display:inline-block;margin-top:10px;line-height:1.5}.detail-section{padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-heading h3{font-size:10px;font-weight:700;margin:0;color:#5f728c}.section-heading>span{font-size:8px;color:#a2aec0}.member-stack{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.member-stack .avatar{width:29px;height:29px;font-size:9px;border-radius:8px}.member-caption{font-size:8px;color:#a1afc1;line-height:1.7;margin:11px 0 0}.document-mini{display:flex;align-items:flex-start;gap:8px;padding:11px 0;border-bottom:1px solid #f0f3f8}.document-mini:last-child{border-bottom:0}.document-mini>.file-icon{width:29px;height:35px;font-size:7px}.document-mini-copy{min-width:0;flex:1}.document-mini-copy>button{display:block;border:0;background:none;padding:0;text-align:left;line-height:1.6;color:#5a6e8a;font-size:9px;font-weight:600;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-mini-copy>small{display:block;color:#a0aec0;font-size:7px;margin:5px 0 7px}.document-mini-copy .tiny-action{font-size:7px;padding:4px 0;color:var(--blue)}.task-mini{display:flex;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px solid #f0f3f8}.task-mini>.task-check{margin-top:3px}.task-check{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid #cbd7e8;border-radius:4px;background:white;flex-shrink:0;color:#39886a}.task-check.done{background:#e5f3ec;border-color:#c6e4d5}.task-check svg{width:10px;height:10px}.task-mini strong{font-size:9px;color:#6b7e98;line-height:1.7;font-weight:500;display:block}.task-mini small{font-size:7px;color:#a4b2c4;display:block;margin-top:5px}.thread-original{padding:12px;background:#f5f8fd;border-radius:7px;border:1px solid var(--line);font-size:11px;line-height:1.8;overflow-wrap:anywhere}.thread-original strong{display:block;font-size:10px;color:var(--blue);margin-bottom:7px}.thread-feed{margin-top:20px}.thread-feed .bubble{font-size:10px}.thread-feed .message-meta strong{font-size:9px}.thread-composer{margin-top:20px}.thread-composer textarea{display:block;border:1px solid #dce5ef;border-radius:6px;resize:vertical;min-height:80px;width:100%;font-size:11px;padding:10px;line-height:1.7}.thread-composer .button{margin-top:9px;width:100%;font-size:10px}.wide-view .center{grid-column:3/-1}.wide-view .details{display:none}.view-header{background:white;border-bottom:1px solid var(--line);padding:25px 25px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.view-header .overline{margin:0 0 10px}.view-header h2{font-size:23px;color:var(--navy);margin:0 0 8px;letter-spacing:-.6px}.view-header p:not(.overline){font-size:11px;color:#8495ab;line-height:1.7;margin:0}.view-content{padding:25px;overflow:auto;flex:1;min-height:0}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.project-card{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.project-card .overline{font-size:8px;color:var(--blue);margin:0 0 14px}.project-card h3{font-size:17px;line-height:1.6;color:var(--navy);margin:0 0 10px}.project-card p{font-size:11px;color:#8b9bb1;line-height:1.8}.project-card .member-stack{margin:19px 0}.project-card-footer{display:flex;gap:9px;padding-top:15px;border-top:1px solid var(--line)}.project-card-footer .button{font-size:10px;padding:8px 11px;min-height:32px}.table-wrapper{overflow:auto;background:white;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#f9fbfe;font-size:9px;color:#96a6bb;font-weight:600;padding:15px 17px;border-bottom:1px solid var(--line)}td{font-size:11px;color:#5c718d;padding:16px 17px;border-bottom:1px solid #edf1f7}td strong{display:block;font-size:11px;color:#48617f;font-weight:600}td small{display:block;margin-top:6px;font-size:8px;color:#9aa9bd}td .button{font-size:9px;padding:6px 8px;min-height:28px}td select{border:1px solid #dbe4ef;padding:6px;border-radius:4px;font-size:10px;color:#667b96;background:white}tbody tr:last-child td{border-bottom:0}.audit-list{background:white;border:1px solid var(--line);border-radius:9px;margin-top:23px;padding:20px}.audit-list h3{font-size:13px;margin:0 0 14px;color:var(--navy)}.audit-row{padding:11px 0;border-bottom:1px solid #edf1f7;font-size:10px;color:#7a8da7;line-height:1.8}.audit-row:last-child{border-bottom:0}.audit-row strong{color:#516b8b}.audit-row time{display:block;color:#a4b0c0;font-size:8px}.search-result{display:block;border:0;background:white;text-align:left;width:100%;padding:13px 10px;border-bottom:1px solid var(--line);border-radius:6px}.search-result:hover{background:#edf3fc}.search-result strong{display:block;color:#547297;font-size:10px;line-height:1.6}.search-result p{font-size:10px;color:#98a8bb;margin:5px 0;line-height:1.7;overflow-wrap:anywhere}.search-result small{color:#a9b4c3;font-size:8px}.search-count{font-size:9px;color:#99a8bc;padding:9px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 20px;background:#173b6c;color:white;max-width:90vw;border-radius:8px;box-shadow:0 6px 20px #20355020;font-size:12px;line-height:1.7;z-index:50}.toast.error{background:#a74943}.highlight .bubble{box-shadow:0 0 0 2px #f5bb62}.dialog-visible{overflow:hidden}dialog{border:1px solid var(--line);border-radius:12px;width:min(650px,92vw);padding:0;color:var(--ink);box-shadow:0 20px 100px #142e5440;max-height:90vh}dialog::backdrop{background:#142e5470;backdrop-filter:blur(2px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 24px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:17px;color:var(--navy);margin:0}#modal-form{padding:21px 24px}#modal-body{max-height:62vh;overflow:auto;padding:2px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:17px;border-top:1px solid var(--line);margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-grid .full{grid-column:1/-1}.modal-copy{font-size:12px;color:#8293a9;line-height:1.8}.member-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.member-choice{display:flex;align-items:center;gap:8px;font-size:11px;padding:9px;background:#f8fafd;border:1px solid var(--line);border-radius:6px}.member-choice input{accent-color:var(--blue)}.member-choice small{display:block;color:#9babbe;font-size:8px;margin-top:5px}.version-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:15px 0}.version-number{font-weight:700;font-size:15px;color:#587aa5;background:#eaf1fc;padding:10px;border-radius:6px}.version-copy{flex:1;min-width:0}.version-copy strong{font-size:11px;color:#627994;display:block}.version-copy p{font-size:10px;color:#99a8bd;line-height:1.7;margin:6px 0}.version-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.version-actions .button{font-size:9px;min-height:28px;padding:7px 8px}.preview-frame{width:100%;height:52vh;border:1px solid var(--line);border-radius:6px}.preview-image{max-width:100%;max-height:52vh;display:block;margin:auto;object-fit:contain}.upload-summary{display:flex;align-items:center;gap:12px;padding:15px;background:#f6f9fd;border:1px solid var(--line);border-radius:7px;margin-bottom:20px}.upload-summary strong{font-size:12px;color:#5b7292}.upload-summary small{display:block;font-size:10px;color:#a0aec0;margin-top:6px}.note-box{font-size:10px;line-height:1.8;color:#8799b2;background:#f5f8fd;border-radius:6px;padding:12px;margin-top:15px}
.history-loader{text-align:center;margin:0 0 22px}.history-loader .button{font-size:10px;min-height:30px;padding:7px 12px}
@media(max-width:1130px){.app-shell{grid-template-columns:170px 238px minmax(300px,1fr)}.details{display:none}.app-shell.details-open .details{display:block;position:fixed;right:0;top:0;bottom:0;width:290px;z-index:10;box-shadow:-8px 0 40px #20355020}.wide-view .center{grid-column:3}.brand img{width:100px}.nav-item{font-size:11px}.nav-caption{font-size:7px}.signed-user strong{font-size:9px}.chat-header{padding:18px}.message-feed{padding:20px 18px}.details-open:not(.wide-view) .center:after{content:'';position:fixed;inset:0 290px 0 0;background:#123e7a10;pointer-events:none;z-index:9}}
@media(max-width:900px){.app-shell{grid-template-columns:82px 222px minmax(270px,1fr)}.sidebar{padding:15px 5px}.brand{padding:0 0 17px}.brand img{width:72px}.brand>span,.nav-caption,.nav-item>span,.nav-item>b,.sidebar-bottom>.demo-label,.notification-toggle>span,.signed-user>div{display:none}.nav-item{justify-content:center;padding:13px 8px;margin:8px 0}.nav-item svg{width:22px;height:22px}.sidebar nav{margin-top:20px}.sidebar-bottom{display:flex;flex-direction:column;align-items:center}.signed-user{flex-direction:column;width:100%;padding-top:13px}.signed-user>.avatar{width:31px;height:31px}.notification-toggle svg{width:18px;height:18px}.inbox-heading{padding:22px 15px 20px}.room-copy p{max-width:140px}.room-row{padding:12px 8px;gap:8px}.room-copy strong{font-size:10px}.room-meta time{font-size:7px}.chat-header{padding:18px 15px}.chat-header h2{font-size:14px}.demo-call span{display:none}.chat-header-actions{gap:2px}.message-feed{padding:20px 15px}.message-meta .department{display:none}.message-content{max-width:calc(100% - 36px)}.bubble{font-size:11px}.file-card{min-width:190px;padding:10px}.file-card-info strong{max-width:135px}.composer-wrap{padding:12px 13px}.composer-note{font-size:6px}.login-brand h1{font-size:33px}.login-content{padding:35px}.view-header{padding:22px 18px}.view-content{padding:18px}}
@media(max-width:650px){.app-shell{grid-template-columns:60px 1fr}.sidebar{padding:12px 3px}.brand img{width:54px}.brand>span{display:none}.nav-item{padding:12px 0}.nav-item svg{width:20px;height:20px}.center{grid-column:2;position:fixed;left:60px;right:0;top:0;bottom:0;z-index:3;display:none}.app-shell.mobile-chat .center{display:flex}.app-shell .inbox{grid-column:2}.inbox-heading{padding:25px 20px}.room-copy strong{font-size:12px}.room-copy p{max-width:220px;font-size:11px}.room-row{padding:16px 12px}.room-row>.avatar{width:40px;height:40px;font-size:13px}.room-meta time{font-size:9px}.room-filters{justify-content:space-between;padding:18px}.room-filters button{font-size:11px;padding:8px 10px}.room-list{padding:0 13px}.room-group-title{font-size:9px}.mobile-back{display:inline-flex!important}.chat-header-copy{min-width:0}.chat-header h2{font-size:13px}.message-meta strong{font-size:10px}.message-feed{padding:18px 14px}.file-card-info strong{max-width:170px}.composer-note>span:last-child{display:none}.app-shell.details-open .details{width:min(320px,calc(100vw - 30px))}.details-open:not(.wide-view) .center:after{inset:0;pointer-events:none}.wide-view .center{grid-column:2;display:flex}.login-screen{grid-template-columns:1fr}.login-brand{padding:28px 30px}.login-brand img{width:82px;margin-bottom:22px}.login-brand>.overline,.login-brand p,.brand-line,.login-brand small{display:none}.login-brand h1{font-size:26px;margin:0;line-height:1.4}.login-brand h1 br:nth-child(2){display:none}.login-content{padding:30px;max-width:480px}.login-content h2{margin-top:20px}.member-picker,.form-grid{grid-template-columns:1fr}.modal-head{padding:17px}.modal-head h2{font-size:15px}#modal-form{padding:18px}.version-row{flex-wrap:wrap}.version-actions{width:100%;justify-content:flex-start}.view-header{flex-wrap:wrap}.view-header h2{font-size:20px}.project-grid{grid-template-columns:1fr}.sidebar .signed-user .icon-button{width:30px}}

/* Reading sizes for Vietnamese work conversations. */
.bubble{font-size:13px;line-height:1.75}.message-meta strong{font-size:11px}.message-meta time{font-size:9px}.tiny-action{font-size:9px}.read-status{font-size:8px}.room-copy strong{font-size:12px}.room-copy p{font-size:11px}.composer textarea{font-size:13px}.composer-note{font-size:8px}.file-card-info strong{font-size:11px}.file-card-info small{font-size:9px}.document-mini-copy>button{font-size:10px}.document-mini-copy>small{font-size:8px}.task-mini strong{font-size:10px}.task-mini small{font-size:8px}.member-caption{font-size:9px}.thread-feed .bubble{font-size:11px}.thread-composer textarea{font-size:12px}

.app-shell.details-collapsed:not(.wide-view) .center{grid-column:3/-1}.app-shell.details-collapsed:not(.wide-view) .details{display:none}.message-content{max-width:min(calc(100% - 42px),850px)}#composer-form{max-width:1050px;margin:0 auto}.message,.date-divider{max-width:1050px;margin-left:auto;margin-right:auto}.message-feed{scrollbar-gutter:stable}

dialog.file-preview{width:min(1120px,94vw)}.file-preview .preview-frame{height:60vh}.file-preview #modal-body{max-height:67vh}
.file-card .cad-quick-action{font-size:10px;padding:6px 9px;min-height:30px;white-space:nowrap}.file-preview .cad-preview-frame{height:60vh;min-height:440px;background:#20252e}@media(max-width:650px){.file-card .cad-quick-action{font-size:9px;padding:5px 7px}.file-preview .cad-preview-frame{min-height:360px}}

/* Hướng dẫn nội bộ */
.guide-content{scroll-behavior:smooth}.guide-layout{display:grid;grid-template-columns:190px minmax(0,790px);gap:28px;align-items:start;max-width:1100px;margin:auto}.guide-toc{position:sticky;top:0;display:flex;flex-direction:column;gap:4px;background:white;border:1px solid var(--line);border-radius:10px;padding:17px;box-shadow:0 2px 10px #123e7a08}.guide-toc strong{font-size:10px;letter-spacing:1.2px;color:var(--navy);margin-bottom:8px}.guide-toc a{display:block;color:#657a97;text-decoration:none;font-size:12px;line-height:1.45;padding:9px 10px;border-radius:6px}.guide-toc a:hover,.guide-toc a:focus-visible{background:#edf3fc;color:var(--navy)}.guide-article{min-width:0}.guide-section{scroll-margin-top:18px;background:white;border:1px solid var(--line);border-radius:10px;padding:26px 30px;margin-bottom:18px;box-shadow:0 2px 10px #123e7a07}.guide-number{display:inline-flex;align-items:center;justify-content:center;background:#eaf1fc;color:var(--blue);font-size:11px;font-weight:700;width:32px;height:32px;border-radius:8px}.guide-section h3{font-size:19px;color:var(--navy);margin:14px 0 15px;letter-spacing:-.3px}.guide-section p,.guide-section li{font-size:13px;line-height:1.8;color:#4c5e75}.guide-section p{margin:0 0 10px}.guide-section p:last-child{margin-bottom:0}.guide-section ul,.guide-section ol{padding-left:21px;margin:0}.guide-section li{padding-left:3px;margin:0 0 9px}.guide-section li:last-child{margin-bottom:0}.guide-section strong{color:var(--navy)}.guide-example,.guide-callout{display:flex;flex-direction:column;gap:7px;margin-top:19px;padding:17px 18px;border-radius:8px;background:#f3f7fd;border-left:3px solid var(--blue);color:#4c5e75;font-size:12px;line-height:1.7}.guide-example code{display:block;overflow-wrap:anywhere;color:var(--navy);font-size:12px}.guide-callout{background:#fff8eb;border-left-color:var(--orange);margin:0 0 18px}.guide-steps{display:grid;gap:8px;margin:0 0 16px}.guide-steps p{padding:12px 15px;margin:0;border:1px solid var(--line);border-radius:7px;background:#fbfcfe}.guide-steps b{display:block;color:var(--navy);margin-bottom:3px}@media(max-width:900px){.guide-layout{grid-template-columns:1fr;gap:14px}.guide-toc{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.guide-toc strong{width:100%;margin-bottom:0}.guide-toc a{padding:7px 9px;background:#f5f8fc}.guide-section{padding:20px 22px}}@media(max-width:650px){.guide-section{padding:19px 17px}.guide-section h3{font-size:17px}.guide-section p,.guide-section li{font-size:12px}}
.deleted-file{font-style:italic;color:var(--text-muted,#64748b);margin:8px 0}.delete-file-action{color:#a62424;white-space:nowrap}
.department-management{margin-top:32px}
.department-management-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.department-management-heading h2{font-size:18px;margin:0}
.work-content{overflow:hidden}
.work-filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}
.work-filters>label:not(.work-filter-check){display:grid;gap:6px;font-size:12px;color:#52647a}
.work-filters select{max-width:300px;min-width:140px;padding:9px;border:1px solid #dbe3ee;border-radius:8px;background:white;color:#20354f}
.work-filter-check{display:flex;gap:6px;align-items:center;font-size:13px;padding-bottom:10px}
.work-board{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;padding:3px 2px 20px;min-height:420px}
.work-column{--column-bg:#fff5e8;--column-line:#edcfaa;--column-accent:var(--orange);--column-ink:#874700;flex:0 0 270px;border:1px solid var(--column-line);border-top:4px solid var(--column-accent);border-radius:12px;background:var(--column-bg);padding:12px}
.work-column[data-tone=orange]{--column-bg:#fff3e3;--column-line:#f1d0a1;--column-accent:#f5951a;--column-ink:#874700}
.work-column[data-tone=gold]{--column-bg:#fff8e3;--column-line:#eddaad;--column-accent:#d99a21;--column-ink:#795400}
.work-column[data-tone=blue]{--column-bg:#edf3fb;--column-line:#cad9ef;--column-accent:#527fb5;--column-ink:#294e7c}
.work-column[data-tone=peach]{--column-bg:#fff0e9;--column-line:#efc8b5;--column-accent:#dc7944;--column-ink:#914821}
.work-column[data-tone=green]{--column-bg:#eef6ef;--column-line:#c8ddcc;--column-accent:#568963;--column-ink:#356443}
.work-column[data-tone=sand]{--column-bg:#faf3e8;--column-line:#e4d2b8;--column-accent:#b88745;--column-ink:#745126}
.work-column[data-tone=lavender]{--column-bg:#f3eff9;--column-line:#d9cdeb;--column-accent:#9372b5;--column-ink:#674881}
.work-column[data-tone=teal]{--column-bg:#eaf5f3;--column-line:#bfded8;--column-accent:#568e86;--column-ink:#346d66}
.work-column-heading{margin-bottom:14px;min-height:44px}
.work-column-heading h3{font-size:14px;margin:0 0 7px;color:var(--column-ink);overflow-wrap:anywhere}
.work-column-heading .tiny-action{color:var(--column-ink)}
.work-column-heading h3 small{display:inline-block;font-size:10px;margin-left:6px;color:#2b754a}
.work-column-heading>div{display:flex;gap:6px}
.work-card{padding:13px;border:1px solid #dce4ef;background:white;border-radius:9px;box-shadow:0 2px 4px #123e7a08;margin-bottom:10px;cursor:pointer;overflow-wrap:anywhere}
.work-card:hover,.work-card:focus-visible{border-color:var(--orange);outline:2px solid #f5951a30}
.work-card[draggable=true]{cursor:grab}
.work-card h3{font-size:14px;line-height:1.5;margin:9px 0;color:#26364b}
.work-card p{font-size:12px;color:#53677e;margin:0 0 9px}
.work-card small{display:block;color:#63748a;font-size:11px;margin-top:8px}
.work-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;font-size:11px;color:#63748a}
.work-late{border-left:3px solid #ae453d}
.work-late .work-card-meta{color:#ae453d}
.work-priority{font-size:10px;display:inline-block;border-radius:5px;padding:3px 7px;background:#e9eff8;color:#365577}
.work-priority.high{background:#fff1d8;color:#805b12}
.work-priority.urgent{background:#fae4e1;color:#a13831}
.work-priority.low{background:#edf5ef;color:#3a7250}
.work-empty{padding:12px 0;color:#718198;font-size:12px}
.work-add{border:0;background:#f5951a18;color:#874700;cursor:pointer;font-size:13px;text-align:left;width:100%;padding:9px}
.work-add:hover,.work-add:focus-visible{background:#f5951a33;color:#6f3900}
.work-other{margin-top:16px;color:#53677e;font-size:13px}
#work-legacy{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:14px}
.work-fieldset{border:0;padding:0;margin:0;min-width:0}
.work-form-section{margin-top:22px}
.work-form-section h3{font-size:14px;margin-bottom:10px}
.work-check-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.work-check-row input[name=checkText]{flex:1;min-width:0;padding:9px;border:1px solid #dce4ef;border-radius:7px}
.work-check-row input[type=checkbox]{flex:0 0 auto}
.work-form-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
@media(max-width:650px){.work-column{flex-basis:250px}.work-filters select{max-width:100%}.work-filters>label:first-child{width:100%}}
.work-summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:24px}
.work-comments{max-height:260px;overflow-y:auto;margin:16px 0}
.work-comments article{border-bottom:1px solid #e0e6ee;padding:12px 0;font-size:13px}
.work-comments p{white-space:pre-wrap;line-height:1.6;margin:8px 0;color:#53677e}
.office-preview-note{font-size:12px;line-height:1.6;color:#65758a;margin:0 0 10px}
.file-preview .office-preview-frame{height:52vh;min-height:320px}