:root{--bg:#191d21;--paper:#22272c;--ink:#e8ecef;--muted:#a3adb4;--line:#ffffff10;--gold:#c7b58b;--gold-light:#c7b58b15;--dark:#161a1e;--green:#91c4aa;--danger:#e0a49b;--radius:12px;--shadow:0 3px 18px #00000012;--glass:linear-gradient(145deg,#ffffff0c,#ffffff03),#1c222ae6;--glass-border:#ffffff19;--input:#20262c;--subtle:#ffffff05;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button{color:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:32px;font-weight:600;letter-spacing:-1.1px;line-height:1.2}h2{font-size:17px;font-weight:600;letter-spacing:-.35px}h3{font-size:15px;font-weight:600}p{line-height:1.6}.icon{flex-shrink:0;display:inline-block;vertical-align:middle}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.75px;color:var(--gold);margin-bottom:10px;line-height:1.5}.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}.skip-link{position:fixed;left:14px;top:-100px;padding:12px 20px;background:var(--dark);color:white;z-index:2000;border-radius:6px}.skip-link:focus{top:14px}:focus-visible{outline:3px solid #b99a5c;outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #ad8a4f1f}.initial-loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--muted)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;font-family:Georgia,"Times New Roman",serif;font-size:26px;letter-spacing:-2px;color:#ceb88d;background:var(--dark);border:1px solid #7e705547;border-radius:4px;flex-shrink:0;padding-right:2px}.brand strong{display:block;font-size:10px;letter-spacing:2.4px;color:#d9deda;white-space:nowrap;font-weight:600}.brand small{display:block;margin-top:5px;color:#8e9993;font-size:11px;letter-spacing:.5px}.tiny-label{font-size:9px;letter-spacing:1px;font-weight:650;background:#f2eee5;color:#89764f;border-radius:4px;padding:4px 6px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:7px;border:1px solid transparent;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.4;transition:background .15s,border-color .15s;min-height:40px}.button .icon{width:17px;height:17px}.button-primary{background:var(--dark);color:#fff;border-color:var(--dark);box-shadow:0 2px 3px #17212010}.button-primary:hover:not(:disabled){background:#303938;border-color:#303938}.button-secondary{background:white;border-color:#dfe3dc;color:#3c4640}.button-secondary:hover:not(:disabled){background:#f8f8f5;border-color:#bfc7bb}.button-ghost{background:transparent;border-color:transparent;color:#6e765f}.button-ghost:hover{background:#eeeee7}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:6px;background:transparent;border:0;border-radius:7px;color:#88918a;flex-shrink:0}.icon-button:hover{color:var(--ink);background:#edeee8}.icon-button .icon{width:18px;height:18px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#8f743f;background:none;border:0;font-size:11px;font-weight:600;padding:6px 0;white-space:nowrap}.text-button .icon{width:15px;height:15px}.text-button:hover{color:#544322;text-decoration:underline}.link-button{padding:0;border:0;background:none;color:#4f695c;font-size:12px;text-align:left;line-height:1.6}.link-button:hover{text-decoration:underline}.back-button{display:flex;align-items:center;gap:7px;background:none;border:0;padding:0;font-size:11px;color:#747e76;margin-bottom:24px}.back-button .icon{width:16px;height:16px}.back-button:hover{color:var(--ink)}
/* Entry */
.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:var(--dark);padding:50px 70px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;border:1px solid #c0ac7820;border-radius:50%;height:680px;width:680px;right:-430px;bottom:-390px;pointer-events:none}.login-story .brand-mark{border-color:#8676596b}.login-copy{margin:auto 0;max-width:500px;padding:80px 0 50px}.login-copy .eyebrow{color:#c3a66a;font-size:11px;letter-spacing:2.5px}.login-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:64px;font-weight:400;line-height:1.1;color:#f3f2ec;letter-spacing:-2px;margin:24px 0 30px}.login-copy h1 em{color:#c4aa77;font-weight:400}.login-copy p{max-width:330px;font-size:14px;line-height:1.8;color:#9ba69f}.login-flow{display:flex;align-items:center;gap:18px;color:#c8cfca;border-top:1px solid #a8baad1f;padding-top:24px;margin-bottom:44px;font-size:12px;letter-spacing:.5px}.login-flow .icon{width:18px;color:#887a5d}.login-footer{font-size:10px;color:#718078;letter-spacing:.5px}.login-form-area{background:#f6f5f1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 50px}.login-card{width:100%;max-width:370px}.pilot-pill{display:inline-flex;align-items:center;gap:12px;padding:6px 8px 6px 11px;border:1px solid #deded3;border-radius:5px;color:#7c7f69;font-size:9px;letter-spacing:1.6px;margin-bottom:32px;font-weight:600}.pilot-pill span{background:#ebe9df;color:#9b8555;padding:2px 4px;border-radius:3px;letter-spacing:0}.login-card h2{font-size:34px;font-weight:500;letter-spacing:-1px;margin-bottom:13px}.login-card>p{font-size:13px;max-width:360px}.login-card form{margin-top:34px}.login-card label{display:block;font-size:12px;font-weight:550;margin:19px 0 9px}.login-card input,.login-card select{width:100%;height:46px;border:1px solid #dce0d6;background:#fff;border-radius:6px;color:#3a463e;padding:0 12px;font-size:12px}.login-submit{margin-top:20px;width:100%;justify-content:space-between;padding:14px 18px;min-height:49px}.demo-note{display:flex;gap:10px;margin-top:25px;border-top:1px solid #dfe2d9;padding-top:22px;color:#94998d}.demo-note .icon{width:15px;height:15px;margin-top:2px;color:#9a8864}.demo-note p{font-size:11px;line-height:1.65}.login-bottom{font-size:10px;color:#9ca197;margin-top:60px}
/* Workspace */
.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;min-width:242px;background:var(--dark);position:fixed;top:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;padding:28px 18px 0;color:#9da8a0;overflow-y:auto}.sidebar-brand{margin:0 8px 30px}.sidebar-brand:hover{text-decoration:none}.sidebar-brand .brand-mark{width:38px;height:38px;font-size:23px}.sidebar-brand .brand strong{font-size:9px}.sidebar-brand strong{letter-spacing:1.9px;font-size:9px}.workspace-label{display:flex;align-items:center;gap:8px;color:#c1cbc3;font-size:11px;padding:11px 12px;border:1px solid #9eae9f1d;border-radius:6px;min-height:40px;margin-bottom:30px}.workspace-label .tiny-label{margin-left:auto;background:#a1875624;color:#c1a978;font-size:8px}.workspace-dot{width:5px;height:5px;border-radius:50%;background:#a58c5b;flex-shrink:0}.nav-heading{padding:0 12px;font-size:8px;color:#687970;font-weight:550;letter-spacing:1.7px;margin-bottom:12px}.nav-item{background:none;border:0;display:flex;align-items:center;gap:11px;width:100%;padding:12px 13px;text-align:left;border-radius:6px;color:#a1ada5;min-height:44px;font-size:12px;margin-bottom:4px;transition:.15s}.nav-item .icon{width:18px;height:18px;color:#7d8d82}.nav-item:hover{background:#ffffff06;color:#ecf0eb}.nav-item.active{background:#a68c5522;color:#dbc59b}.nav-item.active .icon{color:#c8ad79}.nav-count{margin-left:auto;font-size:9px;padding:2px 5px;background:#94a18f18;color:#a6b29f;border-radius:4px}.nav-item.active .nav-count{background:#ad8a4f30;color:#d1b887}.future-heading{margin-top:27px;color:#52645b}.future-nav{display:flex;align-items:center;gap:11px;padding:10px 13px;color:#66796e;font-size:11px;min-height:37px}.future-nav .icon{width:17px;height:17px;color:#53695b}.future-nav small{margin-left:auto;font-size:8px;letter-spacing:.5px;color:#526157}.sidebar-bottom{margin-top:auto;padding-top:32px}.pilot-note{display:flex;gap:10px;align-items:center;background:#a8946720;border:1px solid #af9d6b14;border-radius:6px;padding:12px 10px;margin-bottom:22px}.pilot-note .icon{width:17px;height:17px;color:#ad9868}.pilot-note strong{display:block;font-size:10px;font-weight:500;color:#b3b5a0}.pilot-note span{display:block;font-size:9px;color:#748176;margin-top:4px}.user-panel{display:flex;align-items:center;gap:9px;padding:16px 1px;border-top:1px solid #acbaaa1c;min-height:77px}.user-panel strong{display:block;color:#d7ddd4;font-size:11px;font-weight:500}.user-panel small{display:block;color:#728479;font-size:9px;margin-top:4px}.user-panel .icon-button{margin-left:auto;color:#758879;width:28px}.user-panel .icon-button:hover{background:#ffffff0a;color:#fff}.avatar{display:inline-flex;align-items:center;justify-content:center;border:1px solid #eee7da;border-radius:9px;width:35px;height:35px;background:#f3efe5;color:#9f8354;flex-shrink:0;font-size:11px;font-weight:500;letter-spacing:.6px}.avatar-dark{background:#a9905820;border-color:#a990582a;color:#c3ac7b;width:33px;height:33px;border-radius:7px;font-size:10px}.avatar-large{width:64px;height:64px;border-radius:13px;font-size:22px}.workspace{width:calc(100% - 242px);margin-left:242px;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;padding:0 34px;border-bottom:1px solid var(--line);background:#f9f9f5}.breadcrumb{display:flex;gap:11px;align-items:center;color:#989e92;font-size:11px}.breadcrumb span{color:#bfc5b8}.breadcrumb strong{font-weight:500;color:#5f6b5f}.topbar-right{display:flex;align-items:center;gap:24px}.date-top{font-size:10px;color:#899480;padding-left:24px;border-left:1px solid #dde2d5;white-space:nowrap}.connection{display:flex;align-items:center;gap:7px;font-size:9px;color:#788b73;white-space:nowrap}.connection>span{background:#6f9472;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #6f94720e}.connection.offline{color:#a0875b}.connection.offline>span{background:#b1955c;box-shadow:0 0 0 3px #b1955c0e}.mobile-menu{display:none}.main-content{padding:35px 34px 46px;flex:1;max-width:1680px;width:100%;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-header h1{margin-bottom:9px}.page-header p{font-size:12px;color:#87917f;line-height:1.65}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.workspace-footer{padding:17px 34px;display:flex;justify-content:space-between;border-top:1px solid #e6e9df;color:#98a090;font-size:9px;letter-spacing:.2px}.workspace-footer span:first-child{color:#839078}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:26px}.stat-card{background:var(--paper);border:1px solid var(--line);padding:19px 20px 17px;border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.stat-label{display:flex;align-items:center;justify-content:space-between;color:#707e69;font-size:11px;font-weight:500;gap:7px}.stat-icon{display:flex;align-items:center;justify-content:center;color:#9eaa8e;background:#f5f6ef;border-radius:7px;width:31px;height:31px;flex-shrink:0}.stat-icon .icon{width:17px;height:17px}.stat-value{display:block;font-size:38px;letter-spacing:-1.5px;font-weight:450;margin:13px 0 12px;line-height:1}.stat-foot{font-size:9px;color:#98a08f;display:block}.stat-warning{border-color:#eaded4}.stat-warning .stat-icon{background:#faf1e9;color:#b28866}.stat-warning .stat-value{color:#a57755}.stat-warning .stat-foot{color:#a4917a}.dashboard-grid{display:grid;grid-template-columns:1.38fr 1fr;gap:22px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-heading{padding:22px 23px 19px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #eef0e9;min-height:78px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:10px;color:#97a08d;margin-top:5px}.panel-padding{padding:25px;font-size:12px}.action-list{padding:0 22px}.action-row{display:flex;align-items:center;width:100%;gap:11px;background:none;border:0;text-align:left;padding:17px 0;border-bottom:1px solid #eff1eb;min-height:77px}.action-row:last-child{border-bottom:0}.action-row:hover .action-detail strong{color:#9b7a3d}.task-circle{height:31px;width:31px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#8d9c7f;background:#f2f4ed;flex-shrink:0}.task-circle .icon{width:16px;height:16px}.late-circle{color:#aa8065;background:#faf0e8}.action-detail{min-width:0;flex:1}.action-detail strong{display:block;font-size:11px;font-weight:500;line-height:1.5}.action-detail small{display:block;font-size:9px;color:#919b88;margin-top:5px;line-height:1.5}.action-detail small span{color:#bdc5b7;padding:0 4px}.action-date{font-size:9px;color:#94a088;text-align:right;white-space:nowrap;line-height:1.6}.action-date small{display:block;font-size:8px}.row-arrow{color:#c0c8b9;width:15px;height:15px}.live-dot{height:6px;width:6px;background:#a99772;border-radius:50%;box-shadow:0 0 0 4px #a9977210;margin-right:3px}.timeline{margin:0;padding:10px 24px 20px;list-style:none}.timeline li{display:flex;gap:13px;padding:16px 0;position:relative}.timeline li:not(:last-child):after{content:"";position:absolute;left:14px;top:45px;bottom:-15px;width:1px;background:#eaece3}.timeline-marker{width:29px;height:29px;border:1px solid #e9eadd;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#99a38a;background:#fbfcf8;flex-shrink:0;z-index:1}.timeline-marker .icon{width:13px;height:13px}.timeline-body{padding-top:2px;min-width:0}.timeline-body>strong{display:block;line-height:1.65;font-size:12px;font-weight:500;color:#55604e;overflow-wrap:anywhere}.timeline-body>div{margin-top:5px;font-size:10px;color:#9ca491;display:flex;align-items:center;flex-wrap:wrap;gap:7px}.timeline-separator{color:#c1c7b9}.timeline-compact{padding:6px 22px 14px}.timeline-compact li{padding:14px 0}.timeline-compact .timeline-body>strong{font-size:11px}.timeline-compact .timeline-body>div{font-size:9px}.timeline-client{font-size:9px;margin-top:5px;color:#a08b60}.flow-banner{display:flex;align-items:center;gap:16px;border:1px solid #e4e6d8;border-radius:var(--radius);background:#eeefe5;padding:22px;margin-top:26px}.flow-banner-icon{color:#a49169;padding:11px;background:#f8f8f1;border:1px solid #e1e3d5;border-radius:9px}.flow-banner-icon .icon{height:20px;width:20px}.flow-banner strong{font-size:12px;font-weight:500;color:#666e51}.flow-banner p{font-size:10px;color:#99a083;margin-top:6px}.flow-steps{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:9px;color:#8f9879;white-space:nowrap}.flow-steps .icon{width:13px;height:13px;color:#b2b89b}
/* Tables */
.table-toolbar{display:flex;align-items:center;gap:14px;justify-content:space-between;min-height:78px;padding:18px 23px;border-bottom:1px solid #ebeee4}.search-field{display:flex;align-items:center;gap:9px;flex:1;max-width:400px;height:37px;background:#f8f9f5;border:1px solid #e8ebdf;border-radius:6px;padding:0 11px;color:#9aa58c}.search-field .icon{height:15px;width:15px}.search-field input{height:100%;width:100%;border:0;outline:0;background:none;font-size:11px;color:#516048;padding:0;min-width:0}.search-field input::placeholder{color:#a0aa95}.search-field:focus-within{border-color:#b3a071;box-shadow:0 0 0 3px #ad8a4f0f}.search-field input:focus-visible{box-shadow:none}.result-count{font-size:10px;color:#98a28d;white-space:nowrap}.filter-select{min-width:142px;border:1px solid #e7ebdf;border-radius:6px;padding:9px 11px;background:white;color:#77856c;font-size:11px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}thead{background:#fafbf7}th{padding:14px 21px;font-size:9px;font-weight:500;color:#92a085;white-space:nowrap;letter-spacing:.2px;border-bottom:1px solid #e9ede1}td{padding:17px 21px;border-bottom:1px solid #eef1e7;color:#68775d;vertical-align:middle;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdf9}td:last-child{padding-left:6px;padding-right:18px;width:45px}.client-cell{display:flex;align-items:center;gap:11px;border:0;background:none;padding:0;text-align:left}.client-cell strong{display:block;font-size:11px;font-weight:550;color:#415039}.client-cell small{display:block;font-size:9px;color:#a0ac91;margin-top:5px}.client-cell:hover strong{color:#947843}.stack-cell{display:flex;flex-direction:column;gap:6px;font-size:11px}.stack-cell small{font-size:9px;color:#9ca88d}.person-cell{font-size:10px;color:#7f8c70}.badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 7px;border-radius:5px;font-size:9px;line-height:1;white-space:nowrap;background:#f0f2eb;color:#8a9579;font-weight:500;border:1px solid #e9ece1}.badge-active,.badge-successful,.badge-done,.badge-success{background:#eef5ee;color:#718c67;border-color:#e1ebde}.badge-new,.badge-contacted,.badge-todo{background:#f2f1e8;color:#a49263;border-color:#eae6d6}.badge-in_progress,.badge-meeting,.badge-viewing,.badge-negotiation{background:#edf2f5;color:#77929c;border-color:#e0e8eb}.badge-unsuccessful,.badge-blocked{background:#faf0eb;color:#b28973;border-color:#f0e1d8}.badge-waiting,.badge-paused,.badge-contract{background:#f5f0e7;color:#a9956c;border-color:#ece3d4}.badge-completed,.badge-archived{background:#f0f2ee;color:#8e9c80}.priority{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#96a184;white-space:nowrap}.priority>span{height:4px;width:4px;border-radius:50%;background:#b4bf9c}.priority-high{color:#a9946b}.priority-high>span{background:#c0a26b}.priority-critical{color:#b68a74}.priority-critical>span{background:#c98e72}.priority-low{color:#a4afa0}.priority-low>span{background:#c2ccbb}.count-pill{display:inline-flex;min-width:23px;min-height:23px;align-items:center;justify-content:center;background:#f5f7ef;border:1px solid #e9eedd;border-radius:5px;color:#8a9b76;font-size:9px}.table-title{border:0;background:none;padding:0;text-align:left;display:flex;flex-direction:column;gap:6px;white-space:normal;min-width:150px;max-width:290px}.table-title strong{font-size:11px;font-weight:550;color:#4f5e44;line-height:1.5}.table-title small{font-size:9px;color:#9ba88a}.table-title:hover strong{color:#987d48}.table-note{font-size:10px;color:#9aa58d;margin-top:15px}.filter-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter-pill{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid #e4e9d9;padding:9px 12px;border-radius:6px;font-size:10px;color:#8c987c}.filter-pill>span{color:#a2ae90;background:#e9eddf;padding:2px 5px;border-radius:4px;font-size:9px}.filter-pill:hover{border-color:#c3cdb0}.filter-pill.active{color:#60704e;background:#fefefc;border-color:#a8b897;box-shadow:0 1px 4px #30461a05}.filter-pill.active>span{background:#e1e8d3;color:#81946a}.late{color:#a98366!important}.late small{color:#b89b80}.row-done .table-title strong{color:#98a38e}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:35px 28px;gap:10px;text-align:center}.empty-state>.icon{height:28px;width:28px;color:#b9c3aa;margin-bottom:4px}.empty-state h3{font-size:13px;font-weight:500;color:#7a876c}.empty-state p{font-size:11px;color:#a0aa90;max-width:330px}.empty-state>.button{margin-top:8px}
/* Dossier */
.dossier-header{display:flex;align-items:center;gap:18px;margin-bottom:28px}.dossier-header .eyebrow{margin-bottom:7px;font-size:9px}.dossier-header h1{font-size:29px}.dossier-badges{display:flex;align-items:center;gap:13px;margin-top:12px}.dossier-badges>.muted{font-size:10px}.dossier-header .header-actions{margin-left:auto}.tabs{display:flex;gap:28px;border-bottom:1px solid #e2e8d7;margin-bottom:26px;overflow-x:auto}.tab{position:relative;display:flex;align-items:center;gap:9px;border:0;background:none;padding:0 0 15px;font-size:11px;color:#92a07f;white-space:nowrap}.tab>span{background:#e9eddf;color:#a0ac8f;font-size:9px;min-width:18px;height:17px;line-height:17px;border-radius:4px}.tab.active{color:#7e744f;font-weight:550}.tab.active:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:#b09563;border-radius:2px}.tab.active>span{background:#ebe4d2;color:#a18c62}.dossier-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.details-grid{margin:0;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}.details-grid dt{font-size:9px;color:#a0ad8d;margin-bottom:8px}.details-grid dd{font-size:12px;margin:0;color:#68785a;overflow-wrap:anywhere}.details-grid dd a{color:#7e855e}.client-notes{padding:23px;border-top:1px solid #edf0e5;background:#fcfdf8}.client-notes .eyebrow{font-size:8px;color:#a0a98b;margin-bottom:10px}.client-notes p{font-size:11px;color:#8c9a79;white-space:pre-wrap;overflow-wrap:anywhere}.mini-stats{display:flex;justify-content:space-between;margin:24px 23px 18px;gap:15px}.mini-stats>div{flex:1}.mini-stats strong{display:block;font-size:25px;font-weight:450;color:#667651}.mini-stats span{display:block;margin-top:7px;color:#a5b08f;font-size:9px}.dossier-processes{padding:0 23px}.process-preview{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;text-align:left;padding:17px 0;background:none;border:0;border-top:1px solid #edf1e4}.process-preview strong{display:block;font-size:11px;font-weight:500;color:#6a7959;line-height:1.5}.process-preview small{display:block;font-size:9px;color:#a2af8d;margin-top:5px}.process-preview:hover strong{color:#9c8656}.panel-bottom-actions{border-top:1px solid #edf0e4;padding:18px 23px;display:flex;gap:8px;margin-top:10px}.panel-bottom-actions .button{padding:8px 11px;font-size:10px;min-height:34px}.dossier-recent{grid-column:1/-1}.dossier-recent .timeline{max-width:900px}.history-panel .timeline{padding:15px 25px 25px}
/* Organization and future modules */
.notice{display:flex;align-items:flex-start;gap:13px;padding:19px 22px;border:1px solid #e9e1ce;border-radius:9px;background:#faf7ee;color:#a59469;margin:0 0 24px;font-size:11px;line-height:1.7}.notice>.icon{width:18px;height:18px;margin-top:2px}.notice strong{display:block;font-size:11px;font-weight:550;color:#978556}.notice p{font-size:10px;margin-top:6px;color:#aca17e;max-width:850px}.compact-notice{margin:0 23px 23px;padding:13px;font-size:10px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.role-card{padding:25px;border-bottom:1px solid #ebefe1;border-right:1px solid #ebefe1}.role-card:nth-child(4n){border-right:0}.role-card:nth-child(n+5){border-bottom:0}.role-icon{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:1px solid #e9edde;border-radius:8px;background:#f9faf4;color:#a2ae8a;margin-bottom:14px}.role-icon .icon{width:18px;height:18px}.role-card h3{font-size:12px;color:#677653;margin-bottom:9px}.role-card p{font-size:10px;color:#a2ad8e;line-height:1.7}.team-users{margin-top:24px}.schema-stats{grid-template-columns:repeat(3,1fr)}.schema-stats .stat-value{color:#7e8563}.future-modules{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.future-module{padding:28px;position:relative}.future-module-icon{display:flex;align-items:center;justify-content:center;width:41px;height:41px;border:1px solid #ebe8d9;background:#f9f7ef;color:#b3a175;border-radius:10px;margin-bottom:20px}.future-module-icon .icon{width:21px;height:21px}.future-module>.tiny-label{position:absolute;right:25px;top:30px;font-size:8px;background:#f4f3eb;color:#a8aa87}.future-module h2{font-size:20px;font-weight:500;color:#7a805d}.future-module p{font-size:11px;line-height:1.8;color:#a3ac8c;margin-top:13px;max-width:480px}.module-foot{border-top:1px solid #ebeee0;padding-top:19px;font-size:9px;color:#b0b69b;margin-top:23px}.scope-list{padding:10px 24px 22px}.scope-list>div{display:flex;align-items:center;gap:11px;padding:12px 0;font-size:11px;color:#8a9976}.scope-list .icon{width:16px;height:16px;color:#a3b68a}
/* Modal and form */
.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:#111a1873;backdrop-filter:blur(3px);z-index:500;display:flex;align-items:center;justify-content:center;padding:28px;overflow:auto}.modal{background:#fff;border:1px solid #e0e7d7;border-radius:14px;width:660px;max-width:100%;max-height:calc(100vh - 56px);overflow:auto;box-shadow:0 20px 80px #0a211d30}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:27px 29px 23px;border-bottom:1px solid #eaf0df}.modal-heading .eyebrow{font-size:8px;margin-bottom:8px;color:#a99567}.modal-heading h2{font-size:23px;font-weight:500;color:#50613f}.modal-heading p{font-size:11px;color:#a3af8e;margin-top:10px}.modal-close{margin-top:-3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:26px 29px;border:0;margin:0;min-width:0}.form-field{display:flex;flex-direction:column;gap:8px;min-width:0}.field-wide{grid-column:1/-1}.form-field label{font-size:10px;color:#819269;font-weight:500}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:40px;padding:10px 12px;background:#fff;border:1px solid #dfe7d3;border-radius:6px;color:#576d42;font-size:12px;line-height:1.5}.form-field select{font-size:11px}.form-field textarea{resize:vertical;min-height:75px}.form-field input::placeholder,.form-field textarea::placeholder{color:#b0b99d}.form-grid:disabled input,.form-grid:disabled select,.form-grid:disabled textarea{background:#fafcf6;color:#8fa279;border-color:#eaf0de;opacity:1}.form-grid:disabled input[type="datetime-local"]{color:#849875}.form-helper{color:#abb698;font-size:9px;line-height:1.6}.modal-footer{position:sticky;bottom:0;background:#fff;display:flex;align-items:center;gap:10px;border-top:1px solid #eaf0df;padding:19px 29px;z-index:2}.modal-footer>.form-helper{margin-right:auto}.modal-footer .button{font-size:11px;padding:10px 14px}.form-error{color:#a5735c;font-size:11px;line-height:1.7}.form-error:not(:empty){margin-top:14px}.modal-error:not(:empty){margin:0 29px 20px;padding:13px 15px;background:#faf3e8;border:1px solid #eadcca;border-radius:6px;font-size:10px;color:#a28760}.conflict-button{display:block;margin-top:8px}.is-hidden{display:none!important}.toast-root{position:fixed;bottom:25px;right:25px;z-index:1000;max-width:calc(100vw - 40px)}.toast{display:flex;align-items:center;gap:11px;color:#e9ede5;background:#34442d;padding:15px 20px;border:1px solid #57724b;border-radius:9px;box-shadow:0 8px 30px #19371722;font-size:12px;line-height:1.6;max-width:470px}.toast .icon{width:18px;color:#a4be8d}.toast-error{background:#694d37;border-color:#9a7656}.toast-error .icon{color:#dac3a0}
@media(min-width:1550px){.main-content{padding:42px 45px 52px}.topbar{padding-left:45px;padding-right:45px}.page-header{margin-bottom:33px}.stat-grid{gap:21px;margin-bottom:29px}.stat-card{padding:22px 24px}.dashboard-grid{gap:27px}.sidebar{width:258px;min-width:258px}.workspace{margin-left:258px;width:calc(100% - 258px)}}
@media(max-width:1200px){.sidebar{width:220px;min-width:220px;padding-left:12px;padding-right:12px}.workspace{margin-left:220px;width:calc(100% - 220px)}.main-content{padding:28px 25px 40px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:1.15fr 1fr;gap:17px}.flow-steps{display:none}.stat-card{padding:17px}.stat-label{font-size:10px}.stat-icon{width:25px;height:25px}.stat-foot{font-size:8px}.stat-grid{gap:11px}.panel-heading{padding:20px}.action-list{padding:0 18px}.timeline-compact{padding-left:18px;padding-right:18px}.table-toolbar{padding:17px 19px}td,th{padding-left:17px;padding-right:17px}.role-card{padding:20px}.brand strong{font-size:9px}.login-story{padding:45px}.login-copy h1{font-size:58px}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.activity-panel .timeline{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.activity-panel .timeline li:after{display:none}.stat-label{font-size:9px}.stat-icon{width:23px;height:23px}.stat-icon .icon{height:14px;width:14px}.stat-value{font-size:32px}.stat-foot{font-size:8px}.role-grid{grid-template-columns:repeat(2,1fr)}.role-card:nth-child(2n){border-right:0}.role-card:nth-child(n+5){border-bottom:1px solid #ebefe1}.role-card:nth-child(n+7){border-bottom:0}.dossier-grid{grid-template-columns:1fr}.dossier-recent{grid-column:auto}.topbar-right{gap:12px}.date-top{padding-left:12px}.login-copy h1{font-size:50px}.login-story{padding:35px}.login-form-area{padding:45px 35px}.future-modules{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:242px;box-shadow:0 0 40px #122e2122}.sidebar.sidebar-open{transform:translateX(0)}.workspace{margin:0;width:100%}.mobile-menu{display:flex}.topbar{min-height:62px;padding:0 20px;gap:10px}.breadcrumb{margin-right:auto;font-size:10px;gap:8px}.topbar-right{gap:0}.date-top{display:none}.connection{font-size:8px}.main-content{padding:27px 22px 40px}.stat-label{font-size:10px}.stat-value{font-size:35px}.stat-foot{font-size:9px}.login-layout{grid-template-columns:.8fr 1fr}.login-story{padding:30px}.login-copy h1{font-size:42px}.login-copy p{font-size:12px}.login-flow{font-size:10px;gap:10px}.login-copy{padding:50px 0}.login-form-area{padding:35px 25px}.login-card h2{font-size:29px}.login-card>p{font-size:12px}.sidebar-open:before{content:""}.table-title{min-width:180px}.workspace-footer{padding-left:22px;padding-right:22px}}
@media(max-width:580px){h1{font-size:28px}.page-header{align-items:flex-start;margin-bottom:24px;gap:14px}.page-header .eyebrow{font-size:8px;letter-spacing:1.5px}.page-header p{font-size:10px}.header-actions .button{font-size:10px;padding:9px 11px;min-height:36px}.header-actions .button .icon{width:14px;height:14px}.stat-grid{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:22px}.stat-card{padding:16px}.stat-label{font-size:10px}.stat-value{margin:13px 0 10px}.stat-foot{font-size:8px}.main-content{padding:24px 17px 32px}.topbar{padding:0 14px}.breadcrumb{font-size:9px}.breadcrumb>span,.breadcrumb>strong{display:none}.connection{font-size:8px}.panel-heading{padding:19px 17px;gap:8px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:9px}.text-button{font-size:10px}.activity-panel .timeline{display:block}.action-list{padding:0 15px}.action-row{gap:9px;padding:16px 0}.action-detail strong{font-size:10px}.action-detail small{font-size:8px}.action-date{font-size:8px}.row-arrow{display:none}.task-circle{width:27px;height:27px}.flow-banner{padding:18px 16px;margin-top:22px;gap:13px}.flow-banner strong{font-size:10px}.flow-banner p{font-size:9px}.flow-banner-icon{padding:8px}.workspace-footer{padding:15px 17px;font-size:8px;gap:15px}.workspace-footer>span:last-child{max-width:200px;text-align:right}.table-toolbar{flex-wrap:wrap;padding:15px}.search-field{max-width:none;flex-basis:100%}.result-count{font-size:9px}.table-toolbar>.result-count{margin-left:auto}.filter-pills{gap:7px}.filter-pill{font-size:9px;padding:8px 10px;gap:7px}.dossier-header{flex-wrap:wrap;gap:13px;margin-bottom:22px}.dossier-header h1{font-size:25px}.dossier-header .avatar-large{width:53px;height:53px;font-size:18px}.dossier-header .header-actions{width:100%;margin-left:0;margin-top:7px}.dossier-badges{gap:9px;margin-top:10px}.tabs{gap:23px;margin-bottom:22px}.tab{font-size:10px}.details-grid{padding:21px 18px;gap:22px 15px}.details-grid dd{font-size:11px}.client-notes{padding:19px}.mini-stats{margin:23px 19px}.mini-stats strong{font-size:23px}.notice{padding:16px;font-size:10px}.notice strong{font-size:10px}.notice p{font-size:9px}.role-card{padding:18px}.role-card p{font-size:9px}.role-card h3{font-size:11px}.schema-stats{grid-template-columns:1fr 1fr}.schema-stats>.stat-card:last-child{grid-column:1/-1}.future-module{padding:23px}.scope-list{padding:10px 18px 20px}.scope-list>div{font-size:10px}.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px);border-radius:11px}.modal-heading{padding:22px 20px 18px}.modal-heading h2{font-size:22px}.modal-heading p{font-size:10px}.form-grid{padding:23px 20px;gap:18px 13px}.form-field label{font-size:10px}.form-field input,.form-field select{font-size:11px;min-height:41px}.form-field input[type="datetime-local"]{font-size:10px;padding-left:8px;padding-right:8px}.modal-footer{padding:16px 20px;gap:8px}.modal-footer .button{font-size:10px;padding:9px 11px}.modal-error:not(:empty){margin:0 20px 17px}.toast-root{bottom:14px;right:14px;max-width:calc(100vw - 28px)}.toast{padding:13px 16px;font-size:11px}.login-layout{display:flex;flex-direction:column}.login-story{padding:26px 25px 28px;min-height:auto}.login-story .brand{gap:10px}.login-story .brand-mark{width:36px;height:36px;font-size:22px}.login-copy{padding:35px 0 0;margin:0}.login-copy .eyebrow{font-size:9px;margin-bottom:14px}.login-copy h1{font-size:38px;margin:15px 0 18px;max-width:320px}.login-copy h1 br{display:none}.login-copy p{font-size:11px;max-width:330px}.login-flow,.login-footer{display:none}.login-form-area{padding:35px 25px}.login-card{max-width:420px}.pilot-pill{margin-bottom:20px}.login-card h2{font-size:27px}.login-card form{margin-top:24px}.login-card label{font-size:11px;margin-top:16px}.login-bottom{margin-top:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The pilot starts in dark mode. These semantic surfaces also prepare a future light theme. */
body{background:radial-gradient(ellipse at 80% -30%,#5061701c,transparent 65%),var(--bg)}
.button-primary{color:#f6f3ed;background:linear-gradient(145deg,#a8997120,#a8997109),#333839;border-color:#b8aa713c;box-shadow:inset 0 1px 0 #ffffff08,0 2px 8px #00000015}
.button-primary:hover:not(:disabled){background:#484b45;border-color:#c6b58465}
.button-secondary{background:#ffffff05;border-color:#ffffff20;color:#d1d7dd;box-shadow:inset 0 1px 0 #ffffff05}
.button-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff35}
.button-ghost{color:#b1bac3}.button-ghost:hover{background:#ffffff08}
.icon-button{color:#9da8b4}.icon-button:hover{color:#e5ebf1;background:#ffffff09}
.text-button{color:#c5b88f}.text-button:hover{color:#e0d2ae}.link-button{color:#b6c9d7}
.tiny-label{background:#c7b58b15;color:#c5b58d;border:1px solid #c7b58b15}
.brand-mark{background:linear-gradient(135deg,#ffffff09,transparent),#1b2024;border-color:#c7b58b35;color:#d2c095;box-shadow:inset 0 1px 0 #ffffff08}
.login-layout{background:var(--bg)}.login-story{background:radial-gradient(ellipse at 15% 55%,#7b8a981a,transparent 80%),#1b2026;border-right:1px solid var(--line)}
.login-story:after{border-color:#ffffff05}
.login-copy h1{font-family:inherit;font-size:47px;font-weight:500;letter-spacing:-1.8px;line-height:1.2;color:#e4e9ed}
.login-copy h1 em{font-style:normal;color:#c7b58b}.login-copy p{color:#a6b1bc;font-size:14px}
.login-copy .eyebrow{color:#a9b4bd;font-size:10px;letter-spacing:2px}.login-flow{border-color:#ffffff12;color:#a3adb8;letter-spacing:0}.login-flow .icon{color:#6d7a87}.login-footer{color:#788592}
.login-form-area{background:radial-gradient(ellipse at 100% 0%,#52637a15,transparent 60%),#1c2127}
.login-card h2{color:#e4e9ed;font-size:30px}.login-card>p{color:#a6b1bc}.pilot-pill{border-color:#ffffff1b;color:#aab5bd;background:#ffffff03}
.pilot-pill span{background:#c7b58b1a;color:#c7b58b}.login-card label{color:#bbc5cd}.login-card input,.login-card select{background:var(--input);border-color:#ffffff20;color:#d4dce3}
.demo-note{border-color:#ffffff10;color:#909da9}.demo-note .icon{color:#b5a77f}.login-bottom{color:#798794}
.sidebar{background:var(--glass);border-right:1px solid #ffffff12;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);box-shadow:inset -1px 0 0 #ffffff02;color:#a5b0bc}
.sidebar-brand strong{color:#d7dde2}.sidebar-brand small{color:#8797a5}
.workspace-label{border-color:#ffffff14;background:#ffffff03;color:#b8c4ce;font-size:11px}.workspace-label .tiny-label{background:#c7b58b17;color:#c7b58b}
.workspace-dot{background:#c7b58b}.nav-heading{color:#768695;font-size:9px}.nav-item{color:#9eafbe;font-size:12px;min-height:45px}
.nav-item .icon{color:#8193a2}.nav-item:hover{background:#ffffff05;color:#e7edf3}
.nav-item.active{background:linear-gradient(140deg,#ffffff0c,#ffffff03);color:#e0d5b8;border:1px solid #b7a57222;box-shadow:inset 0 1px 0 #ffffff06;padding:11px 12px}
.nav-item.active .icon{color:#c7b58b}.nav-count{background:#ffffff08;color:#98a8b5}.nav-item.active .nav-count{background:#c7b58b15;color:#c5b58d}
.future-heading{color:#607383}.future-nav{color:#758795;font-size:11px}.future-nav .icon{color:#677b8c}.future-nav small{color:#66798a;font-size:9px}
.pilot-note{background:#ffffff03;border-color:#ffffff08}.pilot-note .icon{color:#b4a985}.pilot-note strong{color:#a7b4be;font-size:10px}.pilot-note span{color:#8193a1;font-size:9px}
.user-panel{border-color:#ffffff0b}.user-panel strong{color:#c4d0da;font-size:11px}.user-panel small{color:#8ca0b0;font-size:10px}.user-panel .icon-button{color:#899eae}
.avatar{background:#b9ac8a13;border-color:#b9ac8a20;color:#c6b991}.avatar-dark{background:#ffffff06;border-color:#ffffff14;color:#bac5d0}
.topbar{background:linear-gradient(145deg,#ffffff05,#ffffff01),#1e242cda;border-color:#ffffff0b;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
.breadcrumb{color:#8b9caa;font-size:11px}.breadcrumb span{color:#5b6b79}.breadcrumb strong{color:#bcc8d2}.date-top{color:#93a3b1;border-color:#ffffff10;font-size:10px}
.connection{color:#96b8a8;font-size:10px}.connection>span{background:#93b6a4}.connection.offline{color:#c2ae86}
.main-content h1{color:#e3e9ee}.page-header p{color:#a1b0bd;font-size:12px}.eyebrow{color:#b8a77e}
.workspace-footer{border-color:#ffffff0b;color:#748897;font-size:10px}.workspace-footer span:first-child{color:#90a0ad}
.stat-card{background:linear-gradient(145deg,#ffffff03,transparent),var(--paper);border-color:#ffffff10;box-shadow:inset 0 1px 0 #ffffff02,0 2px 9px #00000010}
.stat-label{color:#aab8c3;font-size:11px}.stat-icon{color:#9eafbb;background:#ffffff03;border:1px solid #ffffff06}
.stat-value{color:#e2eaf0}.stat-foot{color:#8d9eac;font-size:10px}
.stat-warning{border-color:#d3a08024}.stat-warning .stat-icon{background:#d3a0800b;color:#cda485;border-color:#d3a08010}.stat-warning .stat-value{color:#d7b495}.stat-warning .stat-foot{color:#b9a38e}
.panel{background:linear-gradient(145deg,#ffffff02,transparent),var(--paper);border-color:#ffffff10;box-shadow:inset 0 1px 0 #ffffff02,0 2px 9px #00000010}
.panel-heading{border-color:#ffffff08}.panel-heading h2{color:#d0dae2;font-size:15px;font-weight:550}.panel-heading p{color:#8fa1af;font-size:11px}
.action-row{border-color:#ffffff07}.action-row:hover .action-detail strong{color:#ded3b6}
.action-detail strong{color:#c8d4dd;font-size:12px}.action-detail small{color:#8fa3b3;font-size:10px}.action-detail small span{color:#536e83}
.task-circle{background:#ffffff03;border:1px solid #ffffff06;color:#8ba0b1}.late-circle{background:#d7b49508;border-color:#d7b49512;color:#c9a47f}
.action-date{color:#90a5b5;font-size:10px}.action-date small{font-size:9px}.row-arrow{color:#6b8193}
.timeline-marker{background:#ffffff02;border-color:#ffffff0d;color:#8ea7b9}.timeline li:not(:last-child):after{background:#ffffff08}
.timeline-body>strong{color:#c2d1dd;font-size:12px}.timeline-body>div{color:#8da2b3;font-size:10px}.timeline-separator{color:#48677f}
.timeline-compact .timeline-body>strong{font-size:11px}.timeline-compact .timeline-body>div{font-size:10px}.timeline-client{color:#b7aa83;font-size:10px}
.flow-banner{background:#b7aa8307;border-color:#b7aa8315}.flow-banner-icon{background:#ffffff03;border-color:#ffffff09;color:#b7aa83}
.flow-banner strong{color:#b9c7d1;font-size:12px}.flow-banner p{color:#91a2ae;font-size:11px}.flow-steps{color:#90a6b7;font-size:10px}.flow-steps .icon{color:#566f83}
.table-toolbar{border-color:#ffffff09}.search-field{background:#ffffff03;border-color:#ffffff10;color:#7994aa}.search-field input{color:#c3d4e1;font-size:12px}.search-field input::placeholder{color:#7e9bb1}
.search-field:focus-within{border-color:#c7b58b65;box-shadow:0 0 0 3px #c7b58b09}.result-count{color:#8da5b8;font-size:11px}
.filter-select{background:var(--input);border-color:#ffffff17;color:#adc0d0;font-size:11px}
table{font-size:12px}thead{background:#ffffff02}th{border-color:#ffffff08;color:#95adbf;font-size:10px}td{border-color:#ffffff07;color:#aec3d2;font-size:12px}
tbody tr:hover{background:#ffffff02}.client-cell strong{color:#cadbe7;font-size:12px}.client-cell small{color:#7f9cb1;font-size:10px}.client-cell:hover strong{color:#d3c8a7}
.stack-cell{font-size:11px}.stack-cell small{color:#7e9eb4;font-size:10px}.person-cell{color:#a3bccd;font-size:11px}
.badge{background:#ffffff05;border-color:#ffffff0b;color:#a8bbca;font-size:10px;padding:6px 8px}
.badge-active,.badge-successful,.badge-done,.badge-success{background:#87ba9d12;border-color:#87ba9d20;color:#a2ccb5}
.badge-new,.badge-contacted,.badge-todo{background:#c5b27b10;border-color:#c5b27b1e;color:#d1c298}
.badge-in_progress,.badge-meeting,.badge-viewing,.badge-negotiation{background:#87b1d414;border-color:#87b1d425;color:#a1c3df}
.badge-unsuccessful,.badge-blocked{background:#cf9b8612;border-color:#cf9b8620;color:#d9b29e}
.badge-waiting,.badge-paused,.badge-contract{background:#b5a57612;border-color:#b5a57620;color:#ccbda0}
.badge-completed,.badge-archived{background:#9bb2bd0b;color:#9eb7c8;border-color:#9bb2bd17}
.priority{color:#92acbe;font-size:10px}.priority>span{background:#829baf}.priority-high{color:#cfb996}.priority-high>span{background:#cbb18a}.priority-critical{color:#dda795}.priority-critical>span{background:#d89d88}.priority-low{color:#85a2b8}.priority-low>span{background:#68869b}
.count-pill{background:#ffffff03;border-color:#ffffff0b;color:#94afc1;font-size:10px}.table-title strong{color:#bfd3e2;font-size:12px}.table-title small{color:#86a6bd;font-size:10px}.table-title:hover strong{color:#d5cba9}.table-note{color:#839fb3;font-size:11px}
.filter-pill{border-color:#ffffff0e;color:#9bb6ca;font-size:11px}.filter-pill>span{color:#96b4c9;background:#ffffff06}.filter-pill:hover{border-color:#ffffff28}.filter-pill.active{color:#d3d0b8;background:#ffffff06;border-color:#b4a37638;box-shadow:inset 0 1px 0 #ffffff05}.filter-pill.active>span{background:#c7b58b13;color:#c3b798}
.late{color:#d1ac90!important}.late small{color:#b79b82}.row-done .table-title strong{color:#8ba8bc}.empty-state>.icon{color:#607f95}.empty-state h3{color:#a0bfd5}.empty-state p{color:#7f9eb3;font-size:11px}
.back-button{color:#91aabd;font-size:11px}.back-button:hover{color:#dfebf4}.dossier-badges>.muted{color:#9ab4c7;font-size:11px}
.tabs{border-color:#ffffff10}.tab{color:#8aabc2;font-size:12px}.tab>span{background:#ffffff05;color:#93adc1}.tab.active{color:#c7bda1}.tab.active:after{background:#c7b58b}.tab.active>span{background:#c7b58b13;color:#c7bda1}
.details-grid dt{color:#8ba9c0;font-size:10px}.details-grid dd{color:#b9d2e5;font-size:12px}.details-grid dd a{color:#bdc4ae}
.client-notes{background:#ffffff01;border-color:#ffffff07}.client-notes .eyebrow{color:#8aa7bd;font-size:9px}.client-notes p{color:#abc7db;font-size:12px}
.mini-stats strong{color:#bbd3e3}.mini-stats span{color:#89a9bf;font-size:10px}.process-preview{border-color:#ffffff07}.process-preview strong{color:#abc7db;font-size:12px}.process-preview small{color:#83a5be;font-size:10px}.process-preview:hover strong{color:#d4c8a6}.panel-bottom-actions{border-color:#ffffff07}.panel-bottom-actions .button{font-size:11px}
.notice{background:#b4a27608;border-color:#b4a2761c;color:#c0b492;font-size:12px}.notice strong{color:#cdc19f;font-size:12px}.notice p{color:#a8b3bc;font-size:11px}.compact-notice{font-size:11px}
.role-card{border-color:#ffffff08}.role-card:nth-child(n+5){border-color:#ffffff08}.role-icon{border-color:#ffffff0b;background:#ffffff03;color:#90b0c7}.role-card h3{color:#b4d0e3;font-size:12px}.role-card p{color:#8aadc6;font-size:11px}
.schema-stats .stat-value{color:#b8cad8}.future-module-icon{border-color:#c7b58b1c;background:#c7b58b09;color:#b7ac89}.future-module>.tiny-label{background:#ffffff03;color:#93adbf;border-color:#ffffff0b}.future-module h2{color:#c3d6e4}.future-module p{color:#90b0c8;font-size:12px}.module-foot{border-color:#ffffff09;color:#829eb1;font-size:10px}.scope-list>div{color:#a3c2d9;font-size:12px}.scope-list .icon{color:#8baec6}
.modal-backdrop{background:#080c13a8;backdrop-filter:blur(10px) saturate(110%);-webkit-backdrop-filter:blur(10px) saturate(110%)}
.modal{background:linear-gradient(145deg,#ffffff05,transparent),#242c35f7;border-color:#ffffff20;box-shadow:inset 0 1px 0 #ffffff06,0 30px 100px #00000050;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px)}
.modal-heading{border-color:#ffffff0b}.modal-heading .eyebrow{color:#b8aa88}.modal-heading h2{color:#d6e2eb;font-size:23px}.modal-heading p{color:#91aec5;font-size:11px}.form-field label{color:#a6c2d8;font-size:11px}.form-field input,.form-field select,.form-field textarea{background:#18243180;border-color:#ffffff18;color:#cce0ef;font-size:12px}.form-field input::placeholder,.form-field textarea::placeholder{color:#6a8da9}
.form-grid:disabled input,.form-grid:disabled select,.form-grid:disabled textarea,.form-field input:disabled,.form-field select:disabled{background:#ffffff01;color:#8aaac4;border-color:#ffffff08;opacity:1}.form-grid:disabled input[type="datetime-local"]{color:#89a9c3}
.form-helper{color:#7996ac;font-size:10px}.modal-footer{background:#26303bef;border-color:#ffffff0b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.modal-footer .button{font-size:11px}.form-error{color:#d6b199}.modal-error:not(:empty){background:#b1977310;border-color:#b1977327;color:#d1ba9b;font-size:11px}
.toast{background:linear-gradient(140deg,#ffffff04,transparent),#243b38f7;border-color:#96c2ad30;color:#d9e5e0;backdrop-filter:blur(18px);box-shadow:0 10px 40px #00000030}.toast .icon{color:#a3cbb7}.toast-error{background:#44342ef7;border-color:#c2a88c38}.toast-error .icon{color:#d2b89b}
.event-changes{margin:11px 0 0;display:flex;flex-direction:column;gap:7px}.event-changes:empty{display:none}.event-changes>div{display:flex;flex-direction:column;gap:5px}.event-changes dt{font-size:10px;color:#809cb1}.event-changes dd{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#9cb6c9;overflow-wrap:anywhere}.event-changes dd>span{color:#839fb4}.event-changes dd .icon{width:12px;height:12px;color:#54788f}.event-changes dd strong{font-weight:500;color:#b8d0e2}
.relation-links{display:flex;flex-direction:column;align-items:flex-start;gap:3px;max-width:260px}.relation-links .link-button{font-size:11px;overflow-wrap:anywhere}.form-label{color:#a6c2d8;font-size:11px;font-weight:500}.relation-picker{border:1px solid #ffffff18;border-radius:6px;background:#18243180;min-width:0}.relation-picker>summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;min-height:42px;color:#cce0ef;font-size:12px;list-style:none}.relation-picker>summary::-webkit-details-marker{display:none}.relation-picker>summary:before{content:'›';font-size:18px;color:#91aec5;transition:transform .15s}.relation-picker[open]>summary:before{transform:rotate(90deg)}.relation-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.relation-count{font-size:10px;color:#b8aa88;background:#c7b58b12;padding:2px 6px;border-radius:4px}.relation-options{max-height:180px;overflow:auto;padding:5px 7px 8px;border-top:1px solid #ffffff0b}.form-field .relation-option{display:flex;align-items:center;gap:9px;min-height:36px;padding:7px;border-radius:4px;cursor:pointer;color:#b9d2e5;font-size:12px;line-height:1.5}.relation-option:hover{background:#ffffff04}.form-field .relation-option input,.form-field .checkbox-field input{width:16px;height:16px;min-height:16px;margin:0;padding:0;accent-color:#c7b58b;flex-shrink:0}.form-field .checkbox-field{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:40px}.checkbox-field strong{display:block;font-size:12px;font-weight:500;color:#cce0ef}.checkbox-field small{display:block;font-size:10px;margin-top:3px;color:#91aec5}.form-field .relation-option:has(input:disabled){cursor:default;color:#8aaac4}.task-template-note{margin-top:0}.form-grid:disabled .relation-picker>summary{color:#8aaac4}
.work-section{margin-bottom:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2{font-size:15px;color:#cbd6df;font-weight:550}.page-header .eyebrow:empty,.page-header p:empty{display:none}.page-header h1{margin-bottom:0}.record-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.record-card{min-width:0;border:1px solid #ffffff12;border-radius:8px;padding:15px 16px;background:linear-gradient(145deg,#ffffff03,transparent),var(--paper);box-shadow:inset 0 1px 0 #ffffff02;display:flex;flex-direction:column;gap:10px}.record-card:hover{border-color:#ffffff25;background-color:#262c32}.card-title{border:0;background:none;padding:0;text-align:left;min-height:32px;color:#d1dde6;line-height:1.5;width:100%;overflow-wrap:anywhere}.card-title strong{font-size:13px;font-weight:550}.card-title:hover{color:#e2d7ba}.card-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.card-tags .badge{padding:4px 6px;font-size:9px}.card-clients{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:11px;color:#a9bfce}.card-clients .link-button{font-size:11px}.card-process{font-size:10px;color:#849eaf;line-height:1.5;overflow-wrap:anywhere}.card-meta{display:flex;align-items:center;gap:7px;font-size:11px;color:#98b0c1;line-height:1.5}.card-meta .icon{height:13px;width:13px;color:#758fa2}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:9px;border-top:1px solid #ffffff08;color:#809bac;font-size:10px;line-height:1.5}.card-foot .text-button{font-size:10px;padding:0}.card-foot .icon{width:13px;height:13px}.card-done .card-title{color:#9bb2c3}.process-toolbar .table-toolbar,.task-gallery-section .table-toolbar{padding:0 0 18px;border:0}.task-gallery-section .search-field{max-width:430px}.kanban-board{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;padding:0 0 20px;scrollbar-color:#ffffff25 transparent}.kanban-column{width:246px;min-width:246px}.kanban-heading{display:flex;align-items:center;gap:7px;padding:9px 2px 13px;min-height:40px}.kanban-heading h3{font-size:11px;font-weight:600;color:#adc0ce;line-height:1.5}.kanban-heading>span:last-child{font-size:10px;color:#8096a6;margin-left:auto}.stage-marker{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#b6aa83}.stage-contacted,.stage-meeting{background:#88a7c0}.stage-viewing,.stage-negotiation{background:#b09dbc}.stage-contract{background:#c2a586}.stage-completed{background:#8caf99}.kanban-cards{display:flex;flex-direction:column;gap:10px}.kanban-empty{font-size:10px;color:#6f8391;border:1px dashed #ffffff0b;border-radius:7px;padding:18px 12px;text-align:center}.audit-details{margin-top:8px}.audit-details>summary{font-size:10px;color:#91a8b9;cursor:pointer}.form-field input[readonly]{background:#ffffff03;border-color:#ffffff09;color:#aebfcd;cursor:default}.form-helper:empty{display:none}.compact-notice{margin-bottom:20px}
@media(max-width:580px){.record-gallery{grid-template-columns:1fr}.record-card{padding:14px 15px}.kanban-column{width:230px;min-width:230px}.section-heading h2{font-size:14px}.process-toolbar .table-toolbar,.task-gallery-section .table-toolbar{padding:0 0 15px}.card-title strong{font-size:12px}.form-label{font-size:10px}}
.panel>.record-gallery{padding:17px}.record-card .card-tags .badge{line-height:1.4}
.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;min-width:0}.dashboard-columns>div,.dashboard-columns>.work-section,.dashboard-task-groups>.work-section{min-width:0}.dashboard-task-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start;min-width:0}.dashboard-task-groups .record-gallery,.dashboard-columns .record-gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.section-empty{border:1px dashed #ffffff0d;border-radius:7px;padding:17px;color:#839baa;font-size:11px;line-height:1.5}.pending-section{color:#718899}.dashboard-columns .section-heading h2,.dashboard-task-groups .section-heading h2{font-size:13px}.work-section>.kanban-board{max-width:100%}.dashboard-task-groups .section-heading{align-items:flex-start}.dashboard-task-groups .section-heading h2{line-height:1.5}.dashboard-task-groups .section-heading .text-button{font-size:10px;padding:0}.dashboard-task-groups .record-gallery{grid-template-columns:1fr}
@media(max-width:1000px){.dashboard-task-groups{grid-template-columns:1fr}.dashboard-task-groups .record-gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
@media(max-width:700px){.dashboard-columns{grid-template-columns:1fr;gap:0}.dashboard-task-groups{gap:0}.dashboard-columns .record-gallery{grid-template-columns:1fr}}
.section-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.section-actions .button{font-size:10px;min-height:30px;padding:6px 9px}.section-actions .button .icon{height:13px;width:13px}.dossier-task-section{padding:17px;border-bottom:1px solid #ffffff08}.dossier-task-section:last-child{border:0}.dossier-task-section>h3{font-size:13px;color:#acc1d0;margin-bottom:12px}.health-action_required{color:#dba393;background:#cf9b9114;border-color:#cf9b9130}.health-risk{color:#c8b68c;background:#c7b58b12;border-color:#c7b58b30}.health-normal{color:#96bba6;background:#90b89d12;border-color:#90b89d30}.health-no_success{color:#8c9eac;background:#8794a009;border-color:#8794a015}
.modal-heading p:empty{display:none}
.badge-important{color:#cbb787;background:#c7b58b12;border-color:#c7b58b28}
@media(max-width:580px){.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions #dashboard-scope{max-width:155px;font-size:10px}.dashboard-columns .section-heading{align-items:flex-start}.section-actions{gap:7px}.dashboard-columns .section-actions .button{max-width:105px;padding:6px}.dashboard-columns .section-actions .text-button{font-size:9px}.dossier-task-section{padding:14px}}
@media(max-width:580px){.login-copy h1{font-size:35px}.login-copy p{font-size:12px}.login-card h2{font-size:27px}.connection{font-size:8px}.stat-label{font-size:10px}.stat-foot{font-size:9px}.page-header p{font-size:11px}.flow-banner strong{font-size:11px}.flow-banner p{font-size:10px}.notice strong{font-size:11px}.notice p{font-size:10px}.modal-heading p{font-size:10px}.form-field input[type="datetime-local"]{font-size:11px}.role-card p{font-size:10px}.scope-list>div{font-size:11px}}
/* Task dossiers follow the Notion center peek: title, relations, tabs, properties. */
.task-dossier-modal{position:relative;width:1000px;max-height:calc(100dvh - 56px);background:#242729;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#ffffff18;border-radius:13px;box-shadow:0 24px 100px #0008}
.task-dossier-modal>.modal-close{position:absolute;top:18px;right:18px;z-index:4;color:#9da4a9}
.task-dossier-body{width:100%;max-width:790px;margin:0 auto;padding:66px 20px 0}
.task-dossier-body>h2{font-size:37px;font-weight:700;line-height:1.22;letter-spacing:-1.1px;color:#eef0f1;overflow-wrap:anywhere;margin:0 0 38px}
.task-relations{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}
.task-relation-slot{min-width:0;font-size:13px;color:#d1d5d8;display:flex;flex-direction:column;gap:8px}
.task-relation-label,.task-relations .form-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#a3a9ae;font-weight:500;min-height:18px}
.task-relation-label .icon,.task-relations .form-label .icon{width:15px;height:15px}
.task-relations .form-field{gap:5px}
.task-relations .relation-picker{border:0;background:transparent;border-radius:4px;position:relative}
.task-relations .relation-picker>summary{padding:3px 0;min-height:26px;font-size:13px;color:#d6dadc}
.task-relations .relation-picker>summary:before,.task-relations .relation-count{display:none}
.task-relations .relation-picker>summary:hover{background:#ffffff06}
.task-relations .relation-options{position:absolute;top:100%;left:0;width:330px;max-width:calc(100vw - 65px);background:#303437;border:1px solid #ffffff19;border-radius:7px;box-shadow:0 8px 35px #0007;z-index:8;padding:7px;max-height:230px}
.task-relations .relation-option{font-size:12px;color:#d2d7dc}
.task-relation-note{margin:-12px 0 22px}
.task-dossier-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:thin;margin-bottom:29px;padding:2px 0 5px}
.task-dossier-tab{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-height:34px;padding:6px 10px;font-size:12px;font-weight:550;color:#a9afb4;background:none;border:0;border-radius:20px}
.task-dossier-tab .icon{width:15px;height:15px}
.task-dossier-tab:hover{background:#ffffff05;color:#e2e5e7}
.task-dossier-tab.active{color:#eceff1;background:#ffffff0a}
.task-tab-panel[hidden]{display:none!important}
.task-tab-panel{min-height:150px}
.task-properties{border:0;min-width:0;padding:0;margin:0}
.task-property-section{margin:0 0 28px}
.task-property-section>h3{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.15px;color:#a2a8ad;margin:0 0 10px}
.task-property-section>h3 .icon{height:13px;width:13px}
.task-property,.task-property.form-field{display:grid;grid-template-columns:174px minmax(0,1fr);align-items:start;gap:14px;min-height:36px;padding:2px 0;margin:0}
.task-property>label,.task-property-label{display:flex;align-items:center;gap:8px;min-height:31px;font-size:12px;font-weight:400;color:#a5acb1;line-height:1.4}
.task-property>label .icon,.task-property-label .icon{width:15px;height:15px;color:#969fa5}
.task-property-value{min-width:0;font-size:13px;line-height:1.6;color:#d9dddf;min-height:31px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.task-property-value input:not([type=checkbox]),.task-property-value select,.task-property-value textarea{width:100%;border:1px solid transparent;background:transparent;padding:5px 7px;min-height:31px;font-size:13px;color:#d9dddf;line-height:1.5;border-radius:4px}
.task-property-value input:not([type=checkbox]):hover,.task-property-value select:hover,.task-property-value textarea:hover{background:#ffffff04}
.task-property-value input:not([type=checkbox]):focus,.task-property-value select:focus,.task-property-value textarea:focus{background:#1d2022;border-color:#ffffff20}
.task-property-value textarea{min-height:54px;resize:vertical}
.task-property-value input[type=checkbox]{width:16px;height:16px;min-height:16px;margin:7px 0 0;accent-color:#4b97d6}
.task-property-value select{width:auto;max-width:100%;cursor:pointer}
#task-template-field{max-width:100%;display:inline-flex;align-items:center;gap:4px}
#task-template-field select{max-width:100%}
.task-call-direction{display:inline-flex;max-width:145px}
.task-call-direction select{width:100%}
.task-client-property .form-field{width:100%;gap:0}
.task-client-property .form-label{display:none}
.task-client-property .relation-picker{position:relative;border:0;background:transparent}
.task-client-property .relation-picker>summary{padding:4px 7px;min-height:31px;color:#d9dddf;font-size:13px;border-radius:4px}
.task-client-property .relation-picker>summary:before{display:none}
.task-client-property .relation-picker>summary:hover{background:#ffffff05}
.task-client-property .relation-count{font-size:9px;background:#ffffff06;color:#a5acb1}
.task-client-property .relation-options{background:#303437;position:absolute;top:100%;left:0;right:0;z-index:8;border:1px solid #ffffff18;border-radius:6px;box-shadow:0 8px 25px #0006;padding:6px}
.task-client-property .relation-option{font-size:12px;color:#d0d6da}
.task-client-phones{padding-left:7px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.task-phone{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 0}
.task-phone small{font-size:10px;color:#939da4}
.task-date-picker{position:relative;max-width:100%}
.task-date-picker>summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:31px;padding:4px 7px;cursor:pointer;border-radius:4px;color:#d9dddf;font-size:13px}
.task-date-picker>summary::-webkit-details-marker{display:none}
.task-date-picker>summary:hover{background:#ffffff05}
.task-date-picker>summary>.icon{width:13px;height:13px;color:#909aa1}
.task-date-picker>summary.late,.task-date-picker>summary.late>.icon{color:#dc9188}
.task-date-editor{position:absolute;z-index:9;left:0;top:calc(100% + 2px);padding:10px;background:#303437;border:1px solid #ffffff1d;box-shadow:0 7px 25px #0006;border-radius:7px;min-width:255px;max-width:calc(100vw - 60px)}
.task-date-editor input{color-scheme:dark;background:#202427!important;border-color:#ffffff18!important;font-size:13px!important}
.task-properties:disabled input,.task-properties:disabled select,.task-properties:disabled textarea{opacity:1;color:#b7c0c6;cursor:default}
.task-additional-properties{margin:0 0 20px;color:#a4acb2}
.task-additional-properties>summary{cursor:pointer;font-size:11px;padding:5px 0;margin-bottom:7px}
.task-additional-properties:not([open])>summary{margin-bottom:0}
.task-state-value{padding-left:7px}
.task-next-actions{display:flex;align-items:center;gap:12px;margin:24px 0 20px;border-top:1px solid #ffffff0a;padding-top:17px}
.task-next-actions .text-button{font-size:12px;color:#b0bcc4;display:flex;gap:6px;align-items:center}
.task-next-actions .text-button .icon{width:14px;height:14px}
.task-next-actions .text-button:disabled{color:#8a939a;opacity:.55}
.task-dossier-modal .modal-footer{margin:0 -20px;padding:15px 20px;background:#242729ed;border-color:#ffffff0c;min-height:69px}
.task-dossier-modal .modal-error:not(:empty){margin:0 0 15px}
.task-panel-empty{font-size:13px;color:#9ea8b0;padding:10px 7px 30px}
.task-linked-record{padding:12px 7px;border-bottom:1px solid #ffffff0c;font-size:13px;display:flex;flex-direction:column;gap:10px}
.task-linked-record>.link-button{display:flex;align-items:center;gap:7px;color:#d5dce1;font-size:13px;line-height:1.5;text-align:left}
.task-linked-record .icon{width:15px;height:15px}
.task-linked-contact{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px;color:#acb9c2}
.task-linked-contact a{display:flex;align-items:center;gap:7px}
@media(max-width:800px){.task-dossier-body{padding:57px 28px 0;max-width:760px}.task-dossier-body>h2{font-size:32px}.task-dossier-modal .modal-footer{margin:0 -28px;padding:15px 28px}.task-relations{gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}.task-property,.task-property.form-field{grid-template-columns:153px minmax(0,1fr);gap:10px}.task-dossier-tab{padding:6px 9px}}
@media(max-width:580px){.task-dossier-modal{max-height:calc(100dvh - 24px)}.task-dossier-body{padding:54px 20px 0}.task-dossier-body>h2{font-size:29px;margin-bottom:27px}.task-relations{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 20px;margin-bottom:20px}.task-property,.task-property.form-field{grid-template-columns:122px minmax(0,1fr);gap:7px}.task-property>label,.task-property-label{font-size:11px;gap:6px}.task-property>label .icon,.task-property-label .icon{width:13px;height:13px}.task-property-value,.task-property-value input:not([type=checkbox]),.task-property-value select,.task-property-value textarea,.task-date-picker>summary{font-size:12px}.task-dossier-tabs{margin-bottom:23px}.task-property-section{margin-bottom:23px}.task-dossier-modal .modal-footer{margin:0 -20px;padding:13px 20px}.task-next-actions{gap:13px}.task-relations .relation-options{width:280px}.task-date-editor{min-width:235px;left:auto;right:0}.task-date-editor input{font-size:12px!important}.task-linked-contact{gap:10px}.task-call-direction{max-width:130px}}
/* Process dossiers and gallery cards share the original Notion hierarchy. */
.process-pinned-properties{border:0;margin:0 0 28px;padding:0;display:grid;grid-template-columns:.8fr .65fr 1.3fr 1.3fr;gap:12px;min-width:0}
.process-pinned-property{gap:5px;min-width:0}
.process-pinned-property>label{color:#a3a9ae;font-size:12px;font-weight:500}
.process-pinned-property .task-property-value{min-height:29px;display:block}
.process-pinned-property .task-property-value select{width:100%;min-height:29px;padding:3px 0;font-size:12px;background:transparent;border:1px solid transparent;color:#d7dcdf}
.process-pinned-property .task-property-value select:hover{background:#ffffff05}
.process-pinned-property select[data-priority=A]{color:#e08984}
.process-pinned-property select[data-priority=B]{color:#e4e8ea}
.process-pinned-property select[data-priority=C]{color:#a0a8ad}
.process-pinned-property select[data-priority=D]{color:#78aee7}
.process-pinned-properties:disabled select{opacity:1;cursor:default}
.process-tab-panel[hidden]{display:none!important}
.process-tab-panel{min-height:150px}
.process-tab-panel .task-property-value>.muted{padding-left:7px;color:#8c969d;font-size:12px}
.process-state-value{padding-left:7px}
.process-state-value .process-health-text{line-height:1.65}
.process-state-value.process-last-action{padding-left:7px}
.task-dossier-modal .task-state-section .task-property,
.task-dossier-modal .task-property:has(>.task-property-value>#client-contact-state),
.task-dossier-modal .task-property:has(>.task-property-value>#client-contact-timer),
.task-dossier-modal .task-property:has(>.task-property-value>#field-status),
.task-dossier-modal .task-property:has(>.task-property-value>#field-result){align-items:center}
.task-state-section .task-property-value{align-items:center;align-self:center}
/* Card previews stay clamped; dossier state rows center one or several readable lines. */
.task-state-section .task-property-value.process-last-action{display:flex;align-items:center;-webkit-line-clamp:unset;overflow:visible;min-height:31px}
.process-priority{display:inline-flex;align-items:center;gap:5px;color:#bfc7cc;font-size:11px;white-space:nowrap}
.process-priority>span{height:8px;width:8px;display:block;border-radius:50%}
.process-priority.priority-A>span{background:#e2736e}
.process-priority.priority-B>span{background:#dfe5e9}
.process-priority.priority-C>span{background:#949da4}
.process-priority.priority-D>span{background:#619fe3}
.process-card{gap:10px;background:#252a2e}
.process-card .card-title strong{font-size:13px;line-height:1.45;font-weight:600}
.process-card-reference{display:flex;align-items:center;gap:10px;color:#87929b;font-size:10px;line-height:1.4;min-height:14px}
.process-card-client{display:flex;align-items:center;gap:5px;min-width:0;color:#b7c2ca}
.process-card-client>.link-button{display:flex;align-items:center;gap:5px;text-align:left;min-width:0;max-width:calc(100% - 26px);font-size:11px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#becbd4}
.process-card-client .icon{width:13px;height:13px}
.process-more-clients{color:#8e9aa3;font-size:10px;flex-shrink:0}
.process-last-action{font-size:11px;line-height:1.6;color:#b2bec7;font-style:italic;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.process-card-health{font-size:11px;line-height:1.6;color:#c1c9cf}
.process-health-text{display:inline;font-size:inherit;line-height:inherit;color:#b8c1c7}
.process-health-label{font-size:inherit;font-weight:600;background:none!important;border:none!important;padding:0!important;display:inline;color:#cad2d7}
.process-health-label.health-normal{color:#b8d5c1}
.process-health-label.health-risk{color:#ddc884}
.process-health-label.health-action_required{color:#f0b5af}
.process-health-label.health-no_success{color:#b6c1c9}
.process-health-dot{display:inline-block;height:8px;width:8px;border-radius:50%;background:#687077;margin-right:5px;vertical-align:baseline}
.health-normal>.process-health-dot{background:#74bd90}
.health-risk>.process-health-dot{background:#d5b64b}
.health-action_required>.process-health-dot{background:#e1766d}
.process-health-overdue{color:#efb6ac}
.process-card-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:1px}
.process-card-actions .text-button{display:inline-flex;align-items:center;gap:4px;color:#c4cdd3;line-height:1.45;padding:3px 7px;border:1px solid #ffffff15;border-radius:4px;font-size:10px}
.process-card-actions .text-button .icon{width:12px;height:12px}
.process-card-actions .text-button:disabled{opacity:.45;cursor:default}
.process-card.health-risk{background:#4d452c;border-color:#9f875038}
.process-card.health-action_required{background:#522f2d;border-color:#b4777040}
.process-card.health-risk:hover{background:#585037;border-color:#c6a85460}
.process-card.health-action_required:hover{background:#5c3633;border-color:#d58e8660}
.task-health{font-size:13px;line-height:1.6;color:#c8d0d6}
.task-health-done{color:#a9cbb7}
.task-health-overdue{color:#e3a39b}
.task-health-today{color:#d9c791}
@media(max-width:580px){.process-pinned-properties{grid-template-columns:1fr 1fr;gap:13px 16px;margin-bottom:20px}.process-pinned-property>label{font-size:11px}.process-pinned-property .task-property-value select{font-size:12px}.process-last-action{font-size:11px}.process-dossier-modal .task-dossier-body>h2{font-size:27px;line-height:1.3}.process-state-value .process-health-text{font-size:12px}}
@media(min-width:581px){
.task-dossier-modal .task-dossier-body{padding-top:52px}
.task-dossier-modal .task-dossier-body>h2{margin-bottom:28px}
.task-dossier-modal .task-relations{margin-bottom:20px}
.task-dossier-modal .task-dossier-tabs{margin-bottom:22px}
.task-dossier-modal .task-property-section{margin-bottom:20px}
.task-dossier-modal .task-property-section>h3{margin-bottom:8px}
.task-dossier-modal .task-additional-properties{margin-bottom:14px}
.task-dossier-modal .task-next-actions{margin:18px 0 15px;padding-top:13px}
.task-dossier-modal .modal-footer{padding-top:13px;padding-bottom:13px;min-height:65px}
}
/* Related actions share the sticky save bar so no control sits underneath it. */
.task-dossier-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.task-footer-next-actions{display:flex;align-items:center;gap:10px;margin-right:auto;flex-wrap:wrap}
.task-footer-next-actions .text-button{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#b9c5cd;white-space:nowrap;min-height:32px}
.task-footer-next-actions .text-button .icon{height:14px;width:14px}
.task-footer-next-actions .text-button:disabled{opacity:.5;cursor:default}
.task-footer-save-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}
.task-footer-save-actions>.form-helper:empty{display:none}
@media(max-width:580px){.task-dossier-footer{gap:8px}.task-footer-next-actions{gap:12px;flex-basis:100%}.task-footer-next-actions .text-button{font-size:11px;min-height:28px}.task-footer-save-actions{width:100%;gap:8px}.task-footer-save-actions>.form-helper{margin-right:auto}}
/* Linked clients and actions use their own compact source galleries. */
.client-source-gallery{grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:14px;padding:2px 0 23px}
.client-source-card{padding:0;gap:0;overflow:hidden;border-color:#ffffff1c;background:#282b2e}
.client-photo-area{height:116px;background:#202224;border-bottom:1px solid #ffffff0a;overflow:hidden}
.client-photo-area img{display:block;width:100%;height:100%;object-fit:cover}
.client-source-content{padding:15px;display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}
.client-source-content .card-title{min-height:0}
.client-source-content .card-title strong{font-size:13px;font-weight:600;line-height:1.5}
.client-source-content .process-card-reference{font-size:10px}
.client-source-tag{font-size:10px!important;padding:4px 6px!important;background:#ffffff0a;color:#c8d0d5;border-color:#ffffff17;white-space:normal}
.client-card-phone{color:#d0d9de;font-size:12px}
.client-card-phone .icon{color:#afbfc9}
.client-card-recency{font-size:11px;line-height:1.55;color:#c0cad1}
.client-card-broker{margin-top:auto;font-size:11px;color:#a8bbc9}
.process-action-gallery{grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:14px;padding:2px 0 23px}
.process-action-card{gap:10px;background:#282b2e;border-color:#ffffff1c}
.process-action-card .card-title{min-height:0}
.process-action-card .card-title strong{font-size:13px;font-weight:600}
.action-card-description{color:#c5cdd3;font-size:12px;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.action-card-state{font-size:11px;line-height:1.6;color:#becad2}
.action-card-performer{margin-top:auto;padding-top:4px;font-size:11px}
/* Framed dashboard blocks keep priorities separate and easy to scan. */
.work-frame{border:1px solid #ffffff18;background:#1e2226;border-radius:10px;padding:18px;margin-bottom:28px;box-shadow:inset 0 1px 0 #ffffff03}
.work-frame-header{margin:-18px -18px 18px;padding:13px 17px;min-height:48px;border-bottom:1px solid #ffffff13;border-radius:9px 9px 0 0;background:#ffffff03;gap:12px}
.work-frame-header :is(h2,h3){font-size:14px!important;font-weight:650;color:#dde5eb;line-height:1.45}
.work-frame-header .section-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
.work-frame-header .text-button{font-size:10px;color:#c8d4dc;white-space:nowrap}
.work-tone-danger{border-color:#f064514b;border-left:3px solid #f06b5f}
.work-tone-danger>.work-frame-header{background:#69332e;border-bottom-color:#fa78613b}
.work-tone-danger>.work-frame-header :is(h2,h3){color:#ffded8}
.work-tone-warning{border-color:#e4bd5547;border-left:3px solid #e9bf49}
.work-tone-warning>.work-frame-header{background:#5d4e29;border-bottom-color:#e4bd553b}
.work-tone-warning>.work-frame-header :is(h2,h3){color:#fff0bc}
.work-tone-active{border-color:#bda95347;border-left:3px solid #c7b55c}
.work-tone-active>.work-frame-header{background:#47432b;border-bottom-color:#bbac5734}
.work-tone-active>.work-frame-header :is(h2,h3){color:#e9e5bb}
.work-tone-info{border-color:#4f9edf40;border-left:3px solid #63a9eb}
.work-tone-info>.work-frame-header{background:#293f53;border-bottom-color:#58a1db34}
.work-tone-info>.work-frame-header :is(h2,h3){color:#d7e9fb}
.dashboard-columns{gap:26px}
.dashboard-task-groups{gap:22px}
.work-frame>.section-empty{background:#ffffff02;border-style:solid;border-color:#ffffff0b;padding:17px;color:#a3b2bd}
.work-frame>.kanban-board{padding-bottom:6px}
.work-frame .kanban-heading h3{color:#cad5dd}
.work-frame .kanban-empty{color:#95a4af;border-color:#ffffff13;background:#ffffff02}
.badge-todo{background:#793c37;border-color:#f06e5c4d;color:#ffdad3}
.badge-in_progress{background:#315f8d;border-color:#63b4f658;color:#deeeff}
.badge-done,.badge-success,.badge-active,.badge-successful{background:#245c43;border-color:#4bc68f4d;color:#d1f5e4}
.badge-unsuccessful,.badge-blocked{background:#723d37;border-color:#f28f8550;color:#ffe0d9}
.badge-postponed,.badge-important{background:#635129;border-color:#e0bb5252;color:#fff0c3}
.badge-effective{background:#245c43;border-color:#4bc68f4d;color:#d1f5e4}
.process-health-label.health-normal{color:#7de4ae}
.process-health-label.health-risk{color:#ffda72}
.process-health-label.health-action_required{color:#ffb4a6}
.health-normal>.process-health-dot{background:#30d06c;box-shadow:0 0 4px #30d06c20}
.health-risk>.process-health-dot{background:#ffc92d;box-shadow:0 0 4px #ffc92d20}
.health-action_required>.process-health-dot{background:#ff6154;box-shadow:0 0 4px #ff615420}
.process-card.health-risk{background:#5e502c;border-color:#d4ad415c}
.process-card.health-action_required{background:#6b3531;border-color:#f472635d}
.process-card.health-risk:hover{background:#6a5a32;border-color:#eac35678}
.process-card.health-action_required:hover{background:#773b36;border-color:#ff897878}
.task-health-done{color:#80dda9}
.task-health-overdue{color:#ffa797}
.task-health-today,.task-health-tomorrow{color:#f4d06f}
.task-health-upcoming{color:#c59bfb}
@media(max-width:700px){.dashboard-columns{gap:0}.dashboard-task-groups{gap:0}.work-frame{padding:15px;margin-bottom:23px}.work-frame-header{margin:-15px -15px 15px;padding:12px 14px}.work-frame-header :is(h2,h3){font-size:13px!important}.client-source-gallery,.process-action-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}}
@media(max-width:580px){.client-source-gallery,.process-action-gallery{grid-template-columns:1fr}.client-photo-area{height:135px}.work-frame-header{align-items:flex-start}.work-frame-header .section-actions{gap:5px}.work-frame-header .section-actions .button{font-size:9px;padding:6px 8px;min-height:29px}.work-frame-header :is(h2,h3){font-size:12px!important}.action-card-description{font-size:12px}}
.task-dossier-modal #field-status,.task-dossier-modal #field-result{padding:4px 9px;min-height:28px;border-radius:14px}
.task-dossier-modal #field-status[data-status=todo]{background:#793c37;color:#ffdad3}
.task-dossier-modal #field-status[data-status=in_progress]{background:#315f8d;color:#deeeff}
.task-dossier-modal #field-status[data-status=done],.task-dossier-modal #field-result[data-result=success]{background:#245c43;color:#d1f5e4}
.task-dossier-modal #field-result[data-result=unsuccessful]{background:#723d37;color:#ffe0d9}
.task-dossier-modal #field-result[data-result=postponed]{background:#635129;color:#fff0c3}
/* A quieter glass palette keeps colored states meaningful without painting whole blocks. */
.work-frame{background:linear-gradient(145deg,#ffffff04,transparent 60%),#1e2327;border-color:#ffffff13;box-shadow:inset 0 1px 0 #ffffff06}
.work-frame-header{background:#ffffff04;border-color:#ffffff0b}
.work-frame-header :is(h2,h3){color:#cbd5dd}
.work-tone-danger{border-color:#b8787038;border-left-color:#bc827aaa}
.work-tone-danger>.work-frame-header{background:#9c514909;border-color:#aa6f6330}
.work-tone-danger>.work-frame-header :is(h2,h3){color:#d5b1aa}
.work-tone-warning{border-color:#a8904e34;border-left-color:#bba06599}
.work-tone-warning>.work-frame-header{background:#a2904b08;border-color:#ad974830}
.work-tone-warning>.work-frame-header :is(h2,h3){color:#d0c19a}
.work-tone-active{border-color:#9d94602e;border-left-color:#a69b6585}
.work-tone-active>.work-frame-header{background:#9b926005;border-color:#9b926025}
.work-tone-active>.work-frame-header :is(h2,h3){color:#c9c4af}
.work-tone-info{border-color:#688ba22d;border-left-color:#789eb799}
.work-tone-info>.work-frame-header{background:#5b84a509;border-color:#7992a526}
.work-tone-info>.work-frame-header :is(h2,h3){color:#b5c8d8}
.process-card.health-risk{background:linear-gradient(145deg,#b2994908,transparent),#302e27;border-color:#a38d4940}
.process-card.health-action_required{background:linear-gradient(145deg,#b4665b08,transparent),#342a29;border-color:#a56b633b}
.process-card.health-risk:hover{background-color:#373329;border-color:#b7a66a55}
.process-card.health-action_required:hover{background-color:#3b2e2c;border-color:#bf887d55}
.process-health-label.health-normal{color:#9ecfb4}.process-health-label.health-risk{color:#d8c37f}.process-health-label.health-action_required{color:#dea69d}
.health-normal>.process-health-dot{background:#6abd87;box-shadow:none}.health-risk>.process-health-dot{background:#c9af50;box-shadow:none}.health-action_required>.process-health-dot{background:#d68174;box-shadow:none}
.badge-todo{background:#5c3732;color:#eac1b8;border-color:#bb786944}.badge-in_progress{background:#2d495f;color:#bdd7ea;border-color:#7dadd040}.badge-done,.badge-success,.badge-active,.badge-successful{background:#274637;color:#b6d9c5;border-color:#86b99a40}
.badge-unsuccessful,.badge-blocked{background:#583731;color:#e5bcb1;border-color:#c7867140}.badge-postponed,.badge-important{background:#51482e;color:#dac994;border-color:#baa35f40}
.task-health-done{color:#a2cdb6}.task-health-overdue{color:#dba496}.task-health-today,.task-health-tomorrow{color:#d4c18e}.task-health-upcoming{color:#b6a1d2}
.task-dossier-modal #field-status[data-status=todo]{background:#5c3732;color:#eac1b8}.task-dossier-modal #field-status[data-status=in_progress]{background:#2d495f;color:#bdd7ea}.task-dossier-modal #field-status[data-status=done],.task-dossier-modal #field-result[data-result=success]{background:#274637;color:#b6d9c5}.task-dossier-modal #field-result[data-result=unsuccessful]{background:#583731;color:#e5bcb1}.task-dossier-modal #field-result[data-result=postponed]{background:#51482e;color:#dac994}
.process-card{position:relative}.process-card>.card-title::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:1;cursor:pointer}.process-card>.card-title:focus-visible::after{outline:2px solid #a99a73;outline-offset:3px}.process-card-client>.link-button,.process-card-actions>.text-button{position:relative;z-index:2}
.sidebar-toggle{display:flex;flex-shrink:0}.sidebar-hidden{visibility:hidden;pointer-events:none}.sidebar{transition:transform .18s,visibility .18s}.app-shell.sidebar-collapsed>.sidebar{transform:translateX(-100%)}.app-shell.sidebar-collapsed>.workspace{margin-left:0;width:100%}
.dashboard-task-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-task-pair .record-gallery{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.board-filter-row{margin-bottom:12px}.board-filter-row .filter-select{max-width:340px}.board-bottom-actions{padding-top:15px;border-top:1px solid #ffffff09;margin-top:13px}.board-bottom-actions .button{padding:8px 12px;font-size:11px;min-height:34px}
.client-work-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;margin-bottom:8px}.client-work-tabs .filter-pill{font-size:10px;padding:6px 9px;white-space:nowrap;flex-shrink:0}.client-load-more{display:block;margin:0 auto 4px;font-size:12px}.client-card-actions{display:flex;gap:8px;margin-top:2px}.client-card-actions .text-button{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid #ffffff15;border-radius:4px;font-size:10px;color:#bccad3}.client-card-actions .icon{width:12px;height:12px}.client-first-contact{font-size:11px;line-height:1.55;color:#b3c3cf}.client-card-recency{font-weight:600}.action-card-description{font-style:italic}.client-priority-extra{font-size:9px;color:#b6adc3}
.client-photo-details{padding-top:6px}.client-photo-details>summary{cursor:pointer;font-size:11px;color:#97afc0;padding:6px 0 12px}.client-photo-preview{display:flex;align-items:center;gap:15px;margin-top:15px}.client-photo-preview img{width:80px;height:80px;object-fit:cover;border:1px solid #ffffff16;border-radius:7px}.client-photo-preview .text-button{font-size:11px}
@media(max-width:700px){.dashboard-task-pair{grid-template-columns:1fr}.dashboard-task-pair .record-gallery{grid-template-columns:1fr}.client-work-tabs{gap:5px}.board-filter-row .filter-select{max-width:100%;font-size:11px}}
/* One named group contains the client process workflow and its related tasks. */
.dashboard-process-group{position:relative;min-width:0;margin:var(--space-3,12px) 0 var(--space-5,32px);padding:28px var(--space-4,20px) var(--space-4,20px);border:1px solid var(--glass-border);border-radius:var(--radius-panel,12px)}
.dashboard-process-group-title{position:absolute;top:0;left:var(--space-4,20px);max-width:calc(100% - 40px);transform:translateY(-50%);font-size:12px;font-weight:650;letter-spacing:.08em;line-height:1.5}
.dashboard-process-group-title>span{display:block;max-width:100%;padding:5px var(--space-3,12px);border:1px solid var(--glass-border);border-radius:999px;overflow-wrap:anywhere}
.dashboard-process-group-body{display:grid;gap:var(--space-4,20px);min-width:0}
.dashboard-process-group-body>*{min-width:0}
.dashboard-process-group-body>.work-section,.dashboard-process-group-body>.dashboard-columns>.work-section{margin-bottom:0;min-width:0}
.dashboard-process-group-body>.dashboard-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4,20px)}
.dashboard-process-group .work-frame-header>h3{display:flex;align-items:flex-start;flex:1;gap:var(--space-2,8px);min-width:0;letter-spacing:.02em}
.dashboard-process-group .work-heading-text{min-width:0;overflow-wrap:anywhere}
.work-heading-dot{display:block;flex:0 0 7px;width:7px;height:7px;margin-top:.45em;border:0;border-radius:50%;background:var(--work-heading-dot,#97979e);box-shadow:none}
.work-tone-danger{--work-heading-dot:#d68174}
.work-tone-warning,.work-tone-active{--work-heading-dot:#c9af50}
.work-tone-info{--work-heading-dot:#7da4bd}
@media(max-width:700px){.dashboard-process-group-body>.dashboard-columns{grid-template-columns:1fr}}
@media(max-width:580px){.dashboard-process-group{padding:25px var(--space-3,12px) var(--space-3,12px)}.dashboard-process-group-title{left:var(--space-3,12px);max-width:calc(100% - 24px);font-size:11px}.dashboard-process-group-body{gap:var(--space-3,12px)}.dashboard-process-group-body>.dashboard-columns{gap:var(--space-3,12px)}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}
/* One semantic title button opens each full card; its child actions stay independent. */
.record-card{position:relative}.record-card .card-title::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:1;cursor:pointer}.record-card .card-title:focus-visible::after{outline:2px solid #a99a73;outline-offset:3px}.record-card button:not(.card-title),.record-card a[href],.record-card input,.record-card select,.record-card textarea,.record-card summary{position:relative;z-index:2}
/* Small material fields and an accessible overflow menu keep dossier navigation compact. */
.process-pinned-properties{grid-template-columns:1.1fr .85fr 1.25fr 1.25fr;gap:10px}
.process-pinned-property{padding:10px 11px;border:1px solid #ffffff12;border-radius:7px;background:linear-gradient(145deg,#ffffff04,transparent),#20242766;box-shadow:inset 0 1px 0 #ffffff04}
.process-pinned-label{display:flex;align-items:center;gap:4px;min-height:19px}
.process-pinned-label>label{display:flex;align-items:center;gap:5px;color:#aab5bd;font-size:11px;min-width:0}
.process-pinned-label>label>.icon{height:13px;width:13px}
.process-pinned-choice{display:flex;align-items:center;gap:7px;min-width:0}
.process-pinned-choice select{min-width:0;flex:1}
.process-choice-dot{display:block;height:8px;width:8px;border-radius:50%;background:#7d878e;flex-shrink:0}
#process-dot-status[data-value=active],#process-dot-status[data-value=completed]{background:#71b78d}
#process-dot-status[data-value=paused]{background:#c6ab58}#process-dot-status[data-value=terminated]{background:#d38178}#process-dot-status[data-value=archived]{background:#8a939a}
#process-dot-priority[data-value=A]{background:#d7837b}#process-dot-priority[data-value=B]{background:#dce1e5}#process-dot-priority[data-value=C]{background:#919ba2}#process-dot-priority[data-value=D]{background:#6da6d8}
.task-property-label{display:flex;align-items:center;gap:4px;min-width:0}
.task-property-label>label{display:flex;align-items:center;gap:8px;color:#a5acb1;font-size:12px;font-weight:400;line-height:1.4;min-width:0;min-height:31px}
.task-property-label>label>.icon{height:15px;width:15px;flex-shrink:0;color:#969fa5}
.task-property-label>label>span{min-width:0}
.form-label:has(.field-help){display:flex;align-items:center;gap:5px}
.field-help{display:inline-flex;position:relative;flex-shrink:0;align-items:center;line-height:1}
.field-help-trigger{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:2px;color:#7d929f;border-radius:4px;width:18px;height:20px;cursor:help;flex-shrink:0}
.field-help-trigger>.icon,.tab-info-icon>.icon{width:12px;height:12px}
.field-help-trigger:hover,.field-help-trigger:focus-visible{color:#b9ccd8;background:#ffffff05}
.has-tooltip{position:relative}
.help-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:min(240px,calc(100vw - 36px));padding:9px 11px;border-radius:7px;background:#303a43;border:1px solid #ffffff1e;box-shadow:0 7px 24px #0005;color:#d8e1e7;font-size:11px;font-weight:400;line-height:1.55;letter-spacing:0;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:90;text-align:left}
.process-pinned-property:nth-child(n+3) .help-tooltip{left:auto;right:0;transform:none}
.task-dossier-tabs{position:relative;overflow:visible;gap:4px;flex-wrap:nowrap}
.dossier-tab-item{display:inline-flex;align-items:center;flex-shrink:0}
.dossier-tab-item[hidden],.dossier-tab-overflow[hidden]{display:none!important}
.dossier-tab-item .task-dossier-tab{gap:5px;padding-left:9px;padding-right:9px}
.tab-info-icon{display:inline-flex;color:#748894;cursor:help;margin-left:1px}
.tab-tooltip{max-width:210px;left:0;transform:none}
.dossier-tab-overflow{position:relative;flex-shrink:0;margin-left:2px}
.dossier-more-tab{list-style:none;cursor:pointer;min-width:53px;gap:5px}
.dossier-more-tab::-webkit-details-marker{display:none}
.dossier-more-tab>.icon{height:12px;width:12px;transform:rotate(90deg)}
.dossier-tab-overflow[open]>.dossier-more-tab{background:#ffffff07;color:#d5e0e8}
.dossier-overflow-menu{position:absolute;right:0;top:calc(100% + 7px);min-width:225px;max-width:calc(100vw - 40px);max-height:270px;overflow:visible;padding:6px;background:#2a3239;border:1px solid #ffffff1c;border-radius:8px;box-shadow:0 10px 35px #0008;z-index:50}
.dossier-overflow-item{display:block}
.dossier-overflow-choice{display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:8px 9px;min-height:35px;border:0;border-radius:5px;background:none;color:#bfcdd7;font-size:12px;white-space:nowrap;cursor:pointer}
.dossier-overflow-choice>.icon{height:15px;width:15px}
.dossier-overflow-choice:hover,.dossier-overflow-choice:focus-visible{background:#ffffff07;color:#e0e8ee}.dossier-overflow-choice.is-current{background:#ffffff06;color:#e0e8ee}
.dossier-overflow-choice .tab-info-icon{margin-left:auto}
.overflow-check{font-size:11px;color:#c1b996;margin-left:3px}
.dossier-overflow-item .help-tooltip{right:0;left:auto;transform:none}
.client-task-card.card-in-progress{background:linear-gradient(145deg,#5e91b009,transparent),#26313a;border-color:#7797aa38}
.client-task-card.card-important{border-color:#af995c60;border-left:2px solid #ad985d;background:linear-gradient(145deg,#a5914607,transparent),#2c2b25}
.client-task-card.card-in-progress.card-important{background:linear-gradient(145deg,#5e91b009,transparent),#26313a;border-color:#a99a5960;border-left:2px solid #ad985d}
@media(max-width:580px){.process-pinned-properties{grid-template-columns:1fr 1fr;gap:9px}.process-pinned-property{padding:9px 10px}.process-pinned-property .help-tooltip{left:50%;right:auto;transform:translateX(-50%)}.process-pinned-property:nth-child(even) .help-tooltip{left:auto;right:0;transform:none}.task-property-label>label{font-size:11px;gap:6px}.task-property-label>label>.icon{width:13px;height:13px}.task-property-label .field-help-trigger{width:16px}.tab-tooltip{max-width:190px}.dossier-overflow-menu{min-width:210px}.help-tooltip{max-width:min(220px,calc(100vw - 40px))}}
/* Explanations open deliberately and remain readable in a quiet glass popover. */
.help-tooltip.help-popover{padding:12px 13px;border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(33,44,54,.72);border:1px solid rgba(210,226,237,.19);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 9px 28px rgba(0,0,0,.32);color:#dae4eb;font-size:12px;line-height:1.6;max-width:min(270px,calc(100vw - 36px));opacity:0;visibility:hidden;pointer-events:none}
.has-tooltip.help-open>.help-tooltip{opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}
.help-popover-text{display:block;padding-right:18px;overflow-wrap:break-word}
.help-popover-close{position:absolute;top:5px;right:5px;display:flex;align-items:center;justify-content:center;width:23px;height:23px;padding:4px;border:0;border-radius:6px;background:rgba(255,255,255,.035);color:#b5c6d2;cursor:pointer}
.help-popover-close>.icon{width:12px;height:12px}
.help-popover-close:hover{background:rgba(255,255,255,.075);color:#e1eaf0}
.help-popover-close:focus-visible{outline:2px solid #b4a783;outline-offset:2px}
.field-help-trigger,.tab-info-icon{cursor:pointer}
.dossier-tab-item{gap:1px}
.dossier-tab-item>.field-help{margin-left:-4px;margin-right:4px}
.dossier-overflow-item{display:flex;align-items:center;gap:2px}
.dossier-overflow-item>.dossier-overflow-choice{min-width:0;flex:1}
.dossier-overflow-item>.field-help{margin-right:4px;flex-shrink:0}
/* Tasks share the process material while retaining their vertical property order. */
.task-dossier-modal .task-relations{gap:10px}
.task-dossier-modal .task-relation-slot{padding:9px 10px;border:1px solid #ffffff12;border-radius:7px;background:linear-gradient(145deg,#ffffff04,transparent),#20242766;box-shadow:inset 0 1px 0 #ffffff04;gap:6px}
.task-dossier-modal .task-relation-slot .form-label,.task-dossier-modal .task-relation-label{font-size:11px;min-height:18px;gap:5px;color:#aab5bd}
.task-dossier-modal .task-relation-slot .icon{height:13px;width:13px}
.task-dossier-modal .task-relation-slot>.muted{min-height:26px;display:flex;align-items:center}
.task-dossier-modal .task-property{border:1px solid #ffffff10;border-radius:6px;padding:3px 9px;margin:0 0 4px;background:linear-gradient(145deg,#ffffff02,transparent),#20242744;box-shadow:inset 0 1px 0 #ffffff04;gap:12px}
.task-dossier-modal .task-property-section>.task-property:last-child,.task-dossier-modal .task-additional-properties>.task-property:last-child{margin-bottom:0}
.task-dossier-modal .task-property-value input:not([type=checkbox]),.task-dossier-modal .task-property-value textarea{background:transparent}
.task-dossier-modal .task-client-phones{padding-left:7px}
.task-dossier-modal .task-state-value{padding-left:7px}
@media(max-width:580px){.help-tooltip.help-popover{max-width:min(240px,calc(100vw - 36px));font-size:11px;padding:11px 12px}.task-dossier-modal .task-relations{gap:9px}.task-dossier-modal .task-relation-slot{padding:8px 9px}.task-dossier-modal .task-property{padding:3px 7px;gap:7px;grid-template-columns:122px minmax(0,1fr)}.dossier-tab-item>.field-help{margin-right:2px}.help-popover-text{padding-right:18px}}
.help-tooltip.help-popover[hidden]{display:none!important}
.help-tooltip.help-popover.is-help-portal{position:fixed;left:auto;right:auto;top:auto;bottom:auto;transform:none;z-index:1400;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;opacity:1;visibility:visible;pointer-events:auto;animation:gc-fade-in var(--motion-fast,140ms) var(--motion-ease,ease)}
@media(prefers-reduced-motion:reduce){.help-tooltip.help-popover.is-help-portal{animation:none}}
.dossier-tab-item{border:1px solid #ffffff12;border-radius:7px;background:linear-gradient(145deg,#ffffff03,transparent),#20242744}
.dossier-tab-item:has(.active){border-color:#aabfce30;background:#a3b5c809}
.dossier-tab-item>.task-dossier-tab{border-radius:6px}
.dossier-tab-overflow>.dossier-more-tab{border:1px solid #ffffff12;border-radius:7px;background:#20242744}
.task-property-value textarea::placeholder{color:#b6c3cd70}
.task-device-reminder{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;padding:3px 7px 7px;font-size:10px;color:#97a5af;line-height:1.4}
.task-device-reminder .text-button{font-size:10px;padding:2px 0;min-height:25px;color:#a6bbca}
.reminder-toast .text-button{color:#d5e4ef;white-space:nowrap;font-size:12px}
.dossier-tab-item>.field-help-trigger{margin-left:-4px;margin-right:4px;flex-shrink:0}
.dossier-overflow-item>.field-help-trigger{margin-right:4px;flex-shrink:0}
@media(max-width:580px){.dossier-tab-item>.field-help-trigger{margin-right:2px}.task-dossier-modal .task-property-value{min-width:0}.task-dossier-modal .task-property-label{min-width:0}.task-dossier-modal .task-property-value select{max-width:100%}}
/* One process card carries its context into every related dossier. */
.process-card-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;min-height:20px}
.process-card-tags .badge{font-size:9px;line-height:1.4;padding:3px 6px}
.process-card-property{display:flex;align-items:flex-start;gap:6px;min-width:0;font-size:10px;line-height:1.55;color:#b8c5ce}
.process-card-property>.icon{height:13px;width:13px;flex-shrink:0;margin-top:1px;color:#93a9b9}
.process-card-property>span{min-width:0;overflow-wrap:anywhere}
.process-card-broker{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px;line-height:1.5;color:#a7bbc9}
.process-card-broker>.icon{height:13px;width:13px;flex-shrink:0;color:#849eaf}
.process-card-broker>span{min-width:0;overflow-wrap:anywhere}
.process-status-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1.5;color:#aab7c1;white-space:nowrap}
.process-card .process-status-tag.status-active,.process-card .process-status-tag.status-completed{color:#abd1b9}
.process-card .process-status-tag.status-paused{color:#cfbd84}
.process-card .process-status-tag.status-terminated{color:#dda49b}
.process-card .process-status-tag.status-archived{color:#a1abb3}
.process-card .process-choice-dot[data-value=active],.process-card .process-choice-dot[data-value=completed]{background:#71b78d}
.process-card .process-choice-dot[data-value=paused]{background:#c6ab58}
.process-card .process-choice-dot[data-value=terminated]{background:#d38178}
.process-card .process-choice-dot[data-value=archived]{background:#8a939a}
.client-inline-avatar{width:20px;height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;vertical-align:middle;border:1px solid #ffffff16;border-radius:50%;background:#b9ac8a13;color:#c4bfae;font-size:9px;font-weight:600;line-height:1}
.client-inline-avatar>img,.avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* The client opens in the same quiet center peek as processes and tasks. */
.client-dossier-modal>.modal-close{background:#242729b8;border:1px solid #ffffff12;border-radius:7px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#d1dbe2}
.client-dossier-cover{height:160px;overflow:hidden;border-bottom:1px solid #ffffff0d;background:#202427}
.client-dossier-cover>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.client-dossier-modal .task-dossier-body{padding-top:52px}
.client-dossier-heading{display:flex;align-items:center;gap:18px;min-width:0;margin-bottom:28px}
.client-dossier-avatar{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ffffff17;border-radius:9px;background:linear-gradient(145deg,#ffffff04,transparent),#283039;color:#c9d3db;font-size:22px;font-weight:600;line-height:1}
.client-dossier-avatar>img{display:block;width:100%;height:100%;object-fit:cover}
.client-dossier-heading>h2{min-width:0;margin:0;color:#eef0f1;font-size:34px;font-weight:700;line-height:1.25;letter-spacing:-.8px;overflow-wrap:anywhere}
.client-dossier-cover:not([hidden])+.task-dossier-body{padding-top:0}
.client-dossier-cover:not([hidden])+.task-dossier-body .client-dossier-heading{display:block}
.client-dossier-cover:not([hidden])+.task-dossier-body .client-dossier-avatar{position:relative;margin-top:-35px;margin-bottom:20px;width:74px;height:74px;border:4px solid #242729;box-shadow:0 0 0 1px #ffffff0e}
.client-pinned-properties{grid-template-columns:1fr 1.2fr 1.15fr 1fr;margin-bottom:25px}
.client-pinned-properties .task-property-value{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-height:30px;min-width:0;font-size:12px;line-height:1.5}
.client-pinned-properties .task-property-value a{color:#d2dde5;overflow-wrap:anywhere}
.client-pinned-properties .badge{padding:3px 6px;font-size:10px;line-height:1.5;white-space:normal}
.client-pinned-properties .text-button{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;min-height:28px;border:1px solid #ffffff18;border-radius:5px;font-size:11px;color:#cbd7df}
.client-pinned-properties .text-button>.icon{height:13px;width:13px}
.client-pinned-properties .text-button:disabled{opacity:.45;cursor:default}
.client-tab-panel{min-height:150px;min-width:0}
.client-tab-panel[hidden]{display:none!important}
.client-tab-panel .record-gallery{padding:2px 0 23px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(218px,1fr))}
.client-tab-panel .task-property-value>.muted{padding-left:7px;color:#8c969d;font-size:12px}
.client-dossier-photo-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.client-dossier-photo-controls input[type=file]{min-width:0;max-width:100%;font-size:11px}
.client-dossier-photo-controls .text-button{font-size:11px;min-height:28px}
.client-dossier-modal .client-photo-details{margin:0 0 18px}
.client-pinned-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}
.client-pinned-actions .text-button{white-space:nowrap;max-width:100%;font-size:10px;padding:3px 6px}
.client-dossier-photo-controls>label{display:inline-flex;align-items:center;gap:5px;cursor:pointer;min-height:28px;padding:3px 7px;border:1px solid #ffffff18;border-radius:5px;color:#b9c8d3;font-size:11px;line-height:1.5}
.client-dossier-photo-controls>label:hover{background:#ffffff05;border-color:#ffffff29}
.client-dossier-photo-controls>label:focus-within{outline:2px solid #a99a73;outline-offset:2px}
.client-profile-section{margin:0 0 19px}
.client-profile-section>summary{display:flex;align-items:center;gap:6px;min-height:28px;padding:4px 0 8px;margin-bottom:0;font-size:11px;font-weight:600;letter-spacing:.15px;color:#abb6bd;list-style:none}
.client-profile-section>summary::-webkit-details-marker{display:none}
.client-profile-section>summary:after{content:'›';display:block;margin-left:2px;color:#778893;font-size:15px;line-height:1;transform:rotate(0deg)}
.client-profile-section[open]>summary:after{transform:rotate(90deg)}
.client-profile-section>summary>.icon{height:13px;width:13px;color:#99a8b3}
.client-profile-section>summary:hover{color:#d3dce3}
.client-contact-timer{display:flex;flex-direction:column;gap:8px;min-width:0;padding:7px;font-size:11px;line-height:1.5;color:#b2c8bb}
.client-contact-timer>span{overflow-wrap:anywhere}
.client-contact-timer>progress{appearance:none;-webkit-appearance:none;display:block;width:100%;max-width:100%;height:4px;overflow:hidden;border:0;border-radius:10px;background:#ffffff0b;color:#76b796;accent-color:#76b796}
.client-contact-timer>progress::-webkit-progress-bar{background:#ffffff0b;border-radius:10px}
.client-contact-timer>progress::-webkit-progress-value{background:#76b796;border-radius:10px}
.client-contact-timer>progress::-moz-progress-bar{background:#76b796;border-radius:10px}
.client-dossier-modal .task-property-value .form-label{display:none}
.client-pinned-properties .relation-count{display:none}
.record-type-icon,.record-value-icon,.process-selected-icon,.client-selected-status{display:inline-flex;vertical-align:middle;flex-shrink:0;align-items:center}
.record-type-icon>.icon,.record-value-icon>.icon,.process-selected-icon>.icon{width:14px;height:14px}
.process-card .card-title .record-type-icon{margin-right:6px}
.process-card .badge,.process-status-tag,.client-source-tag{display:inline-flex;align-items:center;gap:5px}
.process-status-tag>.icon{width:12px;height:12px}
.relation-option>span,.relation-summary:has(.record-value-icon){display:flex;align-items:center;gap:6px}
/* Search narrows visible choices without changing any selected relations. */
.client-dossier-cover[hidden],.client-dossier-photo-controls [hidden],.relation-options>[hidden]{display:none!important}
.client-picker-search:not(input){display:flex;align-items:center;gap:7px;min-width:0;padding:5px 7px;margin:0 0 5px;border:1px solid #ffffff15;border-radius:5px;background:#242b30}
.client-picker-search>.icon{height:13px;width:13px;flex-shrink:0;color:#8ca3b2}
.relation-options>.client-picker-search{position:sticky;top:0;z-index:3}
.relation-picker input[data-client-picker-search]{width:100%;min-width:0;min-height:31px;max-width:100%;padding:5px 7px;border:1px solid #ffffff15;border-radius:5px;background:#242b30;color:#cfdae3;font-size:12px;line-height:1.5}
.client-picker-search input[data-client-picker-search]{border:0;background:transparent;padding:0;min-height:27px}
.relation-picker input[data-client-picker-search]::placeholder{color:#99aabb80}
.relation-picker input[data-client-picker-search]:focus{outline:0;border-color:#a3b8c84d;background:#222a31}
.client-picker-search:focus-within{border-color:#a3b8c84d}
.client-option-avatar{display:inline-flex!important;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;overflow:hidden;border-radius:50%;line-height:1}
.client-option-avatar>.client-inline-avatar{width:20px;height:20px}
.client-option-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.client-picker-preview{position:fixed;z-index:900;display:flex;flex-direction:column;gap:11px;width:270px;max-width:calc(100vw - 24px);padding:16px;border:1px solid #c3d6e329;border-radius:11px;background:linear-gradient(145deg,#ffffff06,#ffffff01),#222d36d9;box-shadow:inset 0 1px 0 #ffffff08,0 10px 28px #0005;backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%);color:#d4dfe7;line-height:1.5}
.client-picker-preview-close{position:absolute;top:5px;right:5px;display:flex;align-items:center;justify-content:center;width:27px;height:27px;border:0;border-radius:6px;background:#ffffff03;color:#b2c2ce;font-size:18px;line-height:1;cursor:pointer}
.client-picker-preview-close:hover{background:#ffffff08;color:#e1eaf0}
.client-picker-preview-close:focus-visible{outline:2px solid #b4a783;outline-offset:2px}
/* Long task previews scroll inside the viewport; the close control stays visible. */
.task-picker-preview{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.task-picker-preview>.client-picker-preview-close{position:sticky;top:5px;right:auto;align-self:flex-end;flex-shrink:0;z-index:1;margin:-11px -11px -27px 0;background:var(--surface-1)}
.task-picker-preview>.client-picker-task-content{flex-shrink:0}
.client-picker-preview-heading{display:flex;align-items:center;gap:11px;min-width:0;padding-right:13px}
.client-picker-preview-heading>.client-picker-preview-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;max-width:48px;overflow:hidden;border-radius:8px}
.client-picker-preview-heading>.client-picker-preview-avatar>img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover}
.client-picker-preview h3{min-width:0;margin:0;color:#e0e7ed;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.client-picker-preview-photo{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;overflow:hidden;border:1px solid #ffffff17;border-radius:9px;background:#b9ac8a13;color:#c4bfae;font-size:19px;font-weight:600}
.client-picker-preview-photo>.client-picker-preview-avatar,.client-picker-preview-photo>.client-inline-avatar{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:0;border-radius:inherit;font-size:inherit;background:transparent}
.client-picker-preview-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.client-picker-preview-tags{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px}
.client-picker-preview-tags .badge{font-size:10px;line-height:1.4;padding:3px 6px;white-space:normal}
.client-picker-process-content{display:flex;flex-direction:column;gap:9px;min-width:0;padding-right:12px}
.client-picker-process-content .process-card-reference{flex-wrap:wrap}
.client-picker-task-content{display:flex;flex-direction:column;gap:9px;min-width:0;padding-right:12px}
.client-picker-task-content .card-tags{gap:5px 7px}
.client-picker-task-content .card-tags .badge{font-size:10px;line-height:1.4;padding:3px 6px;white-space:normal}
.client-picker-task-content .card-meta{min-width:0;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.client-picker-task-content .card-meta>.icon{flex-shrink:0;color:var(--muted)}
.task-preview-clients{display:flex;flex-direction:column;gap:6px;min-width:0}
.task-preview-client{display:flex;align-items:center;gap:8px;min-width:0;color:#d0d0d5;font-size:11px;line-height:1.5}
.task-preview-client>.client-inline-avatar{width:20px;height:20px;flex-shrink:0}
.task-preview-client>span:not(.client-inline-avatar){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-picker-task-content .action-card-description{margin:0;color:#bbbcc2;font-size:11px;line-height:1.6;-webkit-line-clamp:3}
.client-picker-preview .process-last-action{font-size:11px}
.client-picker-preview .process-status-tag.status-active,.client-picker-preview .process-status-tag.status-completed{color:#abd1b9}
.client-picker-preview .process-status-tag.status-paused{color:#cfbd84}
.client-picker-preview .process-status-tag.status-terminated{color:#dda49b}
.client-picker-preview .process-status-tag.status-archived{color:#a1abb3}
.client-picker-preview .process-choice-dot[data-value=active],.client-picker-preview .process-choice-dot[data-value=completed]{background:#71b78d}
.client-picker-preview .process-choice-dot[data-value=paused]{background:#c6ab58}
.client-picker-preview .process-choice-dot[data-value=terminated]{background:#d38178}
.client-picker-preview .process-choice-dot[data-value=archived]{background:#8a939a}
.client-process-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 14px;min-width:0}
.client-process-tools>.text-button{font-size:11px;min-height:30px;color:#bdceda}
.client-process-tools .relation-picker{position:relative;max-width:100%;min-width:180px;background:#20242766;border-color:#ffffff12}
.client-process-tools .relation-picker>summary{min-height:32px;font-size:11px;padding:6px 9px}
.client-process-tools .relation-options{position:absolute;top:calc(100% + 5px);left:0;width:330px;max-width:calc(100vw - 64px);max-height:240px;padding:6px;border:1px solid #ffffff1b;border-radius:7px;background:#2a3137;box-shadow:0 8px 25px #0006;z-index:12}
.record-link-option{display:flex;align-items:center;gap:7px;min-width:0;width:100%;min-height:34px;padding:7px;border:0;border-radius:4px;background:transparent;color:#bdcdd8;font-size:12px;line-height:1.5;text-align:left;cursor:pointer}
.record-link-option:hover,.record-link-option:focus-visible{background:#ffffff05;color:#dbe5ed}
.record-link-option>.icon{height:13px;width:13px;flex-shrink:0}
.record-link-option>span{min-width:0;overflow-wrap:anywhere}
.relation-picker-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:1px 4px 5px;color:#9aadb9;font-size:10px;line-height:1.5}
.relation-picker-tools>span{min-width:0;overflow-wrap:anywhere}
.relation-picker-tools>.icon-button{width:24px;height:24px;min-height:24px;padding:5px;border-radius:5px;flex-shrink:0;color:#9eb3c2;background:#ffffff03}
.relation-picker-tools>.icon-button>.icon{width:12px;height:12px}
.relation-picker-tools>.icon-button:hover{background:#ffffff08;color:#d5e1e9}
.discard-backdrop{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:16px;background:#080d1440;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.discard-card{width:390px;max-width:calc(100vw - 32px);min-width:0;margin:auto;padding:22px;border:1px solid #d1e2ee24;border-radius:12px;background:linear-gradient(145deg,#ffffff06,#ffffff01),rgba(31,43,53,.84);box-shadow:inset 0 1px 0 #ffffff06,0 14px 40px #0004;backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%);color:#dce6ed}
.discard-card h3{margin:0 0 10px;color:#e3eaf0;font-size:17px;font-weight:600;line-height:1.4}
.discard-card p{margin:0;color:#b7c7d3;font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.related-client-prompt{animation:gc-fade-in 220ms var(--motion-ease,ease)}
.related-client-prompt.is-closing{animation:gc-fade-out var(--motion-standard,160ms) var(--motion-ease,ease) forwards;pointer-events:none}
.related-client-prompt .discard-card{max-height:calc(100dvh - 32px);overflow:auto}
.related-client-prompt .discard-card p+p{margin-top:8px;font-size:11px}
@media(prefers-reduced-motion:reduce){.related-client-prompt,.related-client-prompt.is-closing{animation:none}}
.discard-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:19px}
.discard-actions>.button{min-height:34px;padding:8px 10px;font-size:11px;white-space:nowrap}
.discard-actions>.button-secondary{background:#ffffff03;border-color:#ffffff1d;color:#bdcdda}
.discard-actions>.button-secondary:hover{background:#ffffff07;border-color:#ffffff30;color:#dce7ee}
@media(max-width:580px){.client-picker-preview{width:250px;padding:13px}.client-picker-preview-photo{width:44px;height:44px;font-size:17px}.client-picker-preview-heading{gap:9px}.client-process-tools .relation-picker{min-width:0;max-width:100%}.client-process-tools .relation-options{width:285px}.record-link-option{font-size:11px}}
@media(max-width:580px){.task-picker-preview>.client-picker-preview-close{margin:-8px -8px -30px 0}}
.process-dossier-modal #process-dot-status{display:block}
.process-selected-icon{margin-right:5px}
.client-pinned-properties .task-property-value:has(.client-selected-status){display:flex;align-items:center;gap:5px}
.client-pinned-properties .task-property-value>select{min-width:0;flex:1}
.client-tag-create{display:flex;align-items:center;gap:8px;margin-top:10px}
.client-tag-create>input{flex:1;min-width:0;padding:8px 10px;border:1px solid #ffffff15;border-radius:6px;background:#ffffff03;color:#d9e0e5;font-size:12px}
.client-tag-create>.text-button{flex-shrink:0}
.dossier-navigation-row{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:8px;min-width:0;margin:0 0 22px;padding:7px 0;border-bottom:1px solid #ffffff09;background:linear-gradient(145deg,#ffffff03,transparent),#242729eb;backdrop-filter:blur(16px) saturate(110%);-webkit-backdrop-filter:blur(16px) saturate(110%)}
.task-dossier-modal .dossier-navigation-row>.task-dossier-tabs{flex:1;min-width:0;margin:0;padding:2px 0;overflow:visible}
.dossier-navigation-row .help-tooltip{top:calc(100% + 8px);bottom:auto}
.modal-back{position:static;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:6px;min-height:34px;padding:6px 9px;border:1px solid #ffffff12;border-radius:7px;background:#1d232880;color:#b8c3cc;font-size:11px;white-space:nowrap}
.modal-back:hover{border-color:#ffffff24;background:#ffffff05;color:#d6e0e7}
.modal-back>.icon{width:14px;height:14px}
.modal-back:focus-visible{outline:2px solid #b4a783;outline-offset:2px}
@media(max-width:580px){.dossier-navigation-row{gap:6px;margin-bottom:20px;padding-right:28px}.modal-back{gap:4px;padding:6px 7px;font-size:11px}.dossier-navigation-row .dossier-tab-item .task-dossier-tab{padding-left:7px;padding-right:7px}}
.stage-heading-icon{display:inline-flex;align-items:center;flex-shrink:0}.stage-heading-icon>.icon{width:14px;height:14px}
@media(max-width:800px){.client-dossier-modal .task-dossier-body{padding-top:46px}.client-dossier-cover:not([hidden])+.task-dossier-body{padding-top:0}.client-dossier-heading>h2{font-size:30px}.client-pinned-properties{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media(max-width:580px){.client-dossier-cover{height:130px}.client-dossier-modal .task-dossier-body{padding-top:48px}.client-dossier-cover:not([hidden])+.task-dossier-body{padding-top:0}.client-dossier-heading{gap:12px;margin-bottom:23px}.client-dossier-avatar{width:54px;height:54px;font-size:19px;border-radius:8px}.client-dossier-heading>h2{font-size:26px;letter-spacing:-.5px;line-height:1.3}.client-dossier-cover:not([hidden])+.task-dossier-body .client-dossier-avatar{width:66px;height:66px;margin-top:-30px;margin-bottom:17px}.client-pinned-properties{gap:9px;margin-bottom:20px}.client-pinned-properties .task-property-value{font-size:11px}.client-tab-panel .record-gallery{grid-template-columns:minmax(0,1fr);gap:12px}.client-dossier-modal .task-property,.client-dossier-modal .task-property.form-field{grid-template-columns:112px minmax(0,1fr)}.process-card-property{font-size:11px}}
/* Additional client properties stay in the same form, behind a quiet side panel. */
.client-details-layout{display:grid;grid-template-columns:minmax(0,1fr) 0px;align-items:start;gap:0;min-width:0;overflow-x:clip}
.client-details-layout>.task-dossier-body,.client-details-layout>.client-details-main{min-width:0}
.client-dossier-modal.has-details-open .client-details-layout{grid-template-columns:minmax(0,1fr) 300px}
.client-dossier-modal.has-details-open{width:min(1240px,calc(100vw - 56px))}
.client-details-panel{position:sticky;top:0;align-self:start;width:300px;min-width:0;max-height:calc(100dvh - 56px);overflow:auto;border-left:1px solid #c3d6e31c;background:linear-gradient(145deg,#ffffff03,transparent),#20282fe8;color:#c5d1da;scrollbar-width:thin;scrollbar-color:#ffffff20 transparent;z-index:65}
.client-details-panel[hidden]{display:none!important}
.client-details-panel-heading{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 15px 12px;border-bottom:1px solid #ffffff0b;background:#20282fee;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.client-details-panel-heading h3{margin:0;font-size:13px;font-weight:600;line-height:1.5;color:#d3dfe7}
.client-details-panel-heading>.icon-button{width:28px;height:28px;min-height:28px;padding:6px;border-radius:6px;background:#ffffff03;color:#a9becd;flex-shrink:0}
.client-details-panel-heading>.icon-button>.icon{width:13px;height:13px}
.client-details-panel-heading>.icon-button:hover{color:#e0e9ef;background:#ffffff07}
.client-details-panel-heading>.icon-button:focus-visible{outline:2px solid #b4a783;outline-offset:2px}
.client-details-fields{border:0;min-width:0;margin:0;padding:12px}
.client-dossier-modal .client-details-panel .task-property,.client-dossier-modal .client-details-panel .task-property.form-field{grid-template-columns:100px minmax(0,1fr);gap:5px;padding:4px 6px;min-height:36px;align-items:start}
.client-details-panel .task-property-label,.client-details-panel .task-property-label>label{font-size:10px;line-height:1.5;gap:5px}
.client-details-panel .task-property-label .icon,.client-details-panel .task-property-label>label>.icon{width:12px;height:12px;flex-shrink:0}
.client-details-panel .task-property-value{font-size:11px;line-height:1.6;gap:5px;overflow-wrap:anywhere}
.client-details-panel .task-property-value input:not([type=checkbox]),.client-details-panel .task-property-value select,.client-details-panel .task-property-value textarea{font-size:11px;padding:5px;max-width:100%}
.client-details-panel .task-property-value textarea{min-height:51px}
.client-details-panel .relation-picker{max-width:100%;width:100%;min-width:0}
.client-details-panel .relation-picker>summary{font-size:11px;min-height:31px;padding:5px;gap:5px}
.client-details-panel .relation-options{position:static;font-size:11px;border-radius:4px;max-height:170px;box-shadow:none}
.client-details-panel .form-field .relation-option{font-size:11px;padding:5px;min-height:31px;gap:5px}
.client-details-photo{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0;padding:2px 0}
.client-details-photo>img{display:block;width:44px;height:44px;object-fit:cover;border:1px solid #ffffff17;border-radius:6px}
.client-details-photo>.text-button{font-size:10px;min-height:28px;color:#adc4d4}
.client-details-date{display:block;min-width:0;font-variant-numeric:tabular-nums}
.client-details-documents{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}
.client-details-documents .text-button{display:inline-flex;align-items:center;gap:5px;font-size:10px;min-height:28px;color:#b0c7d7}
.client-details-document{display:flex;align-items:flex-start;gap:5px;min-width:0;font-size:11px;line-height:1.5;color:#b7cbd9}
.client-details-document>.icon{width:12px;height:12px;margin-top:2px;flex-shrink:0}
.client-details-document>a{min-width:0;overflow-wrap:anywhere;color:#c3d7e6}
.client-details-document>a:hover{color:#e0eaf1}
.client-details-documents .muted{font-size:10px;color:#8ea5b6}
.client-details-toggle{display:inline-flex;align-items:center;gap:5px;padding:3px 0;min-height:27px;font-size:11px;color:#92aab9}
.client-details-toggle>.icon{width:13px;height:13px}
.client-details-toggle:hover{color:#c7d8e3}
.client-details-toggle[aria-expanded=true]{color:#c1d3df}
/* Primary record information stays in the dossier; secondary fields share its Details drawer. */
.record-header-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;min-width:0;margin:0 0 20px}
.record-header-tools>.client-photo-details,.record-header-tools>.client-dossier-photo-controls{margin:0}
.record-header-tools .client-details-toggle{min-height:30px;padding:5px 10px;border:1px solid transparent;border-radius:6px;line-height:1.4;white-space:nowrap}
.client-dossier-heading>h2:has(.client-name-title){flex:1;width:100%}
.client-dossier-heading .client-name-title{display:block;width:100%;min-width:0;max-width:100%;height:auto;min-height:1.4em;margin:0;padding:3px 0;font:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;background:transparent;border:1px solid transparent;border-radius:5px;box-shadow:none;text-overflow:ellipsis;opacity:1}
.client-dossier-heading .client-name-title:disabled{color:inherit;background:transparent;opacity:1;-webkit-text-fill-color:currentColor}
.record-relation-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0;margin:0 0 18px}
.record-relation-tools>.form-field{width:min(310px,100%);min-width:0;max-width:100%;margin:0}
.record-relation-tools .relation-picker{width:100%;min-width:0;max-width:100%;position:relative}
.record-relation-tools .relation-picker>summary{min-height:32px;padding:5px 9px;font-size:11px}
.record-relation-tools>.text-button{min-height:32px;padding:5px 8px}
/* Tab galleries already show selected records; their separate link action owns the popup anchor. */
.record-relation-tools:has(.relation-tab-picker){position:relative}
.record-relation-tools>[data-relation-slot]:has(>.relation-tab-picker){position:absolute;top:0;left:0;width:0;height:0;min-width:0;margin:0;padding:0}
.record-relation-tools .relation-tab-picker{display:block;width:0;height:0;min-width:0;max-width:0;min-height:0;margin:0;padding:0;gap:0;border:0;background:transparent;box-shadow:none}
.record-relation-tools .relation-tab-picker[hidden]{display:none!important}
.record-relation-tools .relation-tab-picker>.form-label,
.record-relation-tools .relation-tab-picker>label,
.record-relation-tools .relation-tab-picker>.relation-picker>summary{display:none}
.record-relation-tools .relation-tab-picker>.relation-picker{display:block;position:relative;width:0;height:0;min-width:0;max-width:0;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.client-process-tools .relation-picker:has(>.record-link-trigger),
.record-relation-tools .relation-picker:has(>.record-link-trigger){width:auto;min-width:0;border:0;border-radius:4px;background:transparent;box-shadow:none}
.record-relation-tools>.form-field:has(>.relation-picker>.record-link-trigger){width:auto}
.client-process-tools>.text-button,
.record-relation-tools>.text-button,
.client-process-tools .relation-picker>.record-link-trigger,
.record-relation-tools .relation-picker>.record-link-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:6px 0;border:0;border-radius:4px;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;list-style:none}
.client-process-tools .relation-picker>.record-link-trigger::before,
.record-relation-tools .relation-picker>.record-link-trigger::before{display:none;content:none}
.record-link-trigger::marker{content:''}
.record-link-trigger::-webkit-details-marker{display:none}
.client-process-tools>.text-button>.icon,
.record-relation-tools>.text-button>.icon,
.client-process-tools .relation-picker>.record-link-trigger>.icon,
.record-relation-tools .relation-picker>.record-link-trigger>.icon{width:15px;height:15px}
@media(max-width:580px){.record-header-tools{gap:8px 10px;margin-bottom:18px}.record-header-tools .client-details-toggle{min-height:34px;padding:6px 10px}.record-relation-tools{gap:8px;margin-bottom:16px}.record-relation-tools>.form-field{width:100%}.client-dossier-heading .client-name-title{min-height:1.5em}}
@media(max-width:900px){.client-details-layout,.client-dossier-modal.has-details-open .client-details-layout{grid-template-columns:minmax(0,1fr)}.client-details-layout>.task-dossier-body,.client-details-layout>.client-details-main{grid-area:1/1}.client-details-layout>.client-details-panel{grid-area:1/1;justify-self:end;width:min(330px,100%);max-height:calc(100dvh - 56px);box-shadow:-12px 0 30px #0004;background:linear-gradient(145deg,#ffffff03,transparent),#20282ff5;z-index:75}.client-dossier-modal.has-details-open{width:1000px}}
@media(max-width:580px){.client-details-layout>.client-details-panel{width:min(320px,100%);max-height:calc(100dvh - 24px)}.client-details-panel-heading{padding:14px 12px 10px}.client-details-fields{padding:10px}.client-dossier-modal .client-details-panel .task-property,.client-dossier-modal .client-details-panel .task-property.form-field{grid-template-columns:104px minmax(0,1fr)}}
/* Shared compact components: one-line names, aligned values, stable choice panels. */
.card-clients{min-width:0;max-width:100%;gap:6px}
.card-clients .link-button,
.process-card-client>.link-button,
.task-linked-record>.link-button:has(>.client-inline-avatar){display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}
.process-card-client{gap:8px}
.process-card-client>.link-button{flex:1}
.card-clients .link-button>.client-inline-avatar,
.process-card-client>.link-button>.client-inline-avatar,
.task-linked-record>.link-button>.client-inline-avatar{flex:0 0 20px}
.client-link-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-linked-client-summary{width:100%;min-width:0;gap:8px}
.task-linked-client-summary>.link-button,.task-linked-client-summary>.task-preview-client{display:inline-flex;align-items:center;gap:8px;flex:1;min-width:0;max-width:100%;font-size:11px}
.task-linked-client-summary .client-inline-avatar{flex:0 0 20px;width:20px;height:20px}
.task-linked-client-count{flex:0 0 auto;font-size:10px;white-space:nowrap}
.relation-option[data-picker-client-id]>span{flex:1;max-width:100%}
.record-state{--record-state-dot:#97979e;display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;vertical-align:middle;line-height:1.5;background:none!important;border:0!important;padding:0!important;border-radius:0;box-shadow:none!important;color:#bfc0c7}
.record-state.status-success,.record-state-dot.status-success{--record-state-dot:#6abd87;color:#b6d9c5}
.record-state.status-warning,.record-state-dot.status-warning{--record-state-dot:#c9af50;color:#dac994}
.record-state.status-danger,.record-state-dot.status-danger{--record-state-dot:#d68174;color:#e5bcb1}
.record-state.status-info,.record-state-dot.status-info{--record-state-dot:#7da4bd;color:#bed0db}
.record-state.status-orange,.record-state-dot.status-orange{--record-state-dot:#e3a65e;color:#e3c399}
.record-state.status-purple,.record-state-dot.status-purple{--record-state-dot:#bc93ed;color:#ccb6e3}
.record-state-dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border:0;border-radius:50%;background:var(--record-state-dot,#97979e);box-shadow:none}
.record-state>.record-state-text{min-width:0;white-space:normal;overflow-wrap:anywhere}
.record-state::before{display:none!important;content:none!important}
.process-health-dot{box-shadow:none}
.record-select-state{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%}
.record-select-state>select{min-width:0;max-width:100%}
.task-dossier-modal .task-property-value .record-select-state>#field-status,
.task-dossier-modal .task-property-value .record-select-state>#field-result{background:transparent;border-color:transparent;border-radius:4px;color:inherit}
.broker-assignment-control{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;width:100%}
.broker-assignment-control>select{flex:1 1 140px;min-width:0;max-width:100%;width:auto}
.broker-assignment-control>.text-button{flex:0 0 auto}
.client-source-card .card-title{display:block;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;overflow-wrap:normal}
.client-source-card .card-title strong{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
.relation-option[data-picker-client-id]>span,.task-relations .relation-summary:has(.client-inline-avatar),.task-client-property .relation-summary:has(.client-inline-avatar){display:flex;align-items:center;gap:8px;min-width:0}
.relation-option[data-picker-client-id]>span>span:not(.client-option-avatar){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-dossier-modal .task-property-value input[type=checkbox]{margin:0 0 0 7px;align-self:center}
.task-dossier-modal .task-property-value #field-status,.task-dossier-modal .task-property-value #field-result{padding-left:7px}
.task-dossier-modal .task-property-value #task-template-field>select{padding-left:7px}
.task-direction-segments{display:inline-flex;align-items:center;gap:3px;max-width:100%;padding:3px;border:1px solid #ffffff14;border-radius:7px;background:#ffffff02}
.task-direction-segments>button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:26px;padding:4px 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:#aeb8c0;font-size:11px;line-height:1.4;white-space:nowrap}
.task-direction-segments>button[aria-pressed=true]{background:#cfb57312;border-color:#cfb57335;color:#d8c38d}
.task-direction-segments>button:hover:not(:disabled){background:#ffffff05;color:#d7e0e7}
.task-direction-segments>button:focus-visible{outline:2px solid #cfb573;outline-offset:2px}
.task-direction-segments>button:disabled{opacity:.5}
.task-call-direction:has(.task-direction-segments){max-width:100%}
.client-picker-preview-meta{display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.5;color:#a9b8c3}
.client-picker-preview-meta>a{font-size:12px;color:#d0dce5;font-variant-numeric:tabular-nums}
.client-picker-preview-meta>a:hover{color:#e7edf1}
details.relation-picker[open][data-floating-picker]{position:relative;z-index:85;overflow:visible}
details.relation-picker[data-floating-picker]:not([open])>.relation-picker-tools,details.relation-picker[data-floating-picker]:not([open])>.client-picker-search,details.relation-picker[data-floating-picker]:not([open])>.relation-options{display:none!important}
details.relation-picker[open][data-floating-picker]>.relation-picker-tools,details.relation-picker[open][data-floating-picker]>.client-picker-search,details.relation-picker[open][data-floating-picker]>.relation-options{position:fixed;left:var(--picker-popup-left);right:auto;width:var(--picker-popup-width);max-width:calc(100vw - 24px);margin:0;transform:none;z-index:2;background:#1b1b1d;border-color:#ffffff1a}
details.relation-picker[open][data-floating-picker]>.relation-picker-tools{top:var(--picker-popup-tools-top);height:32px;padding:4px 7px;border:1px solid #ffffff1a;border-bottom:0;border-radius:7px 7px 0 0;color:#aab3ba}
details.relation-picker[open][data-floating-picker]>.client-picker-search{top:var(--picker-popup-search-top);height:39px;min-height:39px;padding:5px 7px;border:1px solid #ffffff1a;border-top:0;border-bottom:0;border-radius:0}
details.relation-picker[open][data-floating-picker]>.relation-options{top:var(--picker-popup-options-top);max-height:var(--picker-popup-list-height);padding:5px 7px 7px;border:1px solid #ffffff1a;border-top:0;border-radius:0 0 7px 7px;box-shadow:0 10px 26px #0005;overflow:auto}
/* GranCapital uses neutral black materials with restrained brand gold. */
:root{--bg:#0b0b0c;--paper:#141415;--dark:#0d0d0e;--input:#1b1b1d;--ink:#eeeef0;--muted:#aaaab0;--line:#ffffff1a;--gold:#cfb573;--gold-light:#cfb57314;--surface-1:#141415;--surface-2:#1b1b1d;--surface-3:#222224;--glass:linear-gradient(145deg,#ffffff06,#ffffff01),#111112e8;--glass-border:#ffffff1a;--control-inset:7px;--component-gap:8px}
body{background:var(--bg)}
.sidebar{background:var(--glass);border-color:var(--line);color:#aaaab0}
.topbar{background:linear-gradient(145deg,#ffffff03,transparent),#101011ec;border-color:var(--line)}
.brand-mark{background:linear-gradient(145deg,#ffffff03,transparent),#151516;color:#d4bd80;border-color:#cfb57335}
.brand strong,.sidebar-brand strong{color:#ded9ce}
.brand small,.sidebar-brand small{color:#909095}
.nav-item{color:#aaaab0}.nav-item>.icon{color:#8a8a91}
.nav-item.active{background:linear-gradient(145deg,#cfb5730b,transparent),#1b1a16;color:#dfcc96;border-color:#cfb57324}
.nav-item.active>.icon{color:var(--gold)}
.button-primary{color:#e8d8ad;background:linear-gradient(145deg,#cfb5730b,transparent),#242117;border-color:#cfb57355;box-shadow:inset 0 1px 0 #ffffff05}
.button-primary:hover:not(:disabled){background:#302a1b;border-color:#cfb57380}
.button-secondary{background:#ffffff03;border-color:#ffffff1a;color:#c0c0c6}
.button-secondary:hover:not(:disabled){background:#ffffff06;border-color:#ffffff30;color:#e2e2e6}
.login-story,.login-form-area{background:var(--surface-1)}
.login-story{border-color:var(--line)}
.login-form-area{background:linear-gradient(145deg,#cfb57303,transparent),#101011}
.login-card input,.login-card select,.form-field input,.form-field select,.form-field textarea,.filter-select{background:var(--input);border-color:#ffffff1a;color:#d3d3d8}
.form-field input::placeholder,.form-field textarea::placeholder{color:#94949980}
.panel,.stat-card,.work-frame{background:linear-gradient(145deg,#ffffff02,transparent),var(--surface-1)}
.panel,.stat-card:not(.stat-warning){border-color:#ffffff1a}
.record-card,.client-source-card,.process-action-card,.process-card{background:linear-gradient(145deg,#ffffff02,transparent),var(--surface-2);border-color:#ffffff17}
.record-card:not(.card-in-progress):not(.card-important):not(.task-is-important):not(.task-is-overdue):not(.health-risk):not(.health-action_required):hover{background-color:#212123;border-color:#ffffff2b}
.card-title,.task-property-value,.record-link-option{color:#d8d8dc}
.task-property-label,.task-property-label>label,.task-relation-label,.process-pinned-label>label{color:#a6a6ad}
.process-card-reference,.client-card-broker,.process-card-broker{color:#97979e}
.client-photo-area,.client-dossier-cover{background:#101011;border-color:#ffffff14}
.modal-backdrop{background:#0000009c}
.modal,.task-dossier-modal{background:linear-gradient(145deg,#ffffff02,transparent),#141415f7;border-color:#ffffff1a}
.modal-footer,.task-dossier-modal .modal-footer{background:#141415f0;border-color:#ffffff12}
.task-dossier-modal>.modal-close,.client-dossier-modal>.modal-close{background:#141415cc;border-color:#ffffff1a;color:#b9b9c0}
.dossier-navigation-row{background:linear-gradient(145deg,#ffffff02,transparent),#141415ed;border-color:#ffffff12}
.dossier-tab-item,.dossier-tab-overflow>.dossier-more-tab,.modal-back{background:linear-gradient(145deg,#ffffff02,transparent),#1b1b1d80;border-color:#ffffff18}
.dossier-tab-item:has(.active){border-color:#cfb57332;background:#cfb57308}
.task-dossier-tab.active{color:#e6ddc9;background:#cfb57306}
.dossier-overflow-menu{background:#1b1b1def;border-color:#ffffff1a}
.process-pinned-property,.task-dossier-modal .task-relation-slot,.task-dossier-modal .task-property{background:linear-gradient(145deg,#ffffff02,transparent),#1b1b1d66;border-color:#ffffff16}
.task-dossier-modal .task-property-value input:not([type=checkbox]),.task-dossier-modal .task-property-value textarea{background:transparent;color:#d8d8dc}
.task-dossier-modal .task-property-value input:not([type=checkbox]):focus,.task-dossier-modal .task-property-value select:focus,.task-dossier-modal .task-property-value textarea:focus{background:#101011;border-color:#ffffff28}
.task-dossier-modal .task-property-value input[type=checkbox]{margin-left:var(--control-inset)}
.task-dossier-modal .task-property-value .relation-picker{background:transparent}
.relation-picker,.client-process-tools .relation-picker{background:#1b1b1d66;border-color:#ffffff1a}
.relation-options,.task-relations .relation-options,.task-client-property .relation-options,.client-process-tools .relation-options{background:#1b1b1d;border-color:#ffffff1a}
.client-picker-search:not(input),.relation-picker input[data-client-picker-search],.relation-picker input[data-catalog-picker-search]{background:#141415;color:#ceced4;border-color:#ffffff17}
.client-picker-search input[data-client-picker-search],.client-picker-search input[data-catalog-picker-search]{background:transparent;border:0}
.relation-picker input[data-client-picker-search]:focus,.relation-picker input[data-catalog-picker-search]:focus{background:#141415;border-color:#cfb57340}
.client-picker-preview,.help-tooltip.help-popover,.discard-card{background:linear-gradient(145deg,#ffffff05,#ffffff01),rgba(20,20,21,.87);border-color:#ffffff26}
.client-picker-preview-photo,.client-dossier-avatar{background:#1b1b1d;color:#d1c7ac;border-color:#ffffff1a}
.master-search-trigger{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--muted);font-size:12px}
.master-search-trigger .icon{width:16px;height:16px}
.master-search-trigger kbd{padding:2px 5px;border:1px solid #ffffff18;border-radius:4px;font:inherit;font-size:10px;color:var(--muted)}
@media(max-width:680px){.master-search-trigger{padding:6px}.master-search-trigger span,.master-search-trigger kbd{display:none}}
.client-dossier-cover:not([hidden])+.task-dossier-body .client-dossier-avatar{border-color:#141415}
.client-details-panel{background:linear-gradient(145deg,#ffffff02,transparent),rgba(20,20,21,.96);border-color:#ffffff1a;backdrop-filter:none;-webkit-backdrop-filter:none}
.client-details-panel-heading{background:#141415f5;border-color:#ffffff12}
.task-dossier-modal .gc-date-control .gc-date-popup{background:linear-gradient(145deg,#ffffff03,transparent),#1b1b1def;border-color:#ffffff26}
.task-dossier-modal .gc-date-control .gc-date-popup .gc-date-input{background:#10101180;border-color:#ffffff1a;color:#dddde1}
.task-dossier-modal .gc-date-control .gc-date-popup .gc-date-reminder>select{background:#141415;border-color:#ffffff1a;color:#cdccd2}

/* Every related-record tab shares one rhythm, independent of its card type. */
:root{
  --record-card-width:244px;
  --record-card-gap:12px;
  --record-action-gap:12px;
  --record-action-font-size:11px;
}
@media(min-width:901px){:root{--record-action-font-size:11.5px}}
.task-dossier-modal{
  --dossier-tools-gallery-gap:12px;
  --dossier-gallery-footer-gap:24px;
  --dossier-footer-height:65px;
  --dossier-footer-clearance:calc(var(--dossier-footer-height) + var(--dossier-gallery-footer-gap) + env(safe-area-inset-bottom,0px));
  scroll-padding-bottom:var(--dossier-footer-clearance);
}
.task-dossier-modal :is(.task-tab-panel,.process-tab-panel,.client-tab-panel,.estate-tab-panel):has(> .record-relation-tools,> .client-process-tools,> [data-estate-gallery],> [data-estate-broker],> [data-existing-estate-gallery],> [data-task-link-gallery],> #task-client-gallery,> #task-process-gallery,> #process-client-gallery,> #client-process-gallery,> .record-gallery){
  min-height:0;
  padding-bottom:var(--dossier-gallery-footer-gap);
}
.task-dossier-modal :is(.task-tab-panel,.process-tab-panel,.client-tab-panel,.estate-tab-panel)>:is(.record-relation-tools,.client-process-tools){
  margin-top:0;
  margin-bottom:var(--dossier-tools-gallery-gap);
}
.task-dossier-modal .record-relation-tools[hidden]{display:none!important}
.task-dossier-modal :is(.task-tab-panel,.process-tab-panel,.client-tab-panel,.estate-tab-panel):has(> .record-relation-tools,> .client-process-tools,> [data-estate-gallery],> [data-estate-broker],> [data-existing-estate-gallery],> [data-task-link-gallery],> #task-client-gallery,> #task-process-gallery,> #process-client-gallery,> #client-process-gallery,> .record-gallery) .record-gallery{
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
}
.task-dossier-modal :is(.task-tab-panel,.process-tab-panel,.client-tab-panel,.estate-tab-panel)>:is([data-estate-gallery],[data-estate-broker],[data-existing-estate-gallery],[data-task-link-gallery],#task-client-gallery,#task-process-gallery,#process-client-gallery,#client-process-gallery){
  min-width:0;
}
.task-dossier-modal .record-gallery{
  grid-template-columns:repeat(auto-fill,minmax(min(var(--record-card-width),100%),var(--record-card-width)));
  gap:var(--record-card-gap);
  justify-content:start;
}
@media(max-width:580px){.task-dossier-modal{--dossier-footer-height:112px}}
@media(max-width:580px){.task-dossier-modal .record-gallery{grid-template-columns:minmax(0,1fr)}}

/* New and Link share one row; their document order is also their keyboard order. */
.task-dossier-modal :is(.record-relation-tools,.client-process-tools){display:flex;align-items:center;flex-wrap:wrap;gap:8px var(--record-action-gap);min-width:0}
.task-dossier-modal :is(.record-relation-tools,.client-process-tools)>.text-button,
.task-dossier-modal :is(.record-relation-tools,.client-process-tools) .relation-picker>.record-link-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:6px 0;border:0;border-radius:4px;font-size:var(--record-action-font-size);font-weight:600;line-height:1.4;white-space:nowrap}
.task-dossier-modal :is(.record-relation-tools,.client-process-tools)>.text-button>.icon,
.task-dossier-modal :is(.record-relation-tools,.client-process-tools) .relation-picker>.record-link-trigger>.icon{width:15px;height:15px;flex-shrink:0}

/* Short catalog labels stay intact; a row may wrap between whole labels. */
.client-source-tag,.process-card .badge,.process-status-tag,.task-dossier-modal .client-pinned-properties .badge{
  white-space:nowrap;
  overflow-wrap:normal;
}
.client-source-tag .record-value-icon,.client-source-tag .icon,.process-card .badge .icon{flex-shrink:0}

/* Client inquiries and secondary properties reuse the compact dossier material. */
.client-dossier-modal .client-inquiry-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3,12px);min-width:0}
.client-dossier-modal .client-inquiry-fields>.form-field{grid-column:auto;min-width:0;gap:4px;padding:9px 10px;border:1px solid var(--glass-border,#ffffff1a);border-radius:var(--radius-control,7px);background:var(--glass-control,#ffffff04)}
.client-dossier-modal .client-inquiry-fields>.form-field>.form-label{font-size:11px;line-height:1.5;color:var(--muted,#a6a6ad)}
.client-dossier-modal .client-inquiry-fields .relation-picker{border:0;background:transparent;min-width:0}
.client-dossier-modal .client-inquiry-fields .relation-picker>summary{min-height:31px;padding:4px 0;font-size:12px;color:var(--ink,#eeeef0)}
.client-dossier-modal .client-inquiry-fields .relation-picker>summary::before{display:none}
.client-dossier-modal .client-inquiry-fields .relation-summary{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-dossier-modal .client-details-group{margin:0 0 16px;min-width:0}
.client-dossier-modal .client-details-group:last-child{margin-bottom:0}
.client-dossier-modal .client-details-group>h3{margin:0 0 7px;padding:2px 0;font-size:10px;line-height:1.5;color:var(--muted,#a6a6ad);letter-spacing:.15px}
.client-dossier-modal .client-details-group>h3>.icon{width:12px;height:12px}
@media(max-width:680px){.client-dossier-modal .client-inquiry-fields{grid-template-columns:minmax(0,1fr);gap:var(--space-2,8px)}}

/* These three task rows share one select column and one action column. */
.task-dossier-modal .task-paired-control-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px;align-items:stretch;width:100%;min-width:0;max-width:100%;margin:0 0 4px}
.task-dossier-modal .task-paired-control-row>.task-property{width:100%;min-width:0;max-width:100%;margin-bottom:0;min-height:39px;align-items:center;grid-template-columns:minmax(96px,174px) minmax(0,1fr)}
.task-dossier-modal .task-paired-control-row>.task-flag-control{min-height:39px;box-sizing:border-box}
.task-dossier-modal .task-paired-control-row :is(.task-property-label,.task-property-value){min-width:0;min-height:31px;align-items:center}
.task-dossier-modal .task-paired-control-row .task-property-label>label{min-height:31px;line-height:1.4}
.task-dossier-modal .task-paired-control-row .record-select-state,.task-dossier-modal .task-paired-control-row #task-template-field{display:flex;flex:1;width:100%;min-width:0;max-width:100%}
.task-dossier-modal .task-paired-control-row :is(#field-result,#field-status,#field-templateId){flex:1;width:100%;min-width:0;max-width:100%;min-height:31px;height:31px;box-sizing:border-box}
.task-dossier-modal .task-paired-control-row>.task-call-direction{display:flex;align-items:stretch;width:100%;min-width:0;max-width:100%;margin:0}
.task-dossier-modal .task-paired-control-row .task-direction-segments{display:flex;width:100%;min-width:0;max-width:100%;min-height:39px;box-sizing:border-box;gap:3px;padding:3px}
.task-dossier-modal .task-paired-control-row .task-direction-segments>button{flex:1;min-width:0;min-height:31px;padding:4px 5px}
.task-card-preview-content{display:flex;flex-direction:column;gap:9px;min-width:0;max-width:100%}
.task-dossier-modal [data-task-notes-field] textarea{display:block;width:100%;min-width:0;max-width:100%;min-height:80px;height:80px;box-sizing:border-box;resize:vertical}
.task-dossier-modal .task-deal-slot{display:flex;flex-direction:column;gap:6px;min-width:0;padding:9px 10px;border:1px solid #ffffff12;border-radius:var(--radius-control,7px);background:var(--glass-light,linear-gradient(145deg,#ffffff04,transparent)),var(--glass-control,#20242766);box-shadow:inset 0 1px 0 #ffffff03}
.task-dossier-modal .task-deal-slot>.form-field,.task-dossier-modal .task-deal-slot .relation-picker{width:100%;min-width:0;max-width:100%}
@media(max-width:680px){.task-dossier-modal .task-paired-control-row{grid-template-columns:minmax(0,1fr);gap:4px}.task-dossier-modal .task-paired-control-row>.task-property{grid-template-columns:122px minmax(0,1fr)}}
@media(max-width:580px){.task-dossier-modal .task-deal-slot{padding:8px 9px}}
.task-dossier-modal .task-relations .task-relation-slot .form-label{min-height:18px;align-items:center}
.task-dossier-modal .task-relations .relation-picker>summary{display:flex;align-items:center;min-height:31px;height:31px;padding:4px 7px;box-sizing:border-box;line-height:1.4}
.task-dossier-modal .task-deal-slot .relation-option{display:flex;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;padding:6px 7px;box-sizing:border-box;cursor:pointer}
.task-dossier-modal .task-deal-slot .relation-option>input[data-task-deal-choice]{display:inline-block;flex:0 0 16px;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;margin:0!important;padding:0!important;box-sizing:border-box;appearance:auto;accent-color:var(--gold,#cfb573)}
.task-dossier-modal .task-deal-slot .relation-option>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1;min-width:0;max-width:100%;line-height:1.4}
.task-dossier-modal .task-deal-slot .relation-option>span>span{display:block;min-width:0;max-width:100%;font-size:12px;color:var(--ink,#d8d8dc);white-space:normal;overflow-wrap:anywhere}
.task-dossier-modal .task-deal-slot .relation-option>span>small{display:block;font-size:10px;color:var(--muted,#a6a6ad);line-height:1.4}
.task-dossier-modal .task-deal-slot .relation-option:has(>input:disabled){cursor:default}

/* Personal dashboard actions reuse the ordinary create flows and search. */
.dashboard-page{min-width:0;width:100%}
.dashboard-page>.dashboard-sticky-header{position:sticky;top:0;z-index:55;min-height:52px;padding:10px 0;margin-bottom:28px;border-bottom:1px solid #ffffff14;background:linear-gradient(115deg,#ffffff08,#ffffff02 45%,#ffffff05),#141415b3;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff06,0 6px 20px #00000014}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.dashboard-page>.dashboard-sticky-header{background:var(--surface-1,#141415)}}
.dashboard-sticky-header>div:first-child{min-width:0}
.dashboard-sticky-header h1{margin:0;line-height:1.25;overflow-wrap:anywhere}
.dashboard-sticky-header :is(.eyebrow,p):empty{display:none}
.dashboard-sticky-header>.header-actions{min-width:0;max-width:100%}
@media(min-width:901px){.dashboard-page{padding-right:24px}}
@media(max-width:680px){.dashboard-page>.dashboard-sticky-header{gap:9px;padding:9px 0}.dashboard-sticky-header h1{font-size:24px}.dashboard-sticky-header>.header-actions{flex-wrap:wrap;justify-content:flex-start}.dashboard-sticky-header .dashboard-header-actions{gap:8px}.dashboard-sticky-header .dashboard-search-button>kbd{display:inline-flex}}
.dashboard-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;max-width:100%;flex-wrap:wrap}
.dashboard-quick-actions{position:relative;min-width:0;z-index:60}
.dashboard-quick-trigger{display:flex;align-items:center;gap:7px;min-height:32px;padding:6px 10px;border:1px solid var(--glass-border,#ffffff1a);border-radius:7px;background:var(--glass-control,#ffffff04);color:var(--muted,#a6a6ad);font-size:12px;font-weight:500;list-style:none;cursor:pointer}
.dashboard-quick-trigger::-webkit-details-marker{display:none}
.dashboard-quick-trigger>.icon{width:14px;height:14px}
.dashboard-quick-trigger>.icon:last-child{width:12px;height:12px;transform:rotate(90deg)}
.dashboard-quick-trigger:hover,.dashboard-quick-actions[open]>.dashboard-quick-trigger{color:var(--ink,#eeeef0);border-color:#cfb57350;text-decoration:none}
.dashboard-quick-trigger:focus-visible{outline:2px solid var(--gold,#cfb573);outline-offset:3px}
.dashboard-quick-menu{position:absolute;top:calc(100% + 7px);right:0;display:flex;flex-direction:column;gap:2px;width:220px;max-width:calc(100vw - 32px);max-height:min(280px,calc(100dvh - 120px));overflow:auto;padding:6px;border:1px solid var(--glass-border,#ffffff1a);border-radius:8px;background:var(--surface-2,#1b1b1d);box-shadow:0 12px 35px #0007;z-index:60}
.dashboard-quick-actions:not([open])>.dashboard-quick-menu{display:none}
.dashboard-quick-menu>[role=menuitem]{display:flex;align-items:center;gap:8px;min-height:34px;min-width:0;width:100%;padding:7px 9px;border:0;border-radius:5px;background:transparent;color:var(--ink,#eeeef0);font-size:12px;font-weight:400;line-height:1.4;text-align:left;cursor:pointer}
.dashboard-quick-menu>[role=menuitem]>.icon{width:14px;height:14px;color:var(--muted,#a6a6ad)}
.dashboard-quick-menu>[role=menuitem]:hover,.dashboard-quick-menu>[role=menuitem]:focus-visible{background:#ffffff06;color:#e5dbc4}
.dashboard-quick-menu>[role=menuitem]:focus-visible{outline:2px solid var(--gold,#cfb573);outline-offset:-2px}
.dashboard-search-button{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 8px;font-size:12px;font-weight:500;color:var(--muted,#a6a6ad);white-space:nowrap}
.dashboard-search-button>.icon{width:15px;height:15px}
.dashboard-search-button>kbd{padding:2px 5px;border:1px solid #ffffff18;border-radius:4px;color:var(--muted,#a6a6ad);font:inherit;font-size:10px}
#client-processes-heading{font-size:14px;letter-spacing:.1em;color:var(--ink,#eeeef0)}
@media(max-width:680px){.page-header:has(.dashboard-header-actions){flex-wrap:wrap;gap:12px}.page-header:has(.dashboard-header-actions)>.header-actions{min-width:0;width:100%;justify-content:flex-start}.dashboard-header-actions{justify-content:flex-start}}
@media(max-width:580px){#client-processes-heading{font-size:13px}}
.dashboard-client-work-group>.dashboard-process-group-title{font-size:14px;letter-spacing:.1em;color:var(--ink,#eeeef0)}
.dashboard-client-work-group .work-frame-header>h3{font-size:12px;font-weight:550;letter-spacing:.06em}
.dashboard-client-task-date-group{min-width:0;margin:0 0 12px}
.dashboard-client-task-date-group:last-child{margin-bottom:0}
.dashboard-client-task-date-group>summary{display:flex;align-items:center;gap:7px;min-width:0;min-height:30px;padding:5px 0;margin-bottom:8px;color:var(--muted,#a6a6ad);font-size:12px;font-weight:500;line-height:1.4;list-style:none;cursor:pointer}
.dashboard-client-task-date-group>summary::-webkit-details-marker{display:none}
.dashboard-client-task-date-group>summary::before{content:'›';flex:0 0 10px;font-size:17px;line-height:1;transform:rotate(0deg)}
.dashboard-client-task-date-group[open]>summary::before{transform:rotate(90deg)}
.dashboard-client-task-date-group>summary>span:first-child{min-width:0;overflow-wrap:anywhere}
.dashboard-client-task-date-group>summary:hover{color:var(--ink,#eeeef0)}
.dashboard-task-group-count{flex:0 0 auto;margin-left:auto;padding:2px 5px;border-radius:4px;background:#ffffff04;color:var(--muted,#a6a6ad);font-size:10px;font-weight:400}
.dashboard-client-task-date-group>.record-gallery{min-width:0}
.dashboard-client-work-group .client-card-classification{font-size:11px}
@media(max-width:580px){.dashboard-client-work-group>.dashboard-process-group-title{font-size:13px}}
/* Task execution and importance labels use the same size as card metadata. */
:is(.task-card,.process-action-card,.task-picker-preview) .card-tags>.record-state:is(.badge-todo,.badge-in_progress,.badge-waiting,.badge-blocked,.badge-done,.badge-important){font-size:11.5px;line-height:1.5}

.task-dossier-title{display:flex;align-items:center;gap:12px}
.task-dossier-title>svg,.task-dossier-title>.option-icon,.task-dossier-title>.custom-option-icon{width:1em;height:1em;flex:0 0 1em;display:block;margin:0;align-self:center}
.task-contact-options{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.task-contact-options>strong{display:block;padding:8px 10px;color:var(--gold);font-size:11px;font-weight:600}
.task-contact-options .form-helper{padding:6px 10px}

/* Same top-field search for task participants and the four pinned relations. */
:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .relation-picker[data-task-inline-search] .relation-summary{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%;line-height:1.4;vertical-align:middle}
:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .relation-picker[data-task-inline-search] .relation-summary>:is(.client-option-avatar,.client-inline-avatar){display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;margin:0;vertical-align:middle;line-height:1}
:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .relation-picker[data-task-inline-search] .relation-summary>.record-avatar{margin:0;align-self:center}
:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .relation-picker[data-task-inline-search]>summary>.task-inline-relation-input{display:none}
:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .relation-picker[data-task-inline-search][open]{width:100%;min-width:0}
:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .relation-picker[data-task-inline-search][open]>summary{display:flex;width:100%;min-width:0;align-items:center}
:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .relation-picker[data-task-inline-search][open]>summary>:is(.relation-summary,.relation-count){display:none}
:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .relation-picker[data-task-inline-search][open]>summary>.task-inline-relation-input{display:block;flex:1;width:100%;min-width:0;height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:inherit;outline:none;box-shadow:none}
:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .relation-picker[data-task-inline-search][open]>summary>.task-inline-relation-input:focus{border:0;outline:none;box-shadow:none;background:transparent}
:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .relation-picker[data-task-inline-search]>.client-picker-search{display:none!important}
.task-entry-modal .task-direction-segments{position:relative}
.task-entry-modal .task-direction-segments::after{content:"";position:absolute;left:50%;top:50%;width:1px;height:16px;transform:translate(-50%,-50%);background:linear-gradient(transparent,#ffffff30 25%,#ffffff30 75%,transparent);pointer-events:none}
.task-entry-modal .task-direction-segments>button{align-items:center;justify-content:center}
.task-entry-modal .task-direction-segments>button>.icon{display:block;width:14px;height:14px;flex:0 0 14px;margin:0;align-self:center}
.task-entry-modal .task-direction-segments>button>.task-direction-label{display:block;line-height:14px}

:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) .form-field:has(>.relation-picker[data-task-inline-search][open]),:is(.task-entry-modal,.process-dossier-modal,.client-profile-dossier,.property-dossier-modal,.project-dossier-modal) [data-relation-home]:has(>.form-field>.relation-picker[data-task-inline-search][open]){width:100%;min-width:0}

.task-entry-modal [data-task-contact-options][hidden],.task-entry-modal [data-task-contact-options] .relation-option[hidden]{display:none!important}

/* Client source, communication and inquiries use the shared 31px field frame. */
.client-profile-dossier .relation-picker[data-task-inline-search]{display:block;width:100%;min-width:0;max-width:100%;border:0;background:transparent}
.client-profile-dossier .relation-picker[data-task-inline-search]>summary{display:flex;align-items:center;width:100%;min-width:0;height:var(--record-select-height,31px);min-height:var(--record-select-height,31px);padding:4px var(--control-inset,7px);box-sizing:border-box;border:1px solid var(--editable-field-border,#ffffff12);border-radius:var(--editable-field-radius,6px);background:transparent;color:var(--ink,#d8d8dc);font-size:13px;line-height:1.4}
.client-profile-dossier .relation-picker[data-task-inline-search]>summary::before{display:none}
.client-profile-dossier .relation-picker[data-task-inline-search]>summary>.relation-summary{flex:1}
.client-profile-dossier .relation-picker[data-task-inline-search]>summary>.relation-count{display:none}
.client-profile-dossier .client-source-preferences-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3,12px);min-width:0}
.client-profile-dossier .client-source-preferences-grid>.client-profile-section{min-width:0}
.client-profile-dossier .client-source-preferences-grid .task-property{grid-template-columns:105px minmax(0,1fr);gap:8px}
@media(max-width:680px){.client-profile-dossier .client-source-preferences-grid{grid-template-columns:minmax(0,1fr);gap:0}}
.client-profile-dossier .task-property-value>.form-field:has(>.relation-picker[data-task-inline-search]){width:100%;min-width:0}