.notification-wrap{position:relative;display:grid;place-items:center}.notification-count{position:absolute;top:-5px;right:-6px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:12px;background:#b65c55;color:#fff;font-size:9px;line-height:13px;text-align:center}.notification-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;border:0;background:transparent;cursor:default}.notification-menu{position:absolute;z-index:20;top:43px;left:0;width:min(370px,calc(100vw - 24px));max-height:min(540px,75vh);overflow:hidden;background:#fff;border:1px solid #e7ecee;border-radius:10px;box-shadow:0 18px 55px #20364022;text-align:right}.notification-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #edf0f2}.notification-heading strong,.notification-heading small{display:block}.notification-heading strong{font-size:12px;color:#34434d}.notification-heading small{font-size:9px;color:#98a2a8;margin-top:3px}.notification-heading button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#477b89;font-size:9px;cursor:pointer}.notification-list{max-height:400px;overflow:auto}.notification-item{display:flex;width:100%;gap:10px;padding:12px 14px;border:0;border-bottom:1px solid #f0f2f3;background:#fff;text-align:right;cursor:pointer}.notification-item:hover,.notification-item.unread{background:#f5f9f9}.notification-mark{width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;background:#edf5f5;color:#4f7d85}.notification-copy{display:grid;gap:4px;min-width:0}.notification-copy strong{font-size:10px;color:#384852}.notification-copy>span{font-size:9px;line-height:1.7;color:#687780;overflow-wrap:anywhere}.notification-copy small{display:flex;align-items:center;gap:4px;color:#a0a9ae;font-size:8px}.notification-foot{display:block;padding:8px 14px;color:#a0a9ae;font-size:8px}.notification-empty{padding:30px 15px;text-align:center;color:#8d999f;font-size:10px}.notification-error{margin:8px;padding:8px;border-radius:5px;background:#fff3f1;color:#a4544d;font-size:9px}.handover-layout{display:grid;gap:14px}.handover-create>.section-title>svg{color:#4a8089}.handover-notice{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dbece4;border-radius:7px;background:#f0f8f3;color:#3c8068;font-size:10px}.handover-list{display:grid;gap:10px}.handover-card{border:1px solid #e9eef0;border-radius:9px;padding:14px}.handover-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.handover-card-head h3{margin:3px 0 0;color:#34434d;font-size:12px}.handover-card-head>div>small{color:#9aa5ab;font-size:9px}.handover-meta{margin:9px 0;color:#849198;font-size:9px}.handover-comment{margin:8px 0;padding:8px 10px;border-radius:6px;background:#f7f9fa;color:#56656e;font-size:10px;line-height:1.7;white-space:pre-wrap}.handover-files{display:grid;gap:7px;margin-top:12px}.handover-files>strong{font-size:9px;color:#60737c}.handover-files>span{display:flex;align-items:center;gap:6px;color:#526b75;font-size:9px}.handover-files>span small{color:#9ba5aa}.handover-reply{display:grid;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid #edf0f2}.handover-reply .field input{width:100%}.handover-reply .row-actions{flex-wrap:wrap}.handover-reply button:disabled{opacity:.5;cursor:not-allowed}.handover-reply .row-actions svg{width:14px}@media(max-width:540px){.notification-menu{left:-65px}.handover-card-head{align-items:flex-start;flex-direction:column}}:root{font-family:IBM Plex Sans Arabic,Tahoma,Arial,sans-serif;color:#17212d;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400;font-size:14px;font-feature-settings:"ss01" on;--ink:#192532;--muted:#87909b;--line:#e9edf1;--primary:#164e63;--primary-dark:#103d4f;--surface:#fff;--green:#218269;--shadow:0 8px 30px rgba(23,42,55,.045)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;right:0;top:0;bottom:0;width:254px;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;padding:23px 16px 14px;z-index:10}.brand{height:48px;display:flex;align-items:center;gap:11px;padding:0 8px 20px;border-bottom:1px solid var(--line)}.brand-symbol{width:35px;height:35px;background:#164e63;color:#fff;border-radius:10px;display:grid;place-items:center;font:700 24px Georgia,serif;position:relative}.brand-symbol:after{content:"";position:absolute;width:6px;height:6px;border:1.6px solid white;border-radius:50%;top:7px;right:8px}.brand strong{display:block;font-size:18px;letter-spacing:.15px}.brand strong span{color:#72919b;font-weight:500}.brand small{display:block;color:#89939e;font-size:10px;margin-top:1px}.office-label{color:#a0a8b2;font-size:10px;font-weight:600;margin:23px 10px 10px}.sidebar nav{display:grid;gap:4px}.nav-item{height:42px;display:flex;align-items:center;gap:12px;text-align:right;border:0;background:transparent;border-radius:8px;padding:0 11px;color:#6f7b86;font-size:12px;transition:.15s}.nav-item:hover{background:#f6f8f9;color:var(--ink)}.nav-item.selected{color:#164e63;background:#edf5f6;font-weight:600}.nav-item.selected svg{stroke-width:2.2}.nav-count{margin-right:auto;border-radius:5px;background:#fff;padding:2px 7px;color:#164e63}.sidebar-spacer{flex:1}.help-card{margin:12px 0;padding:13px;background:#f7f9fa;border:1px solid #edf0f2;border-radius:9px}.help-icon{color:#547f8b;margin-bottom:8px}.help-card strong{font-size:11px}.help-card p{font-size:10px;color:#89939e;line-height:1.8;margin:5px 0 10px}.help-card button{border:0;padding:0;background:transparent;color:#164e63;font-size:10px;display:flex;align-items:center;gap:5px;font-weight:600}.user-card{border-top:1px solid var(--line);padding:14px 4px 0;display:flex;align-items:center;gap:9px}.avatar,.top-avatar,.client-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:600;color:#41636a;background:#e6f0ed}.avatar{font-size:13px}.user-meta{flex:1;min-width:0}.user-meta strong{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta small{font-size:9px;color:#9aa2aa}.icon-button{border:0;background:transparent;color:#7f8992;display:grid;place-items:center;width:34px;height:34px;border-radius:7px}.icon-button:hover{background:#f1f4f5;color:#284856}.main-area{margin-right:254px;width:calc(100% - 254px);min-height:100vh}.topbar{height:67px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:5}.crumb{display:flex;align-items:center;gap:10px;font-size:11px;color:#99a1aa}.crumb b{color:#d0d5da;font-weight:400}.crumb strong{color:#35424e;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:14px}.search{height:35px;width:258px;border:1px solid #edf0f2;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#9ba4ad;background:#fcfcfd}.search input{border:0;outline:0;background:transparent;min-width:0;flex:1;font-size:10px;color:#34414d}.search kbd{font:9px inherit;color:#a0a7ae;border:1px solid #e8ecef;border-radius:4px;padding:1px 4px;direction:ltr}.notification{position:relative}.notification i{position:absolute;width:5px;height:5px;border-radius:50%;background:#de755e;top:8px;right:8px;border:1px solid #fff}.top-avatar{width:30px;height:30px;font-size:11px}.page-content{max-width:1500px;margin:0 auto;padding:29px 38px 50px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:10px;color:#9ca5ad;letter-spacing:.3px}.page-heading h1{font-size:23px;line-height:1.3;margin:5px 0 3px;font-weight:600;color:#182630}.page-heading p{color:#919aa3;font-size:11px;margin:0}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:9px 14px;font-size:11px;font-weight:600;transition:.15s}.primary-button{background:#164e63;color:#fff;border:1px solid #164e63;box-shadow:0 2px 4px #164e631c}.primary-button:hover{background:#103d4f}.secondary-button{background:#fff;color:#455560;border:1px solid #dfe5e8}.secondary-button:hover{background:#f6f8f9}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.stat-card{min-height:137px;text-align:right;border:1px solid var(--line);border-radius:10px;background:#fff;padding:15px 16px;position:relative;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start}.stat-card:hover{border-color:#ccdade;transform:translateY(-1px)}.stat-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;margin-bottom:10px}.stat-icon.purple{color:#7c68a1;background:#f1edfa}.stat-icon.blue{color:#477c99;background:#edf4f8}.stat-icon.amber{color:#ad8541;background:#faf5e9}.stat-icon.green{color:#398571;background:#eaf5f0}.stat-title{font-size:10px;color:#858f99;display:flex;align-items:center;gap:5px}.stat-title svg{opacity:0}.stat-card:hover .stat-title svg{opacity:.7}.stat-card>strong{font-size:21px;font-weight:600;color:#26343e;margin-top:1px;direction:rtl}.stat-card>small{font-size:9px;color:#a0a8b0;margin-top:1px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr);gap:15px;margin-bottom:15px}.lower-grid{grid-template-columns:1fr 1fr}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:17px 18px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.panel-heading h2,.section-title h2{font-size:12px;margin:0;font-weight:600;color:#2c3944}.panel-heading button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#69818b;font-size:9px}.panel-heading button:hover{color:#164e63}.table-wrap{overflow-x:auto;margin:0 -4px}.table-wrap table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}.table-wrap th{color:#9ba4ac;font-size:9px;font-weight:500;padding:9px 7px;border-bottom:1px solid #eef1f3}.table-wrap td{font-size:10px;color:#66737d;padding:10px 7px;border-bottom:1px solid #f0f2f4}.table-wrap tr:last-child td{border-bottom:0}.project-name{display:flex;align-items:center;gap:9px}.project-mark{width:29px;height:29px;border-radius:7px;background:#edf4f5;color:#56808a;display:grid;place-items:center}.project-name strong{font-size:10px;display:block;color:#35434d;font-weight:600}.project-name small,.subline{display:block;font-size:9px;color:#a1a9b0;margin-top:3px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;font-size:9px;white-space:nowrap}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.badge.blue{background:#edf4f8;color:#527f97}.badge.amber{background:#faf4e8;color:#a57b31}.badge.green{background:#eaf5f0;color:#3e896e}.badge.gray{background:#f1f3f5;color:#78848d}.badge.red{background:#fbefee;color:#b6625c}.amount{font-weight:600;color:#35434d!important}.deadline-list{display:grid}.deadline-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f4}.deadline-row:last-child{border-bottom:0}.date-tile{width:45px;height:43px;border-radius:7px;background:#f5f7f8;color:#64808a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex-shrink:0}.date-tile small{font-size:8px;color:#8e999f}.deadline-row>div:nth-child(2){flex:1;min-width:0}.deadline-row strong,.compact-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#394650}.deadline-row small,.compact-row small{display:block;font-size:9px;color:#a0a7ad;margin-top:4px}.deadline-row>svg{color:#aab2b8}.compact-list{display:grid}.compact-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f0f2f4}.compact-row:last-child{border:0}.compact-row>div:nth-child(2){min-width:0;flex:1}.file-icon{width:30px;height:31px;border-radius:7px;background:#f3f1fa;color:#8473a5;display:grid;place-items:center;flex-shrink:0}.compact-row .badge{font-size:8px}.activity-list{display:grid}.activity-row{position:relative;display:flex;gap:10px;padding:9px 0}.activity-row:before{content:"";position:absolute;top:31px;bottom:-5px;right:13px;width:1px;background:#edf0f2}.activity-row:last-child:before{display:none}.activity-dot{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#f1f6f6;color:#5e848d;z-index:1;flex-shrink:0}.activity-row strong{display:block;font-size:10px;font-weight:500;color:#46535d;margin-top:1px}.activity-row small{display:block;font-size:9px;color:#a0a8af;margin-top:3px}.activity-list.compact .activity-row{padding:7px 0}.activity-list.compact .activity-dot{width:25px;height:25px}.activity-list.compact .activity-row:before{right:12px}.empty-state{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:21px 12px}.empty-icon{width:38px;height:38px;border-radius:10px;background:#f4f7f8;color:#7f9ba2;display:grid;place-items:center;margin-bottom:9px}.empty-icon svg{width:18px}.empty-state>strong{font-size:11px;color:#46535d}.empty-state p{font-size:10px;color:#a0a8af;margin:5px 0 12px;max-width:310px;line-height:1.7}.empty-state .secondary-button{padding:7px 10px;font-size:10px}.revision-panel{margin-top:0}.revision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.revision-card{border:1px solid #edf0f2;border-radius:8px;padding:11px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.revision-tag{color:#967a49;font-size:9px;display:flex;gap:4px}.revision-card strong{font-size:10px}.revision-card small{font-size:9px;color:#9da5ab}.revision-card .badge{margin-top:4px}.table-panel{min-height:250px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-title p{font-size:10px;color:#9ba4ac;margin:4px 0 0}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.client-card{padding:15px}.client-card-top{display:flex;justify-content:space-between;align-items:center}.client-avatar{width:38px;height:38px;font-size:14px}.client-card h3{font-size:13px;margin:12px 0 2px}.client-card>p{font-size:10px;color:#8e989f;margin:0}.client-data{border-top:1px solid #eff1f3;margin-top:13px;padding:11px 0;display:flex;justify-content:space-between;font-size:9px;color:#75828a}.client-foot{border-top:1px solid #eff1f3;display:flex;justify-content:space-between;align-items:center;padding-top:5px}.client-foot small{font-size:9px;color:#a1a8ae}.one-stat{grid-template-columns:minmax(250px,350px)}.one-stat .stat-card{min-height:128px}.row-actions{display:flex;gap:5px}.approve-button,.reject-button{display:inline-flex;align-items:center;gap:3px;padding:5px 7px;border-radius:5px;border:0;font-size:9px}.approve-button{background:#eaf5f0;color:#39806a}.reject-button{background:#fbefee;color:#ad5d56}.inline-error{color:#b45a52;background:#fff5f3;border-radius:5px;padding:7px;margin-bottom:8px;font-size:10px}.alert{border:1px solid #f0d0cd;background:#fff4f2;color:#a4544d;border-radius:7px;padding:9px 12px;font-size:10px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between}.alert button{border:0;background:transparent;color:inherit;display:grid;place-items:center}.loading{height:260px;display:flex;align-items:center;justify-content:center;gap:10px;color:#8a969e;font-size:11px}.spinner{width:17px;height:17px;border:2px solid #e0e9eb;border-top-color:#347486;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#16232c75;z-index:30;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(550px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:12px;box-shadow:0 25px 80px #14242d40;padding:22px}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px;padding-bottom:14px;border-bottom:1px solid #edf0f2}.modal-heading h2{font-size:17px;margin:4px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:10px;color:#687681}.field>span i{color:#c76a61;font-style:normal}.field input,.field select{height:38px;padding:0 10px;border:1px solid #e2e7ea;border-radius:6px;outline:0;background:#fff;color:#33414b;font-size:11px}.field input:focus,.field select:focus{border-color:#74a3ae;box-shadow:0 0 0 3px #e8f1f2}.field input::placeholder{color:#adb5ba}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-start;gap:8px;padding-top:9px;border-top:1px solid #eff1f2;margin-top:5px}.login-screen,.setup-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 78% 15%,#e8f0ef 0%,transparent 40%),#f6f8f9;padding:24px;position:relative}.login-card,.setup-card{width:min(420px,100%);border:1px solid #e9edef;background:#fff;border-radius:13px;box-shadow:0 20px 70px #213a4510;padding:30px 32px}.login-brand{padding:0 0 20px;margin-bottom:25px}.login-title .eyebrow{color:#638792}.login-title h1,.setup-card h1{font-size:22px;margin:5px 0;color:#1f303a}.login-title p,.setup-card>p{font-size:11px;color:#909ba2;margin:0 0 21px;line-height:1.9}.login-card form{display:grid;gap:13px}.forgot{justify-self:start;border:0;background:transparent;color:#397181;font-size:10px;padding:0;margin-top:-3px}.login-submit{height:41px;margin-top:2px;width:100%}.login-submit svg{margin-right:auto}.login-secure{display:flex;justify-content:center;align-items:center;gap:5px;color:#93a0a4;font-size:9px;margin-top:17px}.login-secure svg{color:#59917d}.login-message{font-size:10px;padding:8px;background:#f5f8f8;color:#64777c;border-radius:5px;margin-top:10px}.login-foot{position:absolute;bottom:18px;color:#a5adb2;font-size:9px}.setup-card{width:min(540px,100%)}.setup-card .eyebrow{color:#60828a;margin-top:28px}.setup-card>p{margin:8px 0 14px}.setup-card ol{padding-right:20px;display:grid;gap:9px;color:#56636b;font-size:11px;line-height:1.8}.setup-card code{direction:ltr;unicode-bidi:isolate;background:#f3f5f5;color:#42616a;border-radius:3px;padding:2px 4px;font-size:10px}.setup-note{display:flex;align-items:center;gap:8px;background:#eff6f3;border-radius:6px;padding:10px;color:#45806c;font-size:10px;margin-top:16px}.menu-toggle,.close-menu,.backdrop{display:none}@media(max-width:1100px){.page-content{padding-left:23px;padding-right:23px}.topbar{padding:0 23px}.sidebar{width:225px}.main-area{margin-right:225px;width:calc(100% - 225px)}.stats-grid{gap:9px}.stat-card{padding:13px}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(230px,.8fr)}}@media(max-width:820px){.sidebar{transform:translate(102%);transition:transform .22s ease;width:270px;box-shadow:none}.sidebar.show{transform:translate(0);box-shadow:-15px 0 50px #1a30301a}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#18252c50;border:0;z-index:9}.close-menu{display:grid;margin-right:auto}.main-area{margin-right:0;width:100%}.menu-toggle{display:grid}.topbar{height:60px;padding:0 18px}.page-content{padding:24px 18px 40px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:125px}.dashboard-grid{grid-template-columns:1fr}.deadline-panel{order:2}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid{grid-template-columns:1fr}.search{width:min(240px,38vw)}.revision-grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.topbar{padding:0 12px}.topbar-actions{gap:4px}.search{width:34px;padding:0;justify-content:center;border:0;background:transparent}.search input,.search kbd{display:none}.search svg{width:19px}.page-content{padding:20px 12px 32px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:20px}.page-heading p{font-size:10px;max-width:250px}.page-heading>.primary-button{padding:8px 10px;font-size:10px;white-space:nowrap;margin-top:9px}.stat-card{min-height:117px;padding:11px}.stat-card>strong{font-size:18px}.dashboard-grid{gap:11px}.panel{padding:14px 12px}.panel-heading h2,.section-title h2{font-size:11px}.client-grid,.revision-grid{grid-template-columns:1fr}.revision-card{display:grid;grid-template-columns:1fr auto}.revision-card>*{grid-column:1}.revision-card .badge{grid-column:2;grid-row:1/3;align-self:center}.form-grid{grid-template-columns:1fr}.modal{padding:18px}.login-card,.setup-card{padding:24px 20px}.login-foot{font-size:8px}.crumb{gap:6px;font-size:10px}.crumb span{display:none}.topbar .notification{width:30px}.table-wrap table{min-width:640px}}.status-select{border:1px solid #e5eaec;border-radius:6px;background:#fff;color:#53636c;padding:5px 7px;font-size:9px;max-width:130px}.download-button{padding:5px 8px;font-size:9px}.conversation-panel{min-height:380px}.conversation-head{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #edf0f2;padding-bottom:14px}.conversation-head h2{font-size:13px;margin:0}.conversation-head p{font-size:10px;color:#98a2a8;margin:4px 0 0}.project-picker{display:flex;align-items:center;gap:8px;color:#8b969d;font-size:10px}.project-picker select{min-width:220px;max-width:40vw;border:1px solid #e4e9eb;border-radius:6px;padding:8px;background:#fff;color:#47565f;font-size:10px}.conversation-tabs{display:flex;gap:6px;border-bottom:1px solid #edf0f2;margin:0 -18px;padding:0 18px}.conversation-tabs button{display:flex;align-items:center;gap:6px;border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 8px;color:#839098;font-size:10px}.conversation-tabs button.active{color:#164e63;border-bottom-color:#164e63;font-weight:600}.conversation-tabs button span{font-size:9px;border-radius:10px;background:#f1f4f5;padding:2px 6px}.message-list,.revision-list{max-height:420px;overflow:auto;padding:9px 3px}.message-bubble{border:1px solid #edf0f2;border-radius:8px;padding:10px 12px;margin:8px 0;max-width:85%;background:#fbfcfc}.message-bubble>div{display:flex;align-items:center;gap:9px}.message-bubble strong{font-size:9px;color:#58727a}.message-bubble small{font-size:8px;color:#a3abb0}.message-bubble p{font-size:11px;line-height:1.8;color:#45535c;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.message-form{display:flex;gap:8px;padding-top:12px;border-top:1px solid #edf0f2}.message-form input{flex:1;min-width:0;border:1px solid #e3e8ea;border-radius:7px;padding:9px 11px;font-size:10px;outline:0}.message-form input:focus{border-color:#80a7af}.message-form .primary-button{padding:8px 13px}.revision-item{border:1px solid #edf0f2;border-radius:8px;padding:12px;margin:9px 0}.revision-item>strong{display:block;font-size:11px;margin-top:7px}.revision-item>p{font-size:10px;color:#6e7a82;line-height:1.8;white-space:pre-wrap}.revision-item .resolution{color:#438069;font-size:9px}.revision-item-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f2f3;padding-top:9px}.revision-item-foot .secondary-button{padding:5px 8px;font-size:9px}.revision-form{border-top:1px solid #edf0f2;padding-top:15px;margin-top:10px}.revision-form>strong{display:block;font-size:11px;margin-bottom:11px}.revision-form .primary-button{margin-top:12px;padding:7px 11px;font-size:10px}@media(max-width:540px){.conversation-head{align-items:flex-start;flex-direction:column}.project-picker{width:100%;justify-content:space-between}.project-picker select{flex:1;min-width:0}.conversation-tabs{margin:0 -12px;padding:0 12px}.message-form .primary-button{padding:8px}.message-bubble{max-width:100%}}.field select[multiple]{height:auto;min-height:66px;padding:5px}.field-hint{font-size:8px;color:#9aa4aa;line-height:1.6}.preview-banner{display:flex;align-items:center;gap:8px;border:1px solid #ecdcae;background:#fff9e9;color:#8b7140;border-radius:7px;padding:10px 12px;margin:0 0 18px;font-size:10px}.preview-banner svg{flex-shrink:0}.preview-banner strong{font-weight:600}.preview-launch{width:100%;height:42px;margin:1px 0 12px}.setup-details{border-top:1px solid #edf0f2;padding-top:13px;margin-top:7px;color:#697780;font-size:10px}.setup-details summary{cursor:pointer;font-weight:600}.setup-details ol{margin-bottom:0}.setup-details code{direction:ltr;unicode-bidi:isolate;background:#f3f5f5;color:#42616a;border-radius:3px;padding:2px 4px;font-size:9px}