:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20352e;background:#f7f8f4;font-size:14px;--green:#234f40;--light:#eaf0e9;--muted:#748078;--border:#dde4dc}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}button,input,select,textarea{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #649c68}input,select,textarea{border:1px solid #d4ddd4;background:#fff;color:#20352e;border-radius:7px;padding:11px 12px;width:100%}input::placeholder,textarea::placeholder{color:#94a098}textarea{resize:vertical;min-height:80px}label{display:block;font-size:12px;font-weight:600;margin:15px 0 0}label input,label select,label textarea{margin-top:7px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1.1px;margin-bottom:10px;font-weight:650}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:15px}p{line-height:1.6}button{border:0}.primary,.secondary,.text-button,.icon-button{border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600}.primary{background:var(--green);color:#fff;padding:12px 18px;box-shadow:0 2px 3px #183a2710}.primary:hover{background:#173d30}.secondary{background:#fff;border:1px solid #d6dfd4;padding:10px 15px;color:#335744}.secondary:hover{background:#f0f4ee}.text-button{padding:8px;background:transparent;color:#46725a;font-size:12px}.text-button:hover{background:#edf2eb}.icon-button{background:transparent;color:#567160;width:32px;height:32px;font-size:20px}.icon-button:hover{background:#edf2eb}.small{font-size:12px;padding:8px 12px}.demo-notice{background:#e9eddc;min-height:32px;padding:8px 24px;color:#536341;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:.9px}.demo-dot,.status-indicator{width:6px;height:6px;border-radius:50%;background:#7d9753;display:inline-block;flex-shrink:0}.notice-text{font-size:11px;font-weight:400;letter-spacing:0;margin-left:8px}.app-shell{display:flex;min-height:calc(100vh - 32px)}.sidebar{width:205px;background:#f0f3ed;border-right:1px solid var(--border);padding:30px 20px;position:relative;flex-shrink:0}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-size:29px;letter-spacing:-1.5px;font-weight:700}.brand-mark{display:flex;width:34px;height:37px;background:#244d3e;color:#f0f3e6;border-radius:8px;align-items:center;justify-content:center;font-size:23px;font-weight:500;letter-spacing:-2px}.brand-sub{font-size:7px;letter-spacing:1.1px;display:block;margin-top:2px;font-weight:600;color:#7a8a7e}.workspace-label{font-size:9px;letter-spacing:1.5px;color:#8b998e;margin:46px 10px 13px}.nav-button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 13px;border-radius:7px;background:transparent;color:#45604d;font-weight:600;text-align:left}.nav-button.active{background:#e0e8dc}.nav-count{font-size:11px;background:#cfddc9;border-radius:4px;padding:2px 5px;margin-left:auto}.sidebar-bottom{position:absolute;bottom:32px;display:flex;gap:9px;font-size:10px;color:#5e7465;line-height:1.7;align-items:center}.sidebar-bottom small{color:#8c998f;font-size:9px}.main{flex:1;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 38px;border-bottom:1px solid #e5eae2;background:#fbfcf8}.breadcrumb{font-size:12px;color:#758379}.breadcrumb span{margin:0 14px;color:#bac4b9}.identity-label{margin:0;display:flex;gap:10px;align-items:center;font-size:10px;color:#738273;letter-spacing:.2px}.identity-label select{margin:0;width:auto;max-width:225px;padding:8px 26px 8px 10px;font-size:12px;background:#f8faf5;border-color:#e0e6dc}.heading{padding:34px 38px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.heading p{color:#819083;font-size:12px;margin-bottom:0}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#81957e;margin-bottom:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;margin:0 38px 28px;border:1px solid var(--border);border-radius:10px;background:#fff;padding:20px 0}.metrics>div{padding:0 24px;border-right:1px solid #e9ede5}.metrics>div:last-child{border:0}.metrics span{font-size:10px;color:#8b978c;display:block;margin-bottom:8px}.metrics strong{font-size:25px;letter-spacing:-.6px;font-weight:600}.metrics .access-metric strong{font-size:13px;letter-spacing:0;color:#52745b;display:block;margin-top:15px}.work-area{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);margin:0 38px;gap:22px;align-items:start}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.section-title h2{font-size:14px;margin:0}.search-wrap{margin:0 0 13px}.search-wrap input{font-size:12px;padding:11px 13px;background:#fff;margin:0}.job-list{display:flex;flex-direction:column;gap:10px}.job-card{padding:17px 15px;border:1px solid #e0e6dc;background:#fff;border-radius:9px;cursor:pointer;text-align:left;width:100%;color:inherit}.job-card:hover{border-color:#97ae92}.job-card.selected{border-color:#7a9b72;box-shadow:0 0 0 2px #dce7d4;background:#fbfdf7}.job-card .card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.job-card .job-number{font-size:9px;letter-spacing:1px;color:#8c9c8a}.job-card h3{font-size:13px;margin:0 0 7px}.job-card p{font-size:11px;color:#849080;margin-bottom:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-card .customer-line{font-size:10px;color:#5c725c;border-top:1px solid #edf0e9;padding-top:11px}.badge{font-size:8px;border-radius:4px;background:#eaf0df;color:#64804e;padding:4px 6px;white-space:nowrap;font-weight:600;letter-spacing:.3px}.badge.complete{background:#dcebdd;color:#346240}.badge.signing{background:#fbedd1;color:#987a35}.badge.cancelled{background:#f4e4de;color:#9c6653}.scope-note{font-size:10px;color:#98a392;margin:15px 4px}.detail{min-height:455px;background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.empty-state{padding:72px 30px;text-align:center;max-width:390px;margin:0 auto}.empty-symbol{display:inline-flex;background:#edf3e5;border-radius:14px;height:56px;width:56px;align-items:center;justify-content:center;font-size:28px;color:#77966a;margin-bottom:22px}.empty-state h2{font-size:19px}.empty-state p{font-size:12px;color:#8a9885}.detail-head{padding:24px;border-bottom:1px solid #e9ede5}.detail-kicker{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:9px;letter-spacing:1px;color:#8b9989}.detail-head h2{font-size:23px;margin-bottom:10px}.detail-head p{color:#7d8e7a;font-size:12px;margin-bottom:15px}.detail-head .stage-select{font-size:11px;padding:7px 9px;max-width:210px}.detail-tabs{display:flex;gap:24px;padding:0 24px;border-bottom:1px solid #e5ebe0}.detail-tabs button{background:transparent;padding:15px 0 13px;color:#8b9986;font-size:11px;border-bottom:2px solid transparent;white-space:nowrap}.detail-tabs button.active{color:#345941;border-bottom-color:#446c47;font-weight:600}.detail-content{padding:22px 24px}.discussion-label{display:flex;gap:8px;align-items:center;font-size:10px;color:#74896d;margin-bottom:21px}.discussion-label:before{content:'●';font-size:8px;color:#89a17b}.message{display:flex;gap:10px;margin:17px 0}.avatar{height:29px;width:29px;border-radius:7px;background:#e8eee0;color:#76905c;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-body{min-width:0;flex:1}.message-meta{font-size:10px;font-weight:600;color:#526749;display:flex;gap:10px;align-items:center}.message-meta time{font-size:9px;font-weight:400;color:#a5b09d}.message p{font-size:12px;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#64715e}.message.reply{margin-left:25px;border-left:2px solid #e4ebdd;padding-left:12px}.composer{border:1px solid #dde6d7;border-radius:8px;padding:8px 10px;margin-top:25px}.composer textarea{border:0;min-height:66px;padding:5px;font-size:12px}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-footer span{font-size:9px;color:#a0ac97}.muted{color:#8a9684;font-size:12px}.subtle-note{font-size:11px;line-height:1.7;color:#8b927b;background:#f5f6ec;padding:12px;border:1px solid #e5e8d5;border-radius:6px;margin:16px 0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-grid dt{font-size:10px;color:#8b9984;margin-bottom:6px}.info-grid dd{margin:0;font-size:12px;color:#506747;overflow-wrap:anywhere}.record-id{font-family:ui-monospace,monospace;font-size:10px!important;color:#98a58e!important}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.packet-card{border:1px solid #e0e7d8;border-radius:8px;padding:17px;margin-top:14px}.packet-card h3{font-size:13px;margin:0}.packet-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.packet-card .muted{font-size:10px;margin:9px 0}.document-row{padding:9px 0;border-top:1px solid #edf0e8;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.document-row span{min-width:0;overflow-wrap:anywhere}.document-row .text-button{font-size:10px;padding:6px}.packet-signers{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.packet-signers button{font-size:10px}.workspace-footer{display:flex;justify-content:space-between;gap:20px;padding:32px 38px;color:#a5af9c;font-size:9px}.empty-list{font-size:12px;color:#87967c;background:#eff3e8;padding:22px 18px;border-radius:8px;line-height:1.6}dialog{border:1px solid #dbe3d4;padding:26px;border-radius:13px;width:min(550px,calc(100vw - 28px));color:inherit;box-shadow:0 24px 100px #12301b30;max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#15322266;backdrop-filter:blur(3px)}dialog .dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px}.dialog-heading h2{font-size:23px;margin-bottom:0}.dialog-heading .eyebrow{margin-bottom:8px}.dialog-heading .icon-button{margin-top:-5px}.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-label{display:flex;align-items:flex-start;gap:9px;line-height:1.6;font-size:11px;font-weight:400;color:#738269}.checkbox-label input{width:15px;height:15px;margin:2px 0 0;flex-shrink:0;accent-color:#3d6b43}.optional{font-weight:400;color:#a0aa96}.wide-dialog{width:min(620px,calc(100vw - 28px))}.upload-box{border:1px dashed #abbc9d;border-radius:8px;padding:18px;background:#f8faf3;margin-top:20px;text-align:center}.upload-box strong{font-size:12px}.upload-box p{font-size:10px;color:#98a38c;margin:7px 0 14px}.upload-box input{font-size:10px;background:#fff}.upload-box .secondary{margin:12px 0 0}.file-list{text-align:left;font-size:11px;color:#658051;line-height:1.8;margin-top:10px}.file-list div{overflow-wrap:anywhere}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(600px,calc(100vw - 32px));background:#203d2b;color:#fff;border-radius:9px;padding:14px 22px;font-size:12px;box-shadow:0 9px 35px #163a212d;z-index:100}.toast.error{background:#78452f}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.sign-dialog{max-width:none;width:100vw;max-height:none;height:100dvh;border:0;padding:0;border-radius:0;background:#f4f6ef}.sign-shell{min-height:100%;display:flex;flex-direction:column}.sign-header{background:#fff;border-bottom:1px solid #e0e7d8;padding:16px 28px;display:flex;justify-content:space-between;align-items:center;gap:15px}.brand-word{font-size:23px;font-weight:700;letter-spacing:-1px}.brand-word small{font-size:10px;letter-spacing:0;font-weight:400;margin-left:14px;color:#93a088}.sign-demo{background:#edf0dc;padding:8px 25px;font-size:10px;text-align:center;color:#84905e}.sign-body{display:grid;grid-template-columns:250px minmax(0,1fr);flex:1}.sign-docs{padding:30px 25px;border-right:1px solid #dfe6d7;background:#f8faf3}.sign-docs h2{font-size:19px;line-height:1.4}.sign-doc-button{width:100%;margin:7px 0;padding:13px;text-align:left;border:1px solid #dae3d2;background:#fff;border-radius:7px;font-size:11px;color:#698057;display:flex;justify-content:space-between;gap:8px;overflow-wrap:anywhere}.sign-doc-button.active{background:#e6eedc;border-color:#88a470}.sign-review{padding:23px;max-width:1100px;width:100%;margin:auto}.pdf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;flex-wrap:wrap;margin-bottom:13px}.pdf-toolbar>strong{overflow-wrap:anywhere;max-width:100%}.pdf-toolbar>div{display:flex;align-items:center;gap:6px}.pdf-page{font-size:10px}.pdf-view{background:#e7ecdf;padding:16px;min-height:300px;display:flex;justify-content:center;align-items:flex-start;overflow:auto;border-radius:8px}.pdf-view canvas{max-width:100%;height:auto;background:white;box-shadow:0 3px 18px #283a1b1a}.pdf-view p{font-size:12px;color:#82684d}.sign-form{background:#fff;padding:23px;border:1px solid #dce5d1;border-radius:8px;margin-top:20px}.sign-form h3{font-size:18px;margin:0 0 7px}.sign-form input[type=text],.sign-form input:not([type]){max-width:450px}.sign-form .primary{margin-top:20px}.success-box{background:#e6efdd;padding:17px;border-radius:6px;color:#4c6d37;font-size:12px;line-height:1.7}.complete-panel{padding:23px;border:1px solid #b7cba3;background:#edf5e4;border-radius:8px;margin-top:20px}.complete-panel p{font-size:12px;color:#798a6a}.record-actions{margin-top:25px;border-top:1px solid #e8ede1;padding-top:18px}.contact-item{font-size:11px;line-height:1.7;border-top:1px solid #edf0e7;padding-top:8px;margin-top:8px}.reply-label{font-size:10px;color:#759160;padding:8px 4px}.message .text-button{font-size:9px;padding:3px 0}.identity-flash{color:#98a68d;font-size:10px}
@media(min-width:1500px){.main{max-width:1500px}.work-area{grid-template-columns:350px minmax(0,1fr)}}@media(max-width:1050px){.sidebar{width:150px;padding:27px 13px}.brand{font-size:25px;gap:7px}.brand-sub{font-size:6px;letter-spacing:.7px}.brand-mark{height:31px;width:29px;font-size:19px}.topbar{padding:0 24px}.heading{padding:28px 24px 24px}.metrics{margin:0 24px 24px}.work-area{margin:0 24px;grid-template-columns:230px minmax(0,1fr);gap:16px}.metrics>div{padding:0 17px}.heading h1{font-size:28px}.heading .primary{font-size:11px}.detail-head{padding:20px}.detail-content{padding:18px 20px}.detail-tabs{padding:0 20px;gap:18px}.detail-tabs button{font-size:10px}.workspace-footer{padding:25px 24px}}@media(max-width:800px){.sidebar{width:70px;padding:25px 13px}.brand>span:last-child,.workspace-label,.nav-button,.sidebar-bottom{display:none}.brand-mark{width:40px;height:40px;font-size:26px}.work-area{grid-template-columns:1fr}.job-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:320px;overflow:auto;padding:3px}.job-column .scope-note{margin-bottom:4px}.detail{min-height:320px}.sign-body{grid-template-columns:190px minmax(0,1fr)}.sign-docs{padding:24px 16px}.sign-review{padding:17px}.pdf-view{padding:9px}.sign-header{padding:14px 18px}}@media(max-width:580px){.demo-notice{padding:8px 14px;gap:7px;font-size:8px;letter-spacing:.7px;flex-wrap:wrap}.notice-text{font-size:9px;margin:0;flex-basis:100%;padding-left:13px}.sidebar{display:none}.topbar{padding:0 17px;height:66px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 8px}.identity-label{font-size:8px;display:block;text-align:right}.identity-label select{font-size:10px;padding:6px 7px;display:block;margin-top:4px;max-width:170px}.heading{padding:25px 17px 22px;display:block}.heading h1{font-size:28px}.heading p{font-size:11px}.heading .primary{margin-top:18px;width:100%;font-size:12px}.metrics{margin:0 17px 23px;padding:16px 0;grid-template-columns:repeat(3,1fr)}.metrics>div{padding:0 15px}.metrics span{font-size:9px}.metrics strong{font-size:23px}.metrics .access-metric{display:none}.metrics>div:nth-child(3){border:0}.work-area{margin:0 17px;gap:20px}.job-list{gap:8px;max-height:300px}.job-card{padding:12px 10px}.job-card .card-top{display:block;margin-bottom:10px}.job-card .job-number{display:block;margin-bottom:8px}.job-card h3{font-size:11px;line-height:1.4}.job-card p{font-size:10px}.job-card .customer-line{font-size:9px}.detail-head{padding:19px 17px}.detail-head h2{font-size:21px}.detail-content{padding:18px 17px}.detail-tabs{padding:0 17px;gap:21px}.detail-tabs button{font-size:10px}.info-grid{gap:16px 12px}.workspace-footer{padding:24px 17px;display:block;line-height:1.7}.workspace-footer span{display:block;font-size:8px}.form-grid{grid-template-columns:1fr;gap:0}dialog{padding:22px 19px}.dialog-heading h2{font-size:20px}.dialog-actions{flex-wrap:wrap}.dialog-actions .primary{flex:1;white-space:nowrap}.sign-header{padding:12px 14px}.brand-word{font-size:22px}.brand-word small{display:block;margin:2px 0 0;font-size:8px}.sign-header .secondary{font-size:9px;padding:8px}.sign-demo{font-size:8px;padding:8px 16px}.sign-body{display:block}.sign-docs{padding:17px;border-right:0;border-bottom:1px solid #dfe6d6}.sign-docs .eyebrow{font-size:8px;margin-bottom:7px}.sign-docs h2{font-size:16px;margin-bottom:6px}.sign-docs .muted{font-size:10px;margin-bottom:7px}#sign-document-list{display:flex;gap:8px;overflow:auto}.sign-doc-button{min-width:140px;max-width:200px;font-size:10px;flex-shrink:0;padding:10px}.sign-review{padding:16px}.pdf-toolbar{font-size:10px}.pdf-toolbar .text-button{font-size:9px}.pdf-toolbar .icon-button{width:27px;height:27px}.pdf-view{padding:7px}.sign-form{padding:18px}.sign-form .primary{width:100%}.sign-form h3{font-size:17px}.empty-state{padding:40px 25px}}
[hidden]{display:none!important}.auth-screen{min-height:calc(100dvh - 32px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 20px;background:radial-gradient(ellipse at 50% 0%,#e8efdf 0%,#f7f8f4 65%)}.auth-brand{display:flex;gap:11px;align-items:center;margin-bottom:25px}.auth-brand .brand-word{font-size:34px}.auth-brand .brand-mark{height:39px;width:36px}.auth-card{width:min(100%,450px);background:#fff;border:1px solid #dfe6d7;border-radius:14px;padding:32px;box-shadow:0 12px 60px #254b2810}.auth-card h1{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin-bottom:14px}.auth-description{font-size:12px;color:#84927a;line-height:1.7;margin-bottom:24px}.auth-submit{width:100%;margin-top:22px;min-height:43px}.auth-switch{display:flex;margin:15px auto 0;font-size:11px;text-align:center}.auth-error{font-size:12px;color:#975439;background:#fcf2e9;border-radius:6px;padding:12px;margin:16px 0 0;line-height:1.6}.auth-footnote{text-align:center;font-size:10px;color:#9aa68e;margin-top:23px;line-height:1.8}.field-hint{display:block;font-size:10px;color:#92a086;font-weight:400;margin-top:7px;line-height:1.6}.setup-instructions{background:#f4f7ed;border:1px solid #e0e8d4;border-radius:7px;padding:14px;font-size:11px;line-height:1.7;color:#718663;overflow-wrap:anywhere}.setup-instructions strong{display:block;font-size:10px;letter-spacing:.3px}.setup-instructions p{font-size:10px;margin:10px 0 0}.auth-secret{display:block;font-size:14px;font-family:ui-monospace,SFMono-Regular,monospace;color:#426333;letter-spacing:1px;line-height:1.7;overflow-wrap:anywhere;margin-top:8px;user-select:all}.auth-qr{display:block;width:190px;height:190px;margin:16px auto 22px}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f6f8f0;border:1px solid #dfe7d4;border-radius:8px;padding:18px}.recovery-codes code{font-size:12px;color:#547243;overflow-wrap:anywhere;user-select:all}.staff-session{display:flex;gap:12px;align-items:center}.current-staff{font-size:11px;color:#758769}.staff-dialog{width:min(720px,calc(100vw - 28px))}.staff-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid #e5ebdc}.staff-person{min-width:0}.staff-person strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.staff-person span{display:block;font-size:10px;color:#94a087;margin-top:6px;overflow-wrap:anywhere}.staff-controls{display:flex;gap:8px;align-items:center}.staff-controls select{font-size:11px;padding:8px 10px;width:100px}.invite-form{border-top:1px solid #dde6d3;margin-top:16px;padding-top:24px}.invite-form h3{font-size:16px}.invite-form .primary{margin-top:10px}.invite-result{padding:20px;background:#edf4e4;border:1px solid #c9daba;border-radius:8px;margin-top:20px}.invitation-code{display:block;font-family:ui-monospace,monospace;overflow-wrap:anywhere;font-size:13px;background:white;padding:12px;border:1px solid #d7e5c9;border-radius:6px;user-select:all;margin:14px 0}.invite-result button{margin:6px 8px 0 0}
@media(max-width:800px){.staff-session{gap:7px}.current-staff{font-size:10px}.staff-session .text-button{font-size:10px}}@media(max-width:580px){.auth-screen{padding:25px 16px}.auth-card{padding:25px 22px}.auth-card h1{font-size:25px}.staff-session{gap:6px;justify-content:flex-end;flex-wrap:wrap;max-width:230px}.current-staff{font-size:9px;flex-basis:100%;text-align:right}.staff-session .small,.staff-session .text-button{font-size:9px;padding:5px 7px}.staff-row{align-items:flex-start;flex-direction:column;gap:12px}.staff-controls{width:100%}.staff-controls select{flex:1}.auth-secret{font-size:12px}.recovery-codes{padding:13px;gap:10px}.recovery-codes code{font-size:10px}}
.workspace-view-tabs{display:none}.breadcrumb strong{font-weight:500;color:#62765b}.nav-button+.nav-button{margin-top:7px}.pipeline-view{margin:0 38px;min-width:0}.pipeline-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(210px,1.1fr) minmax(170px,1fr) auto;gap:15px;align-items:end;background:#fff;border:1px solid #dfe6d6;border-radius:9px;padding:17px}.pipeline-toolbar label{margin:0;color:#829176;font-size:10px;font-weight:500}.pipeline-toolbar select,.pipeline-toolbar input{font-size:11px;margin-top:7px;padding:11px 10px;min-height:39px;min-width:0}.pipeline-view-controls{display:flex;align-items:center;gap:7px;min-height:39px}.pipeline-view-controls .secondary{white-space:nowrap}.pipeline-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 17px}.pipeline-summary h2{font-size:17px;letter-spacing:.1px;margin-bottom:6px}.pipeline-summary p{font-size:11px;color:#95a086;margin:0}.pipeline-summary .text-button{white-space:nowrap;text-decoration:none;font-size:10px}.pipeline-columns{display:flex;gap:13px;overflow-x:auto;align-items:stretch;padding:4px 3px 19px;scrollbar-color:#a7b995 #e9efdf;scrollbar-width:thin;scroll-snap-type:x proximity}.pipeline-column{flex:0 0 242px;min-width:0;background:#eef2e7;border:1px solid #e0e7d5;border-radius:8px;scroll-snap-align:start}.pipeline-column-head{display:grid;grid-template-columns:19px minmax(0,1fr) 22px;gap:8px;align-items:start;min-height:87px;padding:16px 13px;border-bottom:1px solid #e0e7d5}.pipeline-column-head h3{font-size:10px;font-weight:650;letter-spacing:.3px;line-height:1.55;overflow-wrap:anywhere;margin:0;color:#556e45}.stage-order{font-size:8px;color:#a6b397;font-variant-numeric:tabular-nums;line-height:1.7}.pipeline-stage-count{width:21px;min-height:21px;background:#dce6cf;color:#698252;border-radius:5px;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.pipeline-cards{padding:11px;min-height:220px;display:flex;flex-direction:column;gap:10px}.empty-column{font-size:10px;color:#a9b59a;text-align:center;margin:30px 0}.pipeline-job{background:#fff;border:1px solid #dae4ce;padding:14px;text-align:left;border-radius:7px;box-shadow:0 2px 3px #2c4a1510;display:block;color:#354f29}.pipeline-job:hover{border-color:#9bb682;box-shadow:0 4px 13px #2c4a1518}.pipeline-job .job-number{font-size:8px;letter-spacing:1px;color:#a1af92}.pipeline-job h4{font-size:12px;line-height:1.5;margin:10px 0 8px;overflow-wrap:anywhere}.pipeline-job p{font-size:10px;color:#728665;margin:0 0 6px}.pipeline-address{font-size:9px;line-height:1.6;color:#9aa98b;display:block;overflow-wrap:anywhere}.pipeline-open{font-size:9px;color:#638348;border-top:1px solid #edf1e6;margin-top:14px;padding-top:10px;display:block;font-weight:600}.pipeline-help{font-size:10px;color:#9aa78c;margin:12px 0}.stage-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px}.stage-overview-item{display:grid;grid-template-columns:20px minmax(0,1fr) 24px;align-items:center;gap:10px;background:#fff;border:1px solid #dce5d2;border-radius:7px;padding:16px 13px;text-align:left;min-height:75px}.stage-overview-item:hover{border-color:#90ab76;background:#f9fcf3}.stage-overview-name{font-size:10px;line-height:1.6;font-weight:600;color:#60794c;overflow-wrap:anywhere}.stage-overview-count{font-size:14px;color:#799460;text-align:center;font-weight:500}.legacy-notice{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;border:1px solid #e1dfc8;border-radius:7px;background:#f5f5e9;margin:0 0 17px;font-size:11px;color:#8c8d65;line-height:1.6}.legacy-notice .text-button{white-space:nowrap}.pipeline-empty{border:1px dashed #c9d7b9;border-radius:8px;padding:19px;background:#f8faf3;margin-bottom:17px}.pipeline-empty strong{font-size:12px;font-weight:600;color:#667e50}.pipeline-empty p{font-size:11px;color:#91a07f;margin:7px 0 11px}.pipeline-empty p:last-child{margin-bottom:0}.job-status-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px 15px}.job-status-editor label{margin:0;font-size:10px;color:#829575}.job-status-editor select{font-size:10px;padding:10px 8px;margin-top:6px;min-width:0}.status-editor-actions{display:flex;align-items:center;gap:7px;grid-column:1/-1}.status-editor-actions .primary{font-size:10px;padding:8px 13px}.legacy-job-note{font-size:10px!important;line-height:1.7;background:#f7f6ea;border-left:2px solid #d6d2ab;padding:10px 12px;margin:14px 0 0!important;color:#97916d!important}.detail-tabs{overflow-x:auto;scrollbar-width:thin}.detail-tabs button{flex-shrink:0}.job-card .badge{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.5}.job-card .card-top{gap:8px;align-items:flex-start}.job-card .job-number{flex-shrink:0}.history-timeline{list-style:none;margin:22px 0 0;padding:0 0 0 18px;border-left:1px solid #d8e3cc}.history-timeline li{position:relative;margin:0 0 23px;padding:0 0 0 2px}.history-timeline li:before{content:'';position:absolute;left:-23px;top:5px;width:8px;height:8px;background:#8ca775;border:2px solid #f3f7ed;border-radius:50%;box-shadow:0 0 0 1px #cbd9bc}.history-timeline strong{display:block;font-size:11px;color:#5d7948;font-weight:600;line-height:1.7}.history-timeline p{font-size:10px;color:#82966e;margin:5px 0}.history-meta{font-size:9px;color:#a2af94}.workflow-picker select{font-weight:600}
@media(max-width:1200px){.pipeline-toolbar{grid-template-columns:1fr 1fr}.pipeline-view-controls{justify-content:flex-end}.pipeline-search-label{grid-column:1}.pipeline-view-controls{grid-column:2}.pipeline-column{flex-basis:228px}}
@media(max-width:1050px){.pipeline-view{margin:0 24px}.pipeline-toolbar{padding:15px;gap:12px}.pipeline-column{flex-basis:218px}.pipeline-column-head{padding:14px 11px}.pipeline-summary{margin-top:21px}}
@media(max-width:800px){.workspace-view-tabs{display:flex;gap:7px;padding:15px 24px 0}.workspace-view-tabs button{padding:10px 22px;color:#819371;font-size:12px;border:1px solid #dce5d1;background:#fafcf6;border-radius:7px}.workspace-view-tabs button.active{color:#426335;border-color:#9bb886;background:#e9f1df;font-weight:600}.pipeline-columns{scroll-snap-type:x mandatory}.pipeline-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.job-status-editor{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.workspace-view-tabs{padding:13px 17px 0;gap:8px}.workspace-view-tabs button{flex:1;padding:10px 15px}.pipeline-view{margin:0 17px}.pipeline-toolbar{padding:14px;grid-template-columns:1fr;gap:13px}.pipeline-toolbar label,.pipeline-search-label,.pipeline-view-controls{grid-column:1}.pipeline-toolbar select,.pipeline-toolbar input{font-size:11px}.pipeline-view-controls{justify-content:space-between;min-height:auto}.pipeline-summary{align-items:flex-start;margin-top:22px;gap:10px}.pipeline-summary h2{font-size:15px;line-height:1.5}.pipeline-summary .text-button{font-size:9px;padding:4px}.pipeline-summary p{font-size:10px}.pipeline-columns{display:grid;grid-template-columns:1fr;gap:12px;overflow-x:visible;padding:0;scroll-snap-type:none}.pipeline-column{width:100%;min-height:0}.pipeline-column-head{min-height:0;padding:13px 14px;grid-template-columns:19px minmax(0,1fr) 23px;align-items:center}.pipeline-column-head h3{font-size:10px;line-height:1.6}.pipeline-cards{min-height:0;padding:9px}.empty-column{margin:5px 0 7px;font-size:9px}.pipeline-job{padding:14px}.pipeline-job h4{font-size:13px}.pipeline-job p{font-size:11px}.pipeline-address{font-size:10px}.pipeline-open{margin-top:10px;padding-top:9px}.pipeline-job .job-number{font-size:8px}.stage-overview{grid-template-columns:1fr;gap:8px}.stage-overview-item{min-height:57px;padding:13px}.stage-overview-name{font-size:10px}.legacy-notice{display:block;padding:12px 14px;font-size:10px}.legacy-notice .text-button{display:block;margin-top:6px;padding:4px 0}.pipeline-empty{padding:15px}.pipeline-empty strong{font-size:11px}.pipeline-empty p{font-size:10px}.pipeline-help{font-size:9px;line-height:1.7}.job-status-editor{grid-template-columns:1fr}.job-status-editor select{font-size:10px}.job-status-editor label{font-size:10px}.detail-tabs{gap:18px}.detail-tabs button{font-size:9px}.job-card .card-top{display:block}.job-card .badge{display:inline-block;margin-top:2px;font-size:7px}.history-timeline strong{font-size:10px}}
/* Vertex workspace: clear tools, one company pipeline. */
:root{color:#26364b;background:#f4f6f9;--green:#147d75;--light:#e8f5f2;--muted:#65758a;--border:#dfe5ed;font-size:14px}body{color:#26364b}.demo-notice{background:#e7f0f1;color:#3b646a;letter-spacing:.8px;font-size:10px;padding:8px 26px}.notice-text{font-size:12px}.demo-dot{background:#168479}.app-shell{align-items:stretch}.sidebar{width:224px;padding:32px 20px;background:#132338;color:#dce6ef;border:0;position:sticky;top:0;height:calc(100dvh - 34px);min-height:600px}.brand{font-size:30px;color:white;gap:11px}.brand-mark{background:#1f8d82;color:#fff;width:38px;height:41px}.brand-sub{font-size:8px;color:#8ca4b9;letter-spacing:1.3px;margin-top:4px}.workspace-label{color:#68829c;letter-spacing:1.6px;font-size:10px;margin:42px 12px 17px}.nav-button{font-size:14px;color:#9eb0c2;border-radius:8px;padding:13px 14px;min-height:47px;gap:13px;font-weight:500}.nav-button.active{background:#243c50;color:#fff;box-shadow:inset 3px 0 #39b2a4}.nav-button:hover{background:#203449;color:#fff}.nav-button+.nav-button{margin-top:6px}.nav-symbol{font-size:20px;width:22px;text-align:center;font-weight:400}.nav-count{font-size:11px;background:#365365;color:#d5e9e9;border-radius:5px;padding:3px 6px}.sidebar-bottom{left:20px;right:20px;bottom:27px;padding-top:20px;border-top:1px solid #2c4055;color:#d0dde9;align-items:flex-start;gap:10px;line-height:1.5}.session-avatar{width:34px;height:34px;border-radius:50%;background:#2c485e;display:flex;align-items:center;justify-content:center;color:#bbd2d8;font-size:13px;flex-shrink:0}.current-staff{display:block;color:#c4d3e2;font-size:12px;overflow-wrap:anywhere}.sidebar-bottom .text-button{color:#7894ae;font-size:12px;padding:5px 0}.main{max-width:none;min-width:0;flex:1}.topbar{height:67px;padding:0 38px;background:#fff;border-bottom:1px solid #e3e8f0;display:flex;justify-content:space-between;gap:14px}.breadcrumb{font-size:13px;color:#8d9aab}.breadcrumb strong{color:#40526b}.local-status{font-size:12px;color:#8998a9;display:flex;align-items:center;gap:8px}.local-status i{height:6px;width:6px;background:#42a795;border-radius:50%}.heading{padding:31px 38px 27px;align-items:center;gap:20px}.heading .eyebrow{font-size:10px;color:#8294a8;margin-bottom:8px;letter-spacing:1.5px}.heading h1{font-size:30px;font-weight:650;letter-spacing:-.8px;color:#1a2d45;margin:0 0 8px}.heading p{font-size:14px;color:#8090a4;margin:0;line-height:1.6}.heading-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.primary{background:#147d75;border:1px solid #147d75;border-radius:7px;color:#fff;padding:11px 17px;min-height:42px;font-size:13px;box-shadow:0 2px 3px #12352f10}.primary:hover{background:#106c65;border-color:#106c65}.secondary{background:#fff;border:1px solid #d8e1e9;color:#4a6077;padding:10px 15px;min-height:42px;font-size:13px}.secondary:hover{background:#f1f6f8}.text-button{color:#26867e;background:transparent;font-size:12px;min-height:36px;padding:8px}.text-button:hover{background:#e9f4f3}.small{font-size:12px;min-height:38px;padding:8px 12px}.icon-button{color:#6b8197;width:34px;height:34px;font-size:20px;border-radius:6px}.icon-button:hover{background:#eaf2f4}.tool-content{margin:0 38px;min-width:0}.crm-tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid #dbe3ed;min-height:50px;margin-bottom:22px;overflow:auto}.crm-tabs>button{background:transparent;border-radius:0;border-bottom:2px solid transparent;color:#8292a7;font-size:13px;padding:14px 0;display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:50px}.crm-tabs>button.active{color:#116f69;border-bottom-color:#17877d;font-weight:600}.tab-count{background:#e9eef3;color:#8798ac;font-size:11px;font-weight:500;padding:3px 7px;border-radius:5px;min-width:24px;text-align:center}.crm-tabs>button.active .tab-count{background:#daefea;color:#4c8e83}.crm-tabs .tab-settings{margin-left:auto;color:#788c9f;font-size:12px}.records-toolbar{display:flex;gap:13px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.records-toolbar input{width:min(330px,100%);font-size:13px;min-height:42px;border:1px solid #d9e1ea;background:#fff;border-radius:7px;padding:10px 13px;color:#3b506a}.records-toolbar select{width:250px;font-size:13px;min-height:42px;border:1px solid #d9e1ea;padding:10px 12px;background:#fff;color:#596f87}.filter-chip{font-size:12px;padding:9px 12px;border-radius:6px;background:#e3f1ed;color:#378476;min-height:40px}.table-wrap{overflow-x:auto;border:1px solid #dfe6ef;border-radius:10px;background:#fff;box-shadow:0 2px 5px #253c5803}.records-table{width:100%;border-collapse:collapse;text-align:left}.records-table th{background:#f9fafc;color:#8796a8;font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;padding:15px 20px;border-bottom:1px solid #e7ecf2}.records-table td{padding:19px 20px;border-bottom:1px solid #edf1f6;vertical-align:middle;font-size:13px;line-height:1.6;color:#72859c}.records-table tr:last-child td{border:0}.records-table tbody tr:hover{background:#fcfdfd}.row-title{color:#263e59;background:transparent;text-align:left;padding:0;font-size:14px;font-weight:600;line-height:1.5;min-height:25px}.row-title:hover{color:#138176}.row-subtitle{display:block;font-size:12px;color:#8a9bae;margin-top:5px}.property-cell{max-width:270px}.records-table td:last-child{width:86px;white-space:nowrap}.badge{display:inline-flex;align-items:center;background:#eaf2f5;color:#66889a;border:1px solid #dde9ee;border-radius:5px;font-size:11px;font-weight:500;padding:5px 8px;letter-spacing:0;white-space:normal;line-height:1.5}.badge.claims{background:#e9edfa;border-color:#dce3f3;color:#7483af}.badge.production{background:#e5f4ec;border-color:#d5eade;color:#5d9575}.badge.payment{background:#fff4df;border-color:#f1e5c9;color:#ae9564}.badge.closed,.badge.complete{background:#e5f2ee;border-color:#d4e8e0;color:#679381}.badge.archived{background:#f2f3f5;color:#8e99a7;border-color:#e4e7ec}.results-note{font-size:12px;color:#95a2b3;margin:16px 1px}.record-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:17px}.record-card{background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:23px}.record-kind{display:block;color:#91a1b5;letter-spacing:1.2px;font-size:10px;font-weight:600;margin-bottom:12px}.record-card h2{color:#2c435e;font-size:18px;line-height:1.5;margin:0 0 7px}.record-card>p{font-size:13px;color:#8396ac;margin:0 0 16px}.record-stats{font-size:12px;color:#9aabbc;border-top:1px solid #eaf0f5;padding-top:15px}.record-card>.secondary{margin-top:15px}.button-row{gap:9px;margin-top:18px}.empty-state{max-width:470px;padding:52px 30px}.empty-state h2{font-size:21px;color:#38516b}.empty-state p{font-size:14px;color:#8b9cb0}.empty-symbol{background:#e6f3ef;color:#5c9d90}.empty-list{background:#f1f6f8;color:#8094aa;border:1px solid #e3ebf0;font-size:13px;padding:21px;border-radius:8px}.detail{min-height:0;border:1px solid #dfe6ef;box-shadow:none;border-radius:10px}.job-detail-panel{max-width:1040px}.back-link{margin:0 0 13px;padding-left:0}.detail-head{padding:25px 27px;border-bottom:1px solid #e8eef4;background:#fff}.detail-head h2{font-size:24px;color:#29435d;margin:0 0 7px;line-height:1.5}.detail-head p{font-size:13px;color:#8a9db2;margin:0}.job-status-editor{padding:22px 27px;display:flex;align-items:flex-end;gap:13px;border-bottom:1px solid #e8eef4}.job-status-editor label{flex:1;max-width:430px;margin:0;color:#7289a0;font-size:12px;font-weight:500}.job-status-editor select{font-size:13px;padding:11px 12px;margin-top:8px;min-height:43px}.job-status-editor .primary{min-height:43px}.detail-tabs{padding:0 27px;gap:28px;border-color:#e6edf4}.detail-tabs button{font-size:13px;color:#8d9eb2;padding:17px 0;min-height:50px}.detail-tabs button.active{color:#1d8a7d;border-color:#208e81}.detail-content{padding:25px 27px}.info-grid{grid-template-columns:1fr 1fr;gap:23px}.info-grid dt{font-size:12px;color:#90a1b4;margin-bottom:7px}.info-grid dd{font-size:14px;color:#506d89;line-height:1.6}.assignment-form{display:flex;align-items:flex-end;gap:12px;margin:24px 0}.assignment-form label{font-size:12px;font-weight:500;color:#8298af;max-width:370px;flex:1;margin:0}.assignment-form select{font-size:13px;min-height:42px}.contacts-heading{font-size:15px;color:#59728c;margin:26px 0 14px}.contact-item{font-size:13px;border-color:#e8eef4;padding:14px 0;line-height:1.6;color:#7b91a8}.contact-item strong,.contact-item span{display:block}.contact-item strong{font-weight:600;color:#4c6883}.contact-item span{margin-top:4px;font-size:12px}.history-timeline{border-color:#dce8ed;margin-top:25px}.history-timeline li{margin-bottom:26px}.history-timeline strong{font-size:14px;color:#648479;font-weight:500}.history-timeline li:before{background:#69aa9b;border-color:#f2f8f5;box-shadow:0 0 0 1px #d1e4dd}.history-meta{display:block;font-size:12px;color:#99abbe;margin-top:8px}.pipeline-intro{margin:4px 0 24px;font-size:14px;color:#55718b}.pipeline-intro .muted{font-size:13px;margin:8px 0}.pipeline-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:17px}.pipeline-group{background:#fff;border:1px solid #dfe7ef;border-radius:9px;padding:20px}.group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8eef4;padding-bottom:14px;margin-bottom:6px}.group-heading h2{font-size:15px;color:#57728b;margin:0;font-weight:600}.status-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;line-height:1.5;background:transparent;color:#8297ac;text-align:left;width:100%;padding:12px 0;border-bottom:1px solid #eff3f7}.status-summary:last-child{border:0}.status-summary:hover{color:#288d7e;background:#f9fcfa}.status-summary strong{font-weight:500;color:#a0b1c2;background:#f3f6f8;padding:2px 7px;border-radius:4px;font-size:12px}.context-layout{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid #dfe7ef;border-radius:10px;background:#fff;min-height:540px;overflow:hidden}.context-sidebar{padding:22px 16px;background:#fbfcfd;border-right:1px solid #e4ebf3;min-width:0}.context-sidebar h2{font-size:14px;color:#667e98;font-weight:600;margin:0 4px 16px}.context-sidebar input{font-size:12px;background:#fff;border-color:#dfe7ef;min-height:41px}.context-jobs{display:flex;flex-direction:column;gap:8px;margin-top:16px}.context-job{display:block;background:transparent;border:1px solid transparent;text-align:left;border-radius:7px;padding:14px;width:100%;color:#516e8a}.context-job:hover{background:#f0f6f7}.context-job.active{background:#e9f3f1;border-color:#d7e8e3}.context-job strong{display:block;font-size:13px;font-weight:600;line-height:1.5}.context-job>span:not(.badge){display:block;font-size:12px;color:#91a7b8;margin:5px 0 10px}.context-job .badge{font-size:10px;padding:3px 6px}.context-content{min-width:0}.context-heading{padding:24px 27px;border-bottom:1px solid #e8eef4}.context-heading .record-kind{margin-bottom:9px}.context-heading h2{font-size:22px;color:#36536e;margin:0 0 7px;line-height:1.5}.context-heading p{font-size:13px;color:#91a5b8;margin:0}.context-heading .text-button{padding-left:0;margin-top:7px}.context-body{padding:23px 27px}.discussion-label{font-size:12px;color:#809a9c;margin-bottom:25px;line-height:1.6}.discussion-label:before{color:#51a99b}.message{margin:21px 0;gap:12px}.avatar{width:35px;height:35px;background:#eaf1f6;color:#7f9bb2;font-size:11px;border-radius:9px}.message-meta{font-size:12px;color:#668097;font-weight:600;flex-wrap:wrap}.message-meta time{font-size:11px;color:#a4b3c3}.message p{font-size:14px;line-height:1.8;color:#708ba0;margin-top:6px}.message .text-button{font-size:12px;min-height:31px}.message.reply{border-color:#dcebe4;margin-left:23px}.composer{border:1px solid #dbe6ed;border-radius:8px;padding:12px;margin-top:29px;background:#fcfdfe}.composer textarea{font-size:14px;min-height:85px;background:transparent;color:#607c94}.composer-footer span{font-size:11px;color:#a3b3c2}.composer-footer .primary{font-size:12px}.reply-label{font-size:12px;color:#73a08d}.section-title h3{font-size:16px;color:#57728a;margin:0}.muted{font-size:13px;color:#8a9eb1;line-height:1.7}.packet-card{border-color:#e0e8ef;padding:21px;border-radius:9px;margin-top:18px}.packet-card h3{font-size:15px;color:#5c788e}.packet-card .muted{font-size:12px;margin:12px 0}.document-row{font-size:13px;padding:13px 0;border-color:#e8eff4}.document-row .text-button{font-size:12px}.packet-signers button{font-size:12px;min-height:40px}.packet-signers{gap:9px;margin:17px 0}.packet-card-head .badge{font-size:11px}.status-add-form{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(170px,1fr) minmax(170px,1fr) auto;gap:20px;align-items:end;background:#fff;border:1px solid #dfe7ef;border-radius:10px;padding:24px}.status-add-form h2{font-size:18px;color:#43607d;margin:0 0 8px}.status-add-form p{font-size:12px;margin:0}.status-add-form label{font-size:12px;color:#7d94ab;font-weight:500;margin:0}.status-add-form input,.status-add-form select{font-size:13px;min-height:42px;margin-top:8px}.settings-note{margin:28px 0 20px;color:#5c7892;font-size:14px}.settings-note p{font-size:13px;color:#8fa4b7;max-width:760px;margin:9px 0}.status-settings-list{border:1px solid #dfe7ef;border-radius:10px;overflow:hidden;background:#fff}.status-setting-row{display:grid;grid-template-columns:88px minmax(200px,1.4fr) minmax(180px,1fr) auto;gap:17px;padding:18px 22px;border-bottom:1px solid #e8eef4;align-items:center}.status-setting-row:last-child{border:0}.status-setting-row.is-archived{background:#f7f9fb}.status-setting-row label{font-size:11px;color:#91a5b9;font-weight:500;margin:0}.status-setting-row input,.status-setting-row select{font-size:13px;padding:10px;margin-top:7px;min-height:42px;background:#fff}.status-order-controls{display:grid;grid-template-columns:20px 29px 29px;gap:3px;align-items:center;color:#a6b7c7;font-size:11px}.status-order-controls .icon-button{width:29px;height:34px}.status-setting-actions{display:flex;align-items:center;gap:8px;padding-top:17px}.status-setting-actions .secondary{font-size:12px;min-height:40px}.status-setting-actions .text-button{font-size:12px;min-height:40px}.workspace-footer{font-size:11px;color:#a5b4c3;padding:30px 38px}.subtle-note{color:#8d9779;background:#f5f6ed;border-color:#e7e9d9;font-size:12px;margin:16px 26px}.auth-screen{background:radial-gradient(ellipse at 50% 0%,#e5eff0,#f4f6f9 65%)}.auth-card{border-color:#dfe7ee}.auth-card h1{color:#2d4861}.auth-description{font-size:14px;color:#8198ad}.auth-card label{font-size:13px;color:#69829a}.auth-card input{font-size:14px;border-color:#dbe4eb}.auth-footnote{font-size:12px;color:#8ca1b5}.auth-error{font-size:13px}.auth-card .field-hint{font-size:12px}.auth-switch{font-size:13px}.setup-instructions{font-size:13px;background:#eff5f5;border-color:#dce8e6;color:#739389}.setup-instructions p{font-size:12px}.auth-card .checkbox-label{font-size:12px}.auth-submit{min-height:44px;font-size:14px}.staff-dialog .muted{font-size:13px}.staff-person strong{font-size:14px}.staff-person span{font-size:12px}.staff-controls select{font-size:13px}.invite-form label{font-size:12px}.invite-result .muted{font-size:13px}dialog{border-color:#dce5ec;color:#3b566f}.dialog-heading h2{color:#35536d}.dialog-actions .muted{font-size:12px}dialog label{font-size:13px;color:#6e889e}dialog input,dialog select{font-size:14px;border-color:#d7e2e8;min-height:43px}dialog .checkbox-label{font-size:12px;color:#8c9eac}dialog .checkbox-label input{min-height:0}.upload-box{background:#f4f8f8;border-color:#b6ceca}.upload-box strong{font-size:14px}.upload-box p{font-size:12px}.file-list{font-size:13px;color:#609888}.upload-box input{font-size:12px}.packet-count{font-size:13px}.sign-docs{background:#f6f9fb;border-color:#dfe8ed}.sign-docs .muted{font-size:12px}.sign-doc-button{font-size:13px;padding:13px;background:#fff;border-color:#dce7eb;color:#73918e}.sign-doc-button.active{background:#e4f1ec;border-color:#87b8aa}.sign-header{border-color:#dfe8ee}.sign-demo{font-size:11px;background:#f0f3e7}.pdf-toolbar{font-size:13px}.pdf-toolbar .text-button{font-size:12px}.sign-review{padding:24px}.sign-form h3{font-size:18px;color:#4d6d7e}.sign-form .muted{font-size:13px}.sign-form label{font-size:13px}.sign-form .checkbox-label{font-size:12px}.sign-form .primary{font-size:14px}.complete-panel p{font-size:13px}.toast{font-size:13px;background:#244d50}.workspace-view-tabs{display:none}
@media(max-width:1250px){.sidebar{width:196px;padding:28px 16px}.sidebar-bottom{left:16px;right:16px}.heading,.topbar{padding-left:28px;padding-right:28px}.tool-content{margin-left:28px;margin-right:28px}.heading{align-items:flex-start}.heading p{max-width:460px}.heading-actions{flex-direction:column;align-items:stretch;gap:8px}.heading-actions button{font-size:12px;min-height:39px;padding:9px 13px}.status-add-form{grid-template-columns:1fr 1fr;gap:18px}.status-add-form>div{grid-column:1/-1}.status-add-form .primary{justify-self:start}.status-setting-row{grid-template-columns:76px minmax(140px,1fr) minmax(150px,1fr);gap:13px;padding:18px}.status-setting-actions{grid-column:2/-1;padding-top:0}.context-layout{grid-template-columns:235px minmax(0,1fr)}.context-heading,.context-body{padding:22px}.records-table td,.records-table th{padding-left:16px;padding-right:16px}}
@media(max-width:950px){.sidebar{width:78px;padding:24px 13px;min-height:500px}.brand>span:last-child,.workspace-label,.sidebar-bottom{display:none}.brand-mark{width:43px;height:44px}.sidebar .nav-button{display:none}.workspace-view-tabs{display:flex;gap:7px;padding:16px 26px 0;overflow-x:auto}.workspace-view-tabs button{font-size:13px;min-height:42px;background:#fff;border:1px solid #dce6ed;border-radius:7px;padding:9px 18px;color:#8098ae;flex:0 0 auto}.workspace-view-tabs button.active{color:#238a7c;background:#e6f2ee;border-color:#a8cdc1;font-weight:600}.topbar{height:61px}.heading{padding-top:25px}.context-layout{grid-template-columns:220px minmax(0,1fr)}.context-sidebar{padding:18px 13px}.crm-tabs{gap:19px}.crm-tabs .tab-settings{font-size:11px}.property-cell{max-width:200px}.records-table td{font-size:12px}.row-title{font-size:13px}.records-table .badge{font-size:10px}.heading h1{font-size:27px}.heading p{font-size:13px}}
@media(max-width:680px){.sidebar{display:none}.topbar{padding:0 18px;height:57px}.local-status{font-size:10px}.breadcrumb{font-size:12px}.workspace-view-tabs{padding:13px 17px 0;gap:7px}.workspace-view-tabs button{flex:1;font-size:12px;padding:9px 12px;min-height:42px;text-align:center}.heading{padding:23px 18px 22px;display:block}.heading .eyebrow{font-size:9px}.heading h1{font-size:27px;margin-bottom:7px}.heading p{font-size:13px;max-width:none}.heading-actions{flex-direction:row;margin-top:18px}.heading-actions .primary{flex:1;width:auto;margin:0;font-size:12px;min-height:42px}.heading-actions .secondary{font-size:12px;min-height:42px}.tool-content{margin:0 17px}.crm-tabs{gap:21px;margin-bottom:18px}.crm-tabs>button{font-size:12px;padding:12px 0;min-height:47px;gap:6px}.crm-tabs .tab-settings{display:none}.tab-count{font-size:10px;padding:2px 5px}.records-toolbar{gap:10px;margin-bottom:17px}.records-toolbar input{width:100%;font-size:13px;min-height:44px}.records-toolbar select{width:100%;font-size:13px;min-height:44px}.records-table thead{display:none}.records-table,.records-table tbody{display:block;width:100%}.records-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;padding:18px;border-bottom:1px solid #e8eef4}.records-table tr:last-child{border:0}.records-table td{display:block;padding:0;border:0;min-width:0;line-height:1.6}.records-table td:first-child{grid-column:1/-1}.records-table .property-cell{grid-column:1/-1;max-width:none;font-size:12px;color:#91a5b8}.records-table td:last-child{grid-column:2;width:auto;text-align:right;align-self:center}.records-table td:nth-child(3){align-self:center}.row-title{font-size:15px;line-height:1.5}.row-subtitle{font-size:12px;margin-top:4px}.records-table .badge{font-size:11px;padding:5px 8px}.results-note{font-size:11px;line-height:1.7}.record-cards{grid-template-columns:1fr;gap:14px}.record-card{padding:21px}.record-card h2{font-size:18px}.record-kind{font-size:10px}.record-card p{font-size:13px}.record-stats{font-size:12px}.record-card .text-button{font-size:12px}.detail-head{padding:22px 19px}.detail-head h2{font-size:22px}.detail-head p{font-size:13px}.detail-head .button-row{margin-top:18px}.detail-head .button-row button{font-size:12px;min-height:43px;flex:1;padding:10px}.job-status-editor{padding:20px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.job-status-editor label{max-width:none;font-size:12px}.job-status-editor select{font-size:13px;min-height:44px}.job-status-editor .primary{font-size:13px;min-height:43px}.detail-tabs{padding:0 19px;gap:24px}.detail-tabs button{font-size:12px}.detail-content{padding:22px 19px}.info-grid{grid-template-columns:1fr;gap:20px}.info-grid dt{font-size:12px}.info-grid dd{font-size:14px}.assignment-form{display:block}.assignment-form label{max-width:none;font-size:12px}.assignment-form .secondary{margin-top:12px;width:100%;min-height:43px}.button-row .small{font-size:12px;min-height:42px}.history-timeline strong{font-size:13px}.history-meta{font-size:12px;line-height:1.7}.pipeline-groups{grid-template-columns:1fr;gap:14px}.pipeline-group{padding:19px}.group-heading h2{font-size:15px}.status-summary{font-size:13px;padding:13px 0;min-height:44px}.pipeline-intro{font-size:14px}.pipeline-intro p{font-size:13px}.context-layout{display:block;min-height:0}.context-sidebar{border-right:0;border-bottom:1px solid #e1eaf0;padding:19px}.context-sidebar h2{font-size:13px;margin:0 0 13px}.context-sidebar input{font-size:13px;min-height:43px}.context-jobs{flex-direction:row;overflow-x:auto;margin-top:14px;gap:8px;scroll-snap-type:x proximity}.context-job{min-width:210px;max-width:250px;flex:0 0 auto;padding:12px;scroll-snap-align:start}.context-job strong{font-size:13px}.context-job>span:not(.badge){font-size:12px}.context-job .badge{font-size:10px}.context-heading{padding:23px 20px}.context-heading h2{font-size:21px}.context-heading p{font-size:13px}.context-body{padding:20px}.discussion-label{font-size:12px}.message-meta{font-size:12px}.message-meta time{font-size:11px}.message p{font-size:14px}.composer textarea{font-size:14px}.composer-footer{align-items:flex-end}.composer-footer span{font-size:10px;max-width:110px;line-height:1.6}.packet-card{padding:16px}.packet-card h3{font-size:14px}.packet-card .muted{font-size:12px}.document-row{flex-wrap:wrap;font-size:12px;gap:5px}.document-row>span{flex-basis:100%;line-height:1.6}.document-row .text-button{font-size:12px}.packet-signers{gap:8px}.packet-signers button{font-size:12px;min-height:42px;width:100%;justify-content:center}.section-title{align-items:center;gap:14px}.section-title h3{font-size:15px}.section-title .secondary{font-size:12px;min-height:41px}.status-add-form{display:block;padding:21px}.status-add-form h2{font-size:18px}.status-add-form p{font-size:13px}.status-add-form label{display:block;margin-top:17px;font-size:12px}.status-add-form .primary{width:100%;margin-top:19px;font-size:13px;min-height:44px}.settings-note{margin:24px 0 18px;font-size:14px}.settings-note p{font-size:13px;line-height:1.7}.status-setting-row{display:grid;grid-template-columns:1fr;gap:14px;padding:18px}.status-order-controls{display:flex;gap:7px}.status-order-controls>span{font-size:12px;margin-right:auto}.status-order-controls .icon-button{width:41px;height:41px;background:#eef4f7;font-size:20px}.status-setting-row label{font-size:12px}.status-setting-row input,.status-setting-row select{min-height:44px;font-size:13px}.status-setting-actions{grid-column:1;padding:0;justify-content:space-between}.status-setting-actions .secondary,.status-setting-actions .text-button{min-height:43px;font-size:13px}.status-setting-actions .secondary{min-width:90px}.workspace-footer{padding:27px 18px;font-size:11px;line-height:1.7}.workspace-footer span{font-size:11px}.empty-state{padding:42px 22px}.empty-state h2{font-size:20px}.empty-state p{font-size:14px}.subtle-note{margin:16px 19px;font-size:12px}.auth-screen{padding:27px 17px}.auth-card{padding:27px 23px}.auth-card h1{font-size:25px}.auth-description{font-size:14px}.auth-card label{font-size:13px}.auth-card input{font-size:15px;min-height:45px}.auth-card .checkbox-label input{min-height:0}.auth-footnote{font-size:11px}.sign-body{display:block}.sign-header{padding:13px 16px}.sign-docs{padding:20px}.sign-docs h2{font-size:18px}.sign-docs .muted{font-size:12px}.sign-doc-button{font-size:12px;padding:12px}.sign-review{padding:17px}.pdf-toolbar{font-size:12px}.pdf-toolbar .text-button{font-size:12px}.pdf-toolbar .icon-button{width:37px;height:37px}.sign-form{padding:20px}.sign-form h3{font-size:18px}.sign-form .muted{font-size:13px}.sign-form label{font-size:13px}.sign-form .checkbox-label{font-size:12px}.sign-demo{font-size:10px}dialog{padding:24px 20px}dialog label{font-size:13px}dialog input,dialog select{font-size:14px;min-height:44px}dialog .checkbox-label input{min-height:0}.dialog-heading h2{font-size:21px}.upload-box input{font-size:12px}}
.settings-filters{display:flex;align-items:flex-end;gap:14px;margin:0 0 18px;flex-wrap:wrap}.settings-filters label{font-size:12px;color:#8198af;font-weight:500;margin:0;flex:1;min-width:190px}.settings-filters input,.settings-filters select{font-size:13px;min-height:43px;margin-top:7px;border-color:#dce5ec;background:#fff}.settings-match-count{font-size:12px;color:#99adbf;white-space:nowrap;align-self:center;padding-top:21px}.settings-filters .text-button{min-height:43px}.status-settings-list:empty{border:0}@media(max-width:680px){.settings-filters{gap:12px}.settings-filters label{flex-basis:100%}.settings-match-count{padding:0;margin-left:auto;font-size:12px}.settings-filters .text-button{font-size:12px;min-height:42px}.settings-filters input,.settings-filters select{min-height:44px;font-size:13px}}

.mobile-account{display:none}@media(max-width:950px){.mobile-account{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:#fff;border-bottom:1px solid #e3e9ef;color:#405870;font-size:12px;line-height:1.5}.mobile-account>span{min-width:0;overflow-wrap:anywhere}.mobile-account>div{display:flex;align-items:center;gap:12px;flex-shrink:0}.mobile-account .text-button,.mobile-account .secondary{min-height:44px;font-size:12px;margin:0;white-space:nowrap}}@media(max-width:680px){.mobile-account{padding:9px 20px;font-size:12px}.mobile-account>div{gap:8px}.mobile-account .secondary{padding:10px 13px}.mobile-account .text-button{padding:5px 0}}
/* Supplied agreement templates and individual signature capture. */
.agreement-templates{margin:0 0 30px}.agreement-template-card{display:flex;justify-content:space-between;gap:28px;border:1px solid #b7d7cf;border-radius:12px;padding:25px;background:linear-gradient(115deg,#eef8f4,#f9fcfb);box-shadow:0 3px 10px #163b2c05}.agreement-template-card h3{font-size:23px;letter-spacing:-.4px;color:#244e4a;margin:11px 0 9px}.agreement-template-card p{font-size:13px;color:#4f706c;line-height:1.7;margin:0;max-width:550px}.template-badges{font-size:11px;line-height:1.6;color:#357f70;font-weight:650;letter-spacing:.25px}.agreement-template-card .template-test-note{font-size:12px;color:#6c837d;margin-top:14px}.template-card-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;flex:0 0 154px}.template-card-actions .primary{font-size:13px;min-height:44px;padding:12px 15px}.template-card-actions .text-button{font-size:12px;min-height:42px;text-align:center}.template-dialog{width:min(720px,calc(100vw - 36px));max-width:720px}.template-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:22px}.template-fields label{margin-top:0}.template-fields .full-field{grid-column:1/-1}.template-signer{border:1px solid #dce7eb;border-radius:9px;margin:8px 0 20px;padding:17px 20px;background:#f8fafc}.template-signer legend{font-size:12px;font-weight:650;color:#4a687a;padding:0 7px}.template-signer label{margin:0}.template-signer .muted{font-size:12px;line-height:1.7;margin:10px 0 0}.template-dialog .dialog-actions{gap:18px}.template-dialog .checkbox-label{line-height:1.8}.document-preview-dialog{width:min(1000px,calc(100vw - 30px));max-width:1000px;background:#f4f7fa}.document-preview-dialog .dialog-heading h2{font-size:20px;overflow-wrap:anywhere}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0;font-size:13px;color:#486577}.preview-toolbar>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.preview-toolbar .small,.preview-toolbar .text-button{font-size:12px;min-height:42px}.document-preview-canvas{text-align:center;min-height:160px;overflow:hidden}.document-preview-canvas canvas{display:block;max-width:100%;height:auto;margin:0 auto;background:#fff;box-shadow:0 1px 7px #18354c20}.signature-drawing{margin:23px 0;padding:17px;border:1px solid #cddfe6;border-radius:9px;background:#f7fafc}.drawing-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.drawing-heading strong{font-size:13px;color:#42677d}.drawing-heading strong span{font-size:12px;font-weight:400;color:#6e8798;margin-left:4px}.drawing-heading .text-button{font-size:12px;min-height:36px;white-space:nowrap}.signature-drawing p{font-size:12px;color:#687f90;line-height:1.7;margin:6px 0 12px}.signature-drawing canvas{display:block;width:100%;height:auto;aspect-ratio:10/3;border:1px solid #bdceda;border-radius:6px;background:#fff;touch-action:none;cursor:crosshair}.drawing-status{display:block;font-size:12px;color:#58768b;line-height:1.6;margin-top:9px}.document-row .text-button{min-height:36px}.template-fields input{width:100%;min-width:0}.template-dialog .muted{font-size:13px;line-height:1.7}
@media(max-width:950px){.agreement-template-card{display:block;padding:22px}.template-card-actions{flex-direction:row;justify-content:flex-start;margin-top:18px;gap:16px}.template-card-actions .primary{min-width:145px}.template-card-actions .text-button{min-width:130px}.agreement-template-card h3{font-size:21px}}
@media(max-width:680px){.agreement-templates{margin-bottom:25px}.agreement-template-card{padding:21px 18px}.agreement-template-card h3{font-size:22px}.agreement-template-card p{font-size:13px}.template-badges{font-size:11px}.template-card-actions{display:flex;flex-direction:column;gap:6px}.template-card-actions .primary,.template-card-actions .text-button{min-height:44px;font-size:13px}.template-fields{display:block;margin-top:20px}.template-fields label{margin-bottom:17px}.template-dialog{width:calc(100vw - 22px);padding:22px 18px}.template-signer{padding:16px}.template-dialog .dialog-actions{align-items:stretch;flex-direction:column;gap:12px}.template-dialog .dialog-actions button{min-height:44px;font-size:13px}.signature-drawing{padding:13px;margin:20px 0}.drawing-heading{align-items:flex-start}.drawing-heading strong{line-height:1.7;max-width:145px}.drawing-heading .text-button{min-height:44px}.signature-drawing canvas{aspect-ratio:10/4;height:140px}.document-preview-dialog{width:calc(100vw - 16px);padding:18px 13px}.document-preview-dialog .dialog-heading h2{font-size:18px}.preview-toolbar{display:block;font-size:13px}.preview-toolbar>div{margin-top:12px;gap:8px}.preview-toolbar .small,.preview-toolbar .text-button{font-size:12px;min-height:44px}.template-dialog input{font-size:16px}}
/* Company channels stay distinct from assignment-scoped job conversations. */
.chat-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:610px;background:#fff;border:1px solid #dbe5ee;border-radius:12px;overflow:hidden}.chat-sidebar{background:#f7fafc;border-right:1px solid #dfe8ee;padding:24px 18px;min-width:0}.chat-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.chat-sidebar-heading h2{font-size:15px;font-weight:650;color:#35556d;margin:0}.chat-sidebar-heading .text-button{font-size:12px;min-height:38px;white-space:nowrap}.chat-sidebar input{min-width:0;min-height:43px;font-size:13px;border:1px solid #d7e2e9;background:#fff;padding:11px 12px;border-radius:7px;width:100%}.chat-channel-list{display:flex;flex-direction:column;gap:5px;margin-top:14px;max-height:380px;overflow-y:auto}.channel-list-item{display:grid;grid-template-columns:21px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;min-height:44px;padding:9px 10px;color:#54748a}.channel-list-item:hover{background:#edf3f7}.channel-list-item.active{background:#e2f1ec;border-color:#a4cfc1;color:#1c7666}.channel-symbol{font-size:18px;text-align:center;color:#6a8c9e;line-height:1.4}.channel-name{font-size:13px;font-weight:550;overflow-wrap:anywhere;line-height:1.5}.channel-member-count{font-size:11px;color:#8ca5b4;background:#eaf0f4;border-radius:5px;padding:2px 5px;min-width:20px;text-align:center}.active .channel-member-count{background:#cce5dc;color:#407b6d}.chat-access-note{font-size:11px;line-height:1.8;color:#8299aa;margin:17px 9px 23px}.chat-list-empty{font-size:13px;line-height:1.7;color:#8ca0ae;margin:10px}.chat-job-section{border-top:1px solid #dfe8ef;padding-top:20px;margin-top:21px}.chat-job-section summary{font-size:13px;color:#4c6b82;font-weight:600;cursor:pointer;min-height:36px}.chat-job-section input{margin-top:9px}.chat-job-list{display:flex;flex-direction:column;gap:5px;margin-top:12px;max-height:300px;overflow-y:auto}.chat-job-item{display:block;background:transparent;text-align:left;border:1px solid transparent;border-radius:7px;padding:11px 10px;min-height:54px}.chat-job-item strong{display:block;font-size:12px;color:#5f7a8f;line-height:1.6;font-weight:550}.chat-job-item span{display:block;font-size:11px;color:#8ba1b2;margin-top:3px}.chat-job-item.active{background:#e7eff6;border-color:#b8cede}.chat-job-item:hover{background:#edf3f7}.chat-content{min-width:0;background:#fff}.chat-browse{display:none}.channel-heading{padding:30px;border-bottom:1px solid #e3ebf1}.channel-heading .record-kind{font-size:10px;color:#72939e;letter-spacing:.8px}.channel-heading h2{font-size:26px;font-weight:600;letter-spacing:-.5px;color:#2a5265;line-height:1.4;margin:10px 0 7px;overflow-wrap:anywhere}.channel-heading>p{font-size:14px;color:#698698;line-height:1.7;margin:0}.channel-heading>.text-button{margin-top:14px;font-size:13px}.channel-heading-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:20px}.channel-heading-actions .small{font-size:12px;min-height:42px;padding:10px 13px}.channel-heading-actions .text-button{font-size:12px;min-height:42px}.channel-discussion{padding:27px 30px}.channel-messages{max-height:620px;overflow-y:auto;scrollbar-width:thin;padding-right:6px}.channel-messages .message:first-child{margin-top:0}.channel-welcome{font-size:20px;color:#4c6e83;margin:10px 0}.channel-messages>.muted{font-size:13px}.channel-composer{margin-top:26px}.channel-composer textarea{min-height:105px;font-size:14px}.channel-composer .composer-footer>span{font-size:11px;line-height:1.7;max-width:210px}.channel-sync{font-size:11px;color:#91a6b5;margin:12px 0 0}.thread-reference{font-size:11px;line-height:1.6;background:#f0f5f8;color:#77909f;border-left:2px solid #c8d9e3;padding:7px 9px;margin:8px 0 4px;overflow-wrap:anywhere}.channel-messages .reply{margin-left:24px;border-left:2px solid #e1ebef;padding-left:15px}.channel-messages .reply .avatar{background:#ecf1f5}.channel-composer .reply-label{line-height:1.7;gap:10px;font-size:12px}.channel-composer .reply-label>span{min-width:0;overflow-wrap:anywhere}.channel-dialog,.channel-members-dialog{width:min(570px,calc(100vw - 30px));max-width:570px}.channel-access-help{padding:13px 15px;background:#f0f6f7;border:1px solid #d8e7e8;border-radius:7px;font-size:13px;color:#5b7d8a;line-height:1.7;margin:0 0 22px}.channel-people-picker{max-height:260px;overflow-y:auto;background:#f8fafb;border:1px solid #dce6ec;border-radius:8px;padding:6px 16px}.channel-people-picker .checkbox-label{padding:11px 0;margin:0;line-height:1.6;color:#526f83;border-bottom:1px solid #e3ebf0;font-size:13px}.channel-people-picker .checkbox-label:last-child{border:0}.channel-dialog h3,.channel-members-dialog h3{font-size:15px;color:#42697e;margin:22px 0 9px}.channel-dialog .muted,.channel-members-dialog .muted{font-size:13px;line-height:1.7}.channel-person{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #e2eaf0}.channel-person strong{display:block;font-size:14px;color:#496b80}.channel-person span{display:block;font-size:12px;color:#8aa1b0;line-height:1.7;margin-top:3px}.channel-person .text-button{font-size:12px;min-height:42px}.channel-members-dialog #channel-invite-form{margin-top:23px;padding-top:3px}.channel-members-dialog #channel-invite-form .primary{font-size:13px;min-height:44px}.channel-members-dialog #channel-invite-form .muted{margin-bottom:0}.channel-members-dialog #channel-members-list{max-height:340px;overflow-y:auto;padding-right:6px}
@media(max-width:1100px){.chat-layout{grid-template-columns:235px minmax(0,1fr)}.chat-sidebar{padding:20px 13px}.channel-heading{padding:25px}.channel-discussion{padding:24px}.channel-heading h2{font-size:23px}.chat-sidebar-heading{display:block}.chat-sidebar-heading .text-button{margin-top:5px}.chat-channel-list{max-height:330px}.channel-composer .composer-footer>span{max-width:150px}}
@media(max-width:680px){.chat-layout{display:block;min-height:0}.chat-sidebar{display:none;border-right:0;padding:22px 20px}.chat-list-open .chat-sidebar{display:block}.chat-list-open .chat-content{display:none}.chat-sidebar-heading{display:flex;margin-bottom:17px}.chat-sidebar-heading h2{font-size:18px}.chat-sidebar-heading .text-button{font-size:13px;min-height:44px;margin:0}.chat-sidebar input{font-size:16px;min-height:44px}.chat-channel-list{max-height:none;gap:7px}.channel-list-item{min-height:49px;padding:11px 12px}.channel-name{font-size:14px}.channel-member-count{font-size:12px}.chat-access-note{font-size:12px;margin:18px 7px 24px}.chat-job-section summary{font-size:14px;min-height:44px}.chat-job-list{max-height:290px}.chat-job-item{min-height:58px;padding:12px}.chat-job-item strong{font-size:14px}.chat-job-item span{font-size:12px}.chat-browse{display:inline-flex;margin:19px 19px 0;font-size:13px;min-height:44px}.channel-heading{padding:22px 20px}.channel-heading h2{font-size:24px;line-height:1.4}.channel-heading>p{font-size:14px}.channel-heading .record-kind{font-size:10px;line-height:1.7}.channel-heading-actions{gap:10px;margin-top:17px}.channel-heading-actions .small,.channel-heading-actions .text-button{font-size:12px;min-height:44px}.channel-discussion{padding:23px 19px}.channel-messages{max-height:560px;padding-right:0}.channel-messages .message-meta{font-size:12px;flex-wrap:wrap;gap:4px 9px}.channel-messages .message-meta time{font-size:10px}.channel-messages .message{gap:10px}.channel-messages .message p{font-size:14px}.channel-messages .reply{margin-left:10px;padding-left:12px}.channel-messages .avatar{width:30px;height:30px;min-width:30px;font-size:11px}.thread-reference{font-size:11px}.channel-composer textarea{font-size:16px;min-height:115px}.channel-composer .composer-footer>span{font-size:11px;max-width:130px}.channel-composer .primary{font-size:12px;min-height:44px}.channel-sync{font-size:11px;line-height:1.7}.channel-dialog input,.channel-dialog select,.channel-members-dialog select{font-size:16px}.channel-people-picker{max-height:230px;padding:4px 13px}.channel-people-picker .checkbox-label{min-height:48px}.channel-person strong{font-size:14px}.channel-person .text-button{min-height:44px}.channel-dialog .dialog-actions .primary{min-height:44px;width:100%;font-size:14px}}
/* Channel files, mentions and personal updates. */
.topbar-tools{display:flex;align-items:center;gap:22px}.notifications-button{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dce6ed;color:#59778d;border-radius:7px;padding:8px 11px;min-height:39px;font-size:12px}.notifications-button>span:first-child{font-size:20px;line-height:1}.notification-count{background:#147d75;color:#fff;border-radius:9px;padding:2px 6px;font-size:10px;min-width:19px;text-align:center}.notifications-dialog{width:min(570px,calc(100vw - 28px));max-width:570px}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 0 18px;font-size:13px}.notification-toolbar .text-button{font-size:12px;min-height:42px}.notification-item{display:flex;gap:13px;padding:18px 13px;text-align:left;background:#fff;border:0;border-bottom:1px solid #e3ebf0;width:100%;color:#56768c}.notification-item.unread{background:#eff8f5}.notification-dot{width:7px;height:7px;background:#c7d5de;border-radius:50%;margin-top:6px;flex:0 0 auto}.unread .notification-dot{background:#168c77}.notification-copy strong{display:block;font-size:14px;font-weight:550;line-height:1.7}.notification-copy>span{display:block;font-size:12px;color:#8ca3b3;margin-top:5px}.message-attachments{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.message-file{max-width:220px;min-width:140px;border:1px solid #cddfe8;border-radius:8px;background:#f6fafc;text-align:left;padding:10px;color:#52768b}.message-file img{display:block;width:180px;max-width:100%;height:120px;object-fit:cover;border-radius:5px;margin-bottom:9px}.file-symbol{display:block;background:#e1edf3;border-radius:5px;width:45px;padding:14px 5px;font-size:12px;font-weight:650;text-align:center;margin-bottom:8px}.file-name{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.file-size{display:block;font-size:11px;color:#91a6b4;margin-top:3px}.composer-tools{display:flex;align-items:center;gap:16px;padding:10px 0;flex-wrap:wrap}.composer-tools .text-button{font-size:12px;min-height:40px}.composer-file-hint{font-size:10px;line-height:1.6;color:#92a6b4}.composer-file-status{font-size:12px;color:#537f8a;margin:8px 0 0}.draft-files{display:flex;flex-wrap:wrap;gap:8px}.draft-file{display:flex;align-items:center;gap:8px;max-width:100%;border:1px solid #c9ddd9;background:#eff7f3;padding:8px;border-radius:7px}.draft-file img{width:44px;height:44px;object-fit:cover;border-radius:4px}.draft-file>span{font-size:11px;color:#5a7d79;overflow-wrap:anywhere;min-width:0}.draft-file .icon-button{flex:0 0 auto;width:31px;height:34px;color:#6e8b8a;font-size:20px}.draft-mentions{display:flex;gap:6px;flex-wrap:wrap}.mention-chip{display:block;padding:4px 7px;background:#ecf2fb;border:1px solid #d3dfef;color:#5678a0;border-radius:4px;font-size:10px;margin:5px 0}.mention-token{background:#e5effa;color:#286e9b;border-radius:3px;padding:1px 3px;font-weight:550}.mention-picker{border:1px solid #c8dbe5;background:#fff;box-shadow:0 7px 16px #214e6514;border-radius:8px;margin:8px 0;padding:9px;max-height:240px;overflow:auto}.mention-picker-label{display:block;font-size:11px;color:#91a5b5;padding:5px 8px 8px}.mention-option{display:block;padding:10px 9px;border:0;background:#fff;width:100%;text-align:left;color:#456b84;font-size:13px;border-radius:4px;min-height:40px}.mention-option:hover{background:#edf6f5}.mention-picker .muted{font-size:12px;padding:6px}.file-preview-dialog{width:min(850px,calc(100vw - 24px));max-width:850px}.file-preview-dialog h2{font-size:19px;overflow-wrap:anywhere}.file-preview-dialog>img{display:block;max-width:100%;max-height:68vh;object-fit:contain;margin:15px auto 22px}.file-preview-dialog>.secondary{min-height:44px}.adjuster-invitation{padding:20px;border:1px solid #cfdfeb;background:#f1f7fb;border-radius:8px;margin:20px 0}.adjuster-invitation h3{font-size:16px;color:#426b82}.adjuster-invitation .muted{font-size:12px;line-height:1.8}.adjuster-invite-form{display:flex;align-items:flex-end;gap:13px;margin:17px 0}.adjuster-invite-form label{flex:1;font-size:12px;margin:0;color:#6a879a}.adjuster-invite-form input{font-size:13px;min-height:43px;background:#fff}.adjuster-invite-form button{font-size:12px;min-height:43px;white-space:nowrap}.outbox-list .text-button{display:block;text-align:left;font-size:12px;line-height:1.7;min-height:40px}.outbox-dialog{width:min(720px,calc(100vw - 30px));max-width:720px}.outbox-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:13px/1.8 inherit;background:#f3f7f9;border:1px solid #dfe8ed;border-radius:8px;padding:18px;color:#607e91}.outbox-dialog h3{font-size:16px}.outbox-dialog .subtle-note{margin:17px 0}.outbox-dialog>.primary{font-size:13px;min-height:44px}
/* Standalone signing deliberately has no staff workspace or staff navigation. */
.standalone-signing{background:#f1f5f8;min-height:100vh}.signing-page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border-bottom:1px solid #dce5eb;padding:18px 34px}.signing-page-header .brand-word{font-size:26px;color:#315a64}.signing-page-header .brand-word small{font-size:12px;color:#819ca6;font-weight:400;letter-spacing:0;margin-left:8px}.signing-page-header .secondary{font-size:12px;min-height:43px}.signing-page-main{max-width:1080px;margin:0 auto;padding:33px 28px 70px}.signing-message{max-width:600px;margin:70px auto;background:#fff;border:1px solid #dbe7ee;border-radius:13px;padding:35px}.signing-message h1{font-size:25px;color:#365e74;margin-bottom:15px}.signing-message p{font-size:14px;color:#7891a3;line-height:1.8}.signing-message .secondary{min-height:44px;margin-top:15px}.signing-packet-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:0 0 25px}.signing-packet-head h1{font-size:29px;color:#315c6a;line-height:1.4;letter-spacing:-.6px;margin:10px 0}.signing-packet-head p{font-size:14px;line-height:1.7;color:#718d9c;margin:0}.signing-access-note{font-size:11px;line-height:1.7;color:#91a7b2;max-width:160px}.standalone-document-list{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:23px}.standalone-document-list .sign-doc-button{margin:0;flex:1;min-width:200px;min-height:51px;display:flex;gap:16px;align-items:center;justify-content:space-between}.standalone-document-list .sign-doc-button span:last-child{font-size:11px;white-space:nowrap}.standalone-review{background:#fff;border:1px solid #d9e5ec;border-radius:11px;padding:24px}.standalone-review .pdf-toolbar{gap:18px;font-size:13px;align-items:center}.standalone-review .pdf-toolbar>div{display:flex;align-items:center;gap:12px}.standalone-review .pdf-toolbar .secondary{font-size:12px;min-height:43px}.standalone-pdf{background:#e9eff3;padding:16px;border-radius:6px;min-height:160px;margin:20px 0 14px}.standalone-pdf canvas{display:block;max-width:100%;height:auto;margin:auto;box-shadow:0 2px 9px #25455d24}.standalone-pdf p{font-size:14px;line-height:1.8;color:#98564f;padding:20px}.review-progress{font-size:12px;color:#7793a2;line-height:1.8;margin:15px 0 24px}.standalone-signing .sign-form{max-width:660px;margin:0 auto;border:1px solid #dbe6eb;border-radius:10px;padding:28px;background:#fff}.standalone-signing .sign-form h2{font-size:23px;color:#315f71;margin:0 0 10px}.standalone-signing .sign-form .muted{font-size:13px;line-height:1.8}.standalone-signing .sign-form label{font-size:13px;color:#68879a}.standalone-signing .sign-form input{font-size:16px;min-height:46px}.standalone-signing .sign-form input[type=checkbox]{min-height:0}.standalone-signing .sign-form .primary{min-height:46px;font-size:14px}.signing-submit-status{font-size:13px;color:#9a5c52;line-height:1.8}.signer-finished{background:#eaf6ef;border:1px solid #a8cdbc;border-radius:10px;padding:27px;margin:0 0 24px}.signer-finished h2{font-size:24px;color:#397961;margin:0 0 12px}.signer-finished p{font-size:14px;color:#618876;line-height:1.8;max-width:800px}.signer-finished .secondary{font-size:13px;min-height:46px;background:#fff}.signer-finished .muted{font-size:12px;margin:18px 0 0}.standalone-signing .sign-demo{text-align:center;padding:10px 20px;line-height:1.6;font-size:11px}
@media(max-width:680px){.topbar-tools{gap:8px}.topbar-tools .local-status{display:none}.notifications-button{font-size:11px;padding:7px 9px;min-height:41px}.notification-label{font-size:11px}.notification-toolbar{font-size:12px}.notification-copy strong{font-size:13px}.notification-item{padding:15px 10px}.composer-tools{gap:7px 18px}.composer-tools .text-button{min-height:44px;font-size:12px}.composer-file-hint{font-size:10px;flex-basis:100%}.draft-file{max-width:100%}.draft-file>span{font-size:11px}.message-file{max-width:100%;min-width:130px}.message-file img{width:165px;height:112px}.file-preview-dialog{padding:19px 15px}.file-preview-dialog h2{font-size:17px}.file-preview-dialog>img{max-height:60vh}.adjuster-invitation{padding:17px}.adjuster-invite-form{display:block}.adjuster-invite-form input{font-size:16px}.adjuster-invite-form button{margin-top:12px;width:100%;min-height:44px}.outbox-dialog{padding:22px 17px}.outbox-dialog pre{font-size:12px;padding:13px}.signing-page-header{padding:13px 15px;gap:10px}.signing-page-header .brand-word{font-size:24px}.signing-page-header .brand-word small{display:block;font-size:10px;margin:3px 0 0}.signing-page-header .secondary{font-size:11px;padding:9px 11px;min-height:44px;max-width:145px;line-height:1.5}.signing-page-main{padding:24px 13px 45px}.signing-message{padding:27px 22px;margin:32px 0}.signing-message h1{font-size:24px}.signing-packet-head{display:block;padding:0 5px}.signing-packet-head h1{font-size:25px}.signing-packet-head p{font-size:14px}.signing-access-note{display:block;font-size:11px;margin-top:13px;max-width:none}.standalone-document-list{display:block}.standalone-document-list .sign-doc-button{width:100%;margin-bottom:9px;min-height:51px;font-size:12px}.standalone-review{padding:15px 11px}.standalone-review .pdf-toolbar{display:block;font-size:12px}.standalone-review .pdf-toolbar>div{margin-top:14px;justify-content:space-between;gap:7px}.standalone-review .pdf-toolbar .secondary{font-size:11px;min-height:44px;padding:9px}.standalone-pdf{padding:4px;margin-top:16px}.review-progress{font-size:12px;padding:0 4px}.standalone-signing .sign-form{padding:20px 15px}.standalone-signing .sign-form h2{font-size:22px}.standalone-signing .sign-form .muted{font-size:12px}.standalone-signing .sign-form .checkbox-label{font-size:12px;line-height:1.8}.standalone-signing .sign-form .primary{width:100%;font-size:14px;min-height:47px}.signer-finished{padding:22px 18px}.signer-finished h2{font-size:23px}.signer-finished p{font-size:13px}.signer-finished .button-row{display:block}.signer-finished .secondary{width:100%;font-size:12px;line-height:1.6;margin-bottom:8px}.standalone-signing .sign-demo{font-size:10px;padding:9px 15px}}
.handoff-dialog{width:min(560px,calc(100vw - 30px));max-width:560px}.handoff-dialog .dialog-heading h2{font-size:23px;line-height:1.45;overflow-wrap:anywhere}.handoff-description{font-size:14px;color:#5d7c8f;line-height:1.8;margin:20px 0}.handoff-note{padding:17px 19px;border:1px solid #bdd8d0;border-radius:8px;background:#edf7f3;margin:22px 0}.handoff-note strong{font-size:14px;color:#386e62}.handoff-note p{font-size:13px;color:#64867e;line-height:1.8;margin:8px 0 0}.handoff-dialog .dialog-actions{gap:12px}.handoff-dialog .dialog-actions button{font-size:13px;min-height:46px}.handoff-dialog #handoff-progress{font-size:12px;line-height:1.8;color:#668b84;margin:15px 0 0}.handoff-dialog .auth-error{font-size:13px;line-height:1.7}@media(max-width:680px){.handoff-dialog{padding:24px 19px}.handoff-dialog .dialog-heading h2{font-size:22px}.handoff-description{font-size:14px}.handoff-note{padding:16px}.handoff-dialog .dialog-actions{display:flex;flex-direction:column-reverse;align-items:stretch}.handoff-dialog .dialog-actions button{width:100%;font-size:13px;min-height:47px}.handoff-note p{font-size:13px}}
/* Board-first job workspace. */
.board-workspace{background:#eef3f5}.board-workspace .main{background:linear-gradient(135deg,#f2f7f7,#edf3f5)}.board-workspace .heading{padding-top:22px;padding-bottom:23px}.board-workspace .heading .eyebrow{display:none}.board-workspace .heading h1{font-size:27px;margin-bottom:7px}.board-workspace .heading p{font-size:13px}.board-workspace .tool-content{margin-right:0}.board-workspace .workspace-footer{padding-top:20px}.board-workspace-top{display:flex;align-items:center;gap:16px;margin-right:32px;margin-bottom:22px}.workspace-selector-label{font-size:10px;font-weight:650;color:#8ba2ae;letter-spacing:.8px;margin:0;min-width:190px}.workspace-selector-label select{display:block;min-height:42px;font-size:15px;font-weight:600;color:#3c6172;background:#fff;border:1px solid #d6e3e8;padding:9px 12px;margin-top:7px;letter-spacing:0}.board-workspace-top>.text-button{font-size:11px;white-space:nowrap;min-height:42px;margin-top:19px;color:#7895a2}.board-record-shortcuts{display:flex;gap:6px;margin-left:auto;margin-top:18px;border:1px solid #d4e2e6;padding:4px;background:#e7eef1;border-radius:8px}.board-record-shortcuts button{font-size:12px;color:#7e98a7;border:0;background:transparent;padding:9px 15px;border-radius:5px;min-height:36px}.board-record-shortcuts button.active{background:#fff;color:#326c70;box-shadow:0 2px 4px #234b5510}.board-tabs{display:flex;align-items:stretch;gap:10px;overflow-x:auto;padding:0 30px 15px 0;border-bottom:1px solid #d7e3e7;scrollbar-width:thin}.board-tab,.new-board-tab{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:550;padding:13px 18px;border:1px solid #d4e1e7;background:#f8fbfc;color:#6e8b9b;border-radius:8px;white-space:nowrap;min-height:46px}.board-tab.active{background:#245d63;border-color:#245d63;color:#fff;box-shadow:0 4px 8px #234b5520}.board-tab-count{font-size:11px;min-width:21px;text-align:center;border-radius:5px;padding:2px 5px;background:#e9f0f2;color:#86a0ad}.board-tab.active .board-tab-count{background:#42777c;color:#d1e6e3}.new-board-tab{font-size:12px;font-weight:400;background:transparent;border-style:dashed;color:#8aa0ab}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:25px 31px 21px 0}.board-eyebrow{font-size:9px;letter-spacing:1.3px;color:#8da5ad;font-weight:650}.board-heading h2{font-size:24px;letter-spacing:-.5px;color:#2e5665;line-height:1.4;margin:7px 0 4px}.board-heading p{font-size:13px;color:#7b97a2;line-height:1.7;margin:0;max-width:620px}.board-heading-actions{display:flex;gap:18px;align-items:center;flex-shrink:0}.board-count{font-size:11px;color:#92a8b1;white-space:nowrap}.board-heading-actions .secondary{font-size:12px;min-height:40px}.board-toolbar{display:flex;align-items:center;gap:10px;margin-right:31px}.board-toolbar>input{min-width:180px;flex:1;font-size:13px;min-height:43px;border-color:#d1e1e5;background:#fff;padding:11px 13px}.board-toolbar>select{font-size:12px;min-height:43px;border-color:#d1e1e5;padding:10px 11px;background:#fff;max-width:230px;min-width:170px;width:auto}.hide-empty-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#7d98a4;white-space:nowrap;margin:0}.hide-empty-label input{width:15px;height:15px;margin:0;min-height:0;accent-color:#2f8579}.board-help{font-size:11px;line-height:1.7;color:#96aab3;margin:13px 30px 18px 0}.board-columns{display:flex;gap:15px;align-items:flex-start;overflow-x:auto;padding:2px 30px 25px 1px;min-height:390px;scrollbar-color:#97b4b6 #e0e9eb;scrollbar-width:thin;scroll-snap-type:x proximity}.board-column{flex:0 0 270px;border-radius:11px;padding:14px 11px 11px;background:#e2ebee;border:1px solid #d9e4e8;scroll-snap-align:start;transition:background .15s,border-color .15s}.board-column-heading{display:flex;align-items:flex-start;gap:9px;padding:4px 3px 14px;min-height:48px}.board-column-heading h3{font-size:12px;font-weight:650;color:#5c7c8b;margin:0;line-height:1.7;flex:1;overflow-wrap:anywhere}.board-column-dot{display:block;width:7px;height:7px;border-radius:50%;background:#88b8b2;flex:0 0 auto;margin-top:6px}.board-column-dot.claims{background:#a6a3c8}.board-column-dot.production{background:#d4b47d}.board-column-dot.payment{background:#b3c28b}.board-column-dot.closed{background:#8fae91}.column-card-count{font-size:11px;color:#99adb6;min-width:18px;text-align:center;margin-top:2px}.board-card-list{min-height:185px;display:flex;flex-direction:column;gap:12px}.board-column-empty{font-size:11px;color:#a7b9c0;text-align:center;margin:45px 10px}.board-job-card{background:#fff;border:1px solid #d9e4e7;border-radius:9px;box-shadow:0 3px 4px #274b5510;overflow:hidden;cursor:grab;transition:box-shadow .15s,transform .15s}.board-job-card:hover{box-shadow:0 6px 15px #274b551c;transform:translateY(-1px)}.board-job-card.is-dragging{opacity:.45}.board-card-cover{display:block;width:100%;height:130px;object-fit:cover}.board-card-content{padding:15px}.board-card-title{display:block;text-align:left;background:none;border:0;color:#375c6e;font-size:14px;font-weight:600;line-height:1.6;padding:0;margin:0 0 7px;overflow-wrap:anywhere;width:100%;cursor:pointer}.board-card-customer{font-size:12px;color:#7b96a4;margin:0 0 5px}.board-card-address{font-size:11px;color:#9aaeb8;line-height:1.7;margin:0}.board-card-foot{display:flex;align-items:center;gap:10px;margin-top:16px;min-height:28px}.card-due{font-size:10px;color:#829ba6;background:#f0f5f5;border-radius:4px;padding:4px 6px;white-space:nowrap}.card-count{font-size:10px;color:#9fb0b9;white-space:nowrap}.card-assignee{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#dcece7;color:#659183;font-size:10px;font-weight:600;margin-left:auto;flex-shrink:0}.card-priority{display:inline-block;font-size:9px;font-weight:650;letter-spacing:.3px;padding:4px 7px;border-radius:4px;margin-bottom:9px;background:#f4ecd9;color:#a58f60}.card-priority.urgent{background:#f6e6e3;color:#be8176}.card-quick-move{display:block;background:none;border:0;border-top:1px solid #edf1f2;color:#96aab2;font-size:10px;padding:11px 0 0;margin-top:12px;width:100%;text-align:left;min-height:30px}.column-add-card{display:block;background:transparent;border:0;color:#8ea6af;font-size:12px;width:100%;text-align:left;padding:13px 7px 5px;min-height:43px;border-radius:6px}.column-add-card:hover{background:#d8e6e8;color:#568282}.board-column.drag-target{background:#d2e9e1;border-color:#80bca9;box-shadow:inset 0 0 0 1px #80bca9}.column-archived{display:block;font-size:10px;line-height:1.7;color:#a2a58c;padding:0 4px 10px}.board-no-columns{font-size:14px;color:#78929e;background:#fff;border:1px solid #d8e6e8;padding:30px;border-radius:10px;max-width:550px}.board-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:390px;background:#f6fafb;border:1px solid #e1e9ed;border-radius:10px;margin:25px 30px 0 0;color:#83a0aa}.board-loading h2{font-size:20px;color:#577e8a;margin-top:18px}.board-loading p{font-size:13px;color:#94aab3}.loading-dot{width:24px;height:24px;background:#b7d7ce;border-radius:50%;box-shadow:0 0 0 9px #e1eeea;animation:board-pulse 1.2s ease-in-out infinite alternate}@keyframes board-pulse{to{opacity:.45;transform:scale(.8)}}.board-record-search{max-width:500px;margin:23px 30px 23px 0;font-size:14px;min-height:44px}.board-workspace #crm-results{margin:25px 32px 0 0}.board-dialog{width:min(680px,calc(100vw - 30px));max-width:680px}.board-dialog h3{font-size:16px;color:#4f7286;margin:23px 0 8px}.board-dialog>.muted,.board-dialog .muted{font-size:12px;line-height:1.8}.board-add-status{display:flex;gap:10px;margin:15px 0}.board-add-status select{flex:1;font-size:13px;min-width:0}.board-add-status button{font-size:12px;min-height:43px;white-space:nowrap}#board-status-list{max-height:280px;overflow-y:auto;border:1px solid #dce6ec;border-radius:8px;background:#f8fbfc}.board-status-editor-row{display:flex;align-items:center;gap:5px;padding:9px 12px;border-bottom:1px solid #e4ecef}.board-status-editor-row:last-child{border:0}.board-status-editor-row>span{flex:1;font-size:12px;color:#72909e;line-height:1.7}.board-status-editor-row .icon-button{width:32px;height:34px;font-size:18px;color:#8aa3af}.board-status-quick{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.board-status-quick .text-button{font-size:12px;min-height:40px}.board-status-quick select{font-size:12px;min-height:42px;flex:1;min-width:190px}.board-status-quick .secondary{font-size:12px;min-height:42px}
/* A job card is the single hub for records, updates, photos and signatures. */
.card-dialog{width:min(1000px,calc(100vw - 36px));max-width:1000px;padding:0;max-height:91vh;border-radius:13px;background:#fff;color:#4f7386;overflow-y:auto}.card-close{position:absolute;right:21px;top:19px;width:42px;height:42px;font-size:27px;background:#f1f6f7;color:#8aa4af;z-index:2;border-radius:7px}.job-card-heading{padding:31px 76px 24px 33px;background:linear-gradient(120deg,#f2f8f7,#f7fafb)}.card-location{font-size:11px;color:#91a8b1;line-height:1.7}.job-card-heading h2{font-size:27px;color:#315a6a;letter-spacing:-.5px;line-height:1.4;margin:11px 0}.job-card-heading p{font-size:13px;color:#7b98a5;line-height:1.8;margin:0}.card-detail-tabs{display:flex;gap:27px;padding:0 33px;border-bottom:1px solid #e1eaee;overflow-x:auto;background:#fff}.card-detail-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:17px 0;font-size:12px;color:#92a7b2;white-space:nowrap;min-height:53px}.card-detail-tabs button.active{color:#35877b;border-bottom-color:#35877b;font-weight:600}.job-card-body{padding:28px 33px 35px}.card-loading{min-height:300px;display:flex;align-items:center;justify-content:center;color:#819faa;font-size:17px}.card-linked-records{display:grid;grid-template-columns:1fr 1.5fr;gap:22px;background:#f7fafb;border:1px solid #e2eaef;border-radius:8px;padding:20px;margin:0 0 26px}.card-linked-records dt{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#9aadb8;margin-bottom:7px}.card-linked-records dd{font-size:14px;color:#608295;line-height:1.7;margin:0}.card-summary-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 23px;align-items:start}.card-summary-form>label{min-width:0}.card-summary-form label{font-size:12px;color:#7a96a6;margin:0}.card-summary-form input:not([type="checkbox"]),.card-summary-form select,.card-summary-form textarea{font-size:14px;color:#4f7489;min-height:44px;margin-top:8px;line-height:1.7;border-color:#d4e3e9;background:#fff}.card-summary-form textarea{min-height:110px;resize:vertical}.card-summary-form>.full-field{grid-column:1/-1}.card-summary-form>.primary{grid-column:1/-1;justify-self:end;align-self:end;font-size:13px;min-width:120px;min-height:44px}.read-only-field{display:block;padding:13px 0 0;font-size:14px;color:#7896a6}.card-move-form{display:grid;grid-template-columns:1fr 1fr auto;gap:13px 18px;background:#f2f7f8;border:1px solid #dce7eb;border-radius:9px;margin-top:29px;padding:21px}.card-move-form h3{grid-column:1/-1;font-size:16px;color:#5a7e8e;margin:0 0 5px}.card-move-form label{font-size:12px;color:#809aa8;margin:0}.card-move-form select{min-height:43px;font-size:13px;margin-top:7px;background:#fff;border-color:#d5e3e9}.card-move-form .secondary{align-self:end;min-height:43px;font-size:12px;white-space:nowrap}.card-comment-form{background:#f6fafb;border:1px solid #deeaee;border-radius:10px;padding:20px;margin-bottom:28px}.card-comment-form h3{font-size:15px;color:#638697;margin:0 0 13px}.card-comment-form textarea{font-size:14px;min-height:110px;resize:vertical;border-color:#d2e1e8;background:#fff}.card-comment-form .primary{font-size:13px;min-height:43px;margin-top:13px}.card-activity{list-style:none;border-left:1px solid #d7e7e8;margin:0 0 0 11px;padding:0 0 0 26px}.card-activity li{position:relative;padding:0 0 26px}.card-activity li:before{content:'';position:absolute;left:-31px;top:4px;width:8px;height:8px;border-radius:50%;background:#a7c9c0;border:2px solid #fff}.activity-author{font-size:12px;color:#668795;font-weight:550}.card-activity p{font-size:13px;line-height:1.8;color:#849ca8;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.card-activity time{font-size:11px;color:#a1b1ba}.card-activity .activity-comment p{color:#547b91;background:#f0f6f8;border:1px solid #e0ebef;padding:13px 16px;border-radius:8px}.card-file-upload{padding:22px;background:#f2f8f7;border:1px dashed #bad6d0;border-radius:10px;margin-bottom:26px}.card-file-upload h3{font-size:17px;color:#4c817e;margin:0 0 8px}.card-file-upload .muted{font-size:12px;line-height:1.8;color:#85a39f}.card-file-upload input{font-size:12px;background:#fff;min-height:44px;border:1px solid #d4e4e0}.card-file-upload .primary{min-height:43px;font-size:13px;margin-top:15px}.card-upload-status{font-size:12px;color:#6a968b;margin:12px 0 0}.card-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.job-file-card{border:1px solid #dbe7ec;background:#fff;border-radius:9px;overflow:hidden;padding-bottom:10px}.job-file-preview{display:block;background:none;border:0;text-align:left;width:100%;padding:0}.job-file-preview>img{display:block;width:100%;height:150px;object-fit:cover}.job-file-preview>.file-symbol{margin:20px}.job-file-preview strong{display:block;font-size:12px;font-weight:550;color:#638699;line-height:1.7;overflow-wrap:anywhere;margin:13px 14px 4px}.job-file-preview>span:last-child{display:block;font-size:11px;color:#9ab0ba;margin:0 14px 5px}.job-file-card>.text-button{font-size:11px;min-height:38px;margin:0 14px}.card-conflict{border:1px solid #dfcba2;background:#faf5e9;border-radius:8px;padding:18px;margin-bottom:24px}.card-conflict strong{font-size:14px;color:#9c844f}.card-conflict p{font-size:12px;line-height:1.8;color:#aa986c;margin:9px 0 14px}.card-conflict .secondary{font-size:12px;min-height:43px}.card-dialog .agreement-template-card{margin-top:0}.card-dialog .template-card-actions .primary{white-space:nowrap}.sidebar .nav-button{font-size:13px;line-height:1.6;min-height:46px;white-space:normal}
@media(max-width:1100px){.board-workspace-top{flex-wrap:wrap;gap:10px 14px}.board-record-shortcuts{margin-top:0}.board-heading{align-items:flex-start}.board-heading-actions{flex-direction:column;gap:8px;align-items:flex-end}.board-toolbar{flex-wrap:wrap}.board-toolbar>input{flex-basis:100%}.board-toolbar>select{flex:1;max-width:none}.board-column{flex-basis:255px}.board-workspace-top>.text-button{font-size:11px}.card-dialog{max-height:92vh}}
@media(max-width:680px){.board-workspace .heading{padding:19px 17px 18px}.board-workspace .heading h1{font-size:25px}.board-workspace .heading p{font-size:12px}.board-workspace .heading-actions{margin-top:15px}.board-workspace .tool-content{margin-left:14px}.board-workspace-top{margin:0 14px 17px;gap:8px 12px}.workspace-selector-label{flex:1;min-width:180px;font-size:9px}.workspace-selector-label select{font-size:16px;min-height:44px}.board-workspace-top>.text-button{margin-top:17px;font-size:10px;min-height:44px}.board-record-shortcuts{margin-left:0;margin-top:7px;width:100%}.board-record-shortcuts button{flex:1;min-height:40px;font-size:12px;padding:8px 11px}.board-tabs{gap:8px;padding-right:15px;padding-bottom:13px}.board-tab,.new-board-tab{min-height:44px;padding:11px 13px;font-size:12px}.board-heading{margin:21px 14px 17px 0;gap:14px}.board-heading h2{font-size:21px}.board-heading p{font-size:12px}.board-eyebrow{font-size:9px}.board-heading-actions{gap:8px}.board-count{font-size:10px;white-space:normal;text-align:right;max-width:90px;line-height:1.6}.board-heading-actions .secondary{font-size:10px;min-height:42px;padding:9px 10px;white-space:nowrap}.board-toolbar{margin-right:14px;gap:9px}.board-toolbar>input{font-size:16px;min-height:44px}.board-toolbar>select{font-size:12px;min-width:0;width:calc(50% - 5px);min-height:44px;padding:10px 8px}.hide-empty-label{font-size:11px;min-height:35px}.hide-empty-label input{width:17px;height:17px}.board-help{font-size:10px;margin:8px 17px 16px 0;line-height:1.8}.board-columns{gap:12px;padding-right:15px;min-height:390px;scroll-snap-type:x mandatory}.board-column{flex-basis:calc(100vw - 72px);max-width:310px;padding:13px 11px 10px}.board-column-heading h3{font-size:13px}.column-card-count{font-size:12px}.board-card-title{font-size:15px}.board-card-customer{font-size:13px}.board-card-address{font-size:12px}.card-due,.card-count{font-size:11px}.card-quick-move{font-size:12px;min-height:42px;padding-top:12px}.column-add-card{font-size:13px;min-height:46px}.board-card-cover{height:148px}.board-card-content{padding:16px}.board-loading{margin-right:14px;min-height:300px;padding:20px}.board-loading h2{font-size:20px}.board-loading p{text-align:center;font-size:12px;line-height:1.7}.board-workspace #crm-results{margin-right:14px}.board-dialog{padding:23px 18px;width:calc(100vw - 22px)}.board-dialog h3{font-size:16px}.board-status-quick{gap:7px}.board-status-quick .text-button,.board-status-quick .secondary{font-size:12px;min-height:44px}.board-status-quick select{font-size:13px;min-height:44px;min-width:170px}.board-add-status select{font-size:13px}.board-add-status button{font-size:11px}.board-status-editor-row{padding:9px}.board-status-editor-row>span{font-size:12px}.board-status-editor-row .icon-button{width:34px;min-height:42px}.card-dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0}.card-close{right:15px;top:17px;width:44px;height:44px}.job-card-heading{padding:25px 69px 23px 21px}.card-location{font-size:11px}.job-card-heading h2{font-size:24px}.job-card-heading p{font-size:12px}.card-detail-tabs{padding:0 21px;gap:22px}.card-detail-tabs button{font-size:12px;min-height:54px}.job-card-body{padding:23px 20px 35px}.card-linked-records{display:block;padding:18px;margin-bottom:22px}.card-linked-records>div+div{margin-top:17px}.card-linked-records dt{font-size:10px}.card-linked-records dd{font-size:14px}.card-summary-form{display:flex;flex-direction:column;align-items:stretch;gap:17px}.card-summary-form label{font-size:12px}.card-summary-form input:not([type="checkbox"]),.card-summary-form select,.card-summary-form textarea{font-size:16px;min-height:46px}.card-summary-form .primary{align-self:stretch;min-height:46px;font-size:14px}.card-move-form{display:block;padding:19px;margin-top:25px}.card-move-form h3{margin-bottom:17px}.card-move-form label{display:block;margin-bottom:16px;font-size:12px}.card-move-form select{font-size:15px;min-height:45px}.card-move-form .secondary{width:100%;min-height:46px;font-size:13px}.card-comment-form{padding:17px}.card-comment-form textarea{font-size:16px}.card-comment-form .primary{min-height:45px;font-size:13px}.card-activity{padding-left:22px}.card-activity li:before{left:-27px}.card-activity p{font-size:13px}.activity-author{font-size:12px}.card-file-upload{padding:18px}.card-file-upload h3{font-size:17px}.card-file-upload input{font-size:12px;max-width:100%}.card-file-upload .primary{min-height:45px;width:100%}.card-files-grid{grid-template-columns:1fr 1fr;gap:11px}.job-file-preview>img{height:120px}.job-file-preview strong{font-size:11px;margin:11px 10px 5px}.job-file-preview>span:last-child{margin-left:10px}.job-file-card>.text-button{margin-left:10px;min-height:42px;font-size:11px}.card-conflict{padding:16px}.card-conflict .secondary{font-size:11px;line-height:1.6;min-height:44px}.workspace-view-tabs button{font-size:11px;padding:9px 8px;min-height:44px}}
/* Workspace overview and shared alignment. Keep navigation separate from board content. */
body { line-height: 1.5; }
button, input, select, textarea { line-height: 1.4; }
button { letter-spacing: normal; }
.nav-symbol, .notification-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 20px; width: 20px; height: 20px; line-height: 1; }
.nav-symbol svg, .notification-icon svg { display: block; width: 20px; height: 20px; }
.sidebar .nav-button { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 12px; }
.nav-label { display: block; min-width: 0; flex: 1; line-height: 1.45; overflow-wrap: anywhere; }
.nav-count { flex: 0 0 auto; margin-left: 0; line-height: 1.4; font-variant-numeric: tabular-nums; }
.brand-mark { flex: 0 0 38px; letter-spacing: 0; line-height: 1; }
.brand-sub { line-height: 1.5; }
.notifications-button { align-items: center; line-height: 1.4; }
.notification-count { flex: 0 0 auto; line-height: 1.4; }
.breadcrumb { display: flex; align-items: center; min-width: 0; line-height: 1.5; }
.breadcrumb strong { min-width: 0; overflow-wrap: anywhere; }
.breadcrumb span { flex: 0 0 auto; }
.icon-button { flex: 0 0 auto; line-height: 1; }
.dialog-heading { align-items: flex-start; gap: 16px; }
.dialog-heading h2 { min-width: 0; line-height: 1.4; overflow-wrap: anywhere; }
.dialog-heading > .icon-button { margin-top: -4px; }
.board-workspace .main { background: #f3f6f8; }
.board-workspace .heading { display: none; }
.board-workspace .topbar { height: 64px; min-height: 64px; padding-left: 32px; padding-right: 32px; }
.board-workspace .board-eyebrow { display: none; }
.board-workspace .tool-content { margin: 0; padding: 24px 32px 0; }
.board-workspace .board-workspace-top { align-items: flex-end; gap: 12px; margin: 0 0 28px; padding: 0 0 20px; border-bottom: 1px solid #dce4e9; }
.board-workspace .workspace-selector-label { flex: 0 1 230px; min-width: 160px; color: #607585; font-size: 10px; line-height: 1.4; }
.board-workspace .workspace-selector-label select { width: 100%; margin-top: 6px; min-height: 42px; font-size: 14px; line-height: 1.4; }
.board-workspace .board-workspace-top > .text-button { margin: 0; min-height: 42px; color: #506c7b; font-size: 12px; }
.board-workspace .board-record-shortcuts { flex: 0 0 auto; margin: 0 0 0 auto; padding: 3px; gap: 3px; }
.board-workspace .board-record-shortcuts button { min-height: 34px; padding: 7px 12px; font-size: 12px; line-height: 1.4; color: #586e7d; }
.board-workspace .board-record-shortcuts button.active { color: #23635e; }
.board-overview { max-width: 1400px; margin: 0 auto; }
.board-overview-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.board-overview-heading > div:first-child { flex: 1; min-width: 0; }
.board-overview-heading h2 { margin: 0 0 6px; font-size: 28px; line-height: 1.25; letter-spacing: -.65px; color: #253e51; overflow-wrap: anywhere; }
.board-overview-heading p { margin: 0; color: #617888; font-size: 14px; line-height: 1.6; }
.board-overview-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.board-overview-actions button { min-height: 42px; white-space: nowrap; }
.board-overview-search { display: block; max-width: 440px; min-height: 44px; margin: 0 0 24px; font-size: 14px; color: #344f62; }
.board-overview-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 1fr)); gap: 20px; align-items: stretch; }
.board-overview-card { display: flex; flex-direction: column; gap: 0; position: relative; min-width: 0; text-align: left; padding: 24px; border: 1px solid #d5e0e6; border-top: 4px solid #408d83; border-radius: 12px; background: #fff; color: #314d60; box-shadow: 0 2px 4px #1f3b4c05; transition: border-color .15s, box-shadow .15s; }
.board-overview-card:hover { border-color: #82ada5; box-shadow: 0 6px 18px #254a5510; }
.board-overview-card:focus-visible { outline: 3px solid #3a8e82; outline-offset: 3px; }
.board-overview-card-head { display: flex; align-items: flex-start; gap: 12px; width: 100%; }
.board-overview-card h3 { min-width: 0; flex: 1; margin: 0; font-size: 19px; font-weight: 650; line-height: 1.4; letter-spacing: -.3px; color: #2d4e60; overflow-wrap: anywhere; }
.board-overview-count { flex: 0 0 auto; background: #e9f4f0; color: #28685d; border-radius: 6px; font-size: 12px; font-weight: 600; padding: 5px 8px; line-height: 1.4; font-variant-numeric: tabular-nums; }
.board-overview-description { min-height: 44px; margin: 12px 0 20px; color: #607887; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.board-overview-meta { margin-top: auto; padding-top: 16px; border-top: 1px solid #e7edef; color: #627986; font-size: 12px; line-height: 1.5; }
.board-overview-stages { display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; gap: 7px; margin-top: 12px; min-height: 94px; }
.board-overview-stage { display: inline-block; padding: 4px 7px; border: 1px solid #e0e8ec; border-radius: 5px; background: #f4f7f8; color: #5b7280; font-size: 11px; line-height: 1.5; max-width: 100%; overflow-wrap: anywhere; }
.board-overview-grid > .empty-state { grid-column: 1 / -1; }
.board-navigation { margin: 0 0 12px; }
.board-back-link { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding-left: 0; color: #3c716e; font-size: 13px; }
.board-back-link::before { content: ''; width: 8px; height: 8px; border-left: 1.75px solid currentColor; border-bottom: 1.75px solid currentColor; transform: rotate(45deg); margin-left: 4px; }
.board-workspace .board-heading { align-items: flex-start; flex-wrap: wrap; gap: 16px; margin: 0 0 22px; }
.board-heading > div:first-child { flex: 1 1 240px; min-width: 0; }
.board-workspace .board-heading h2 { margin: 0; font-size: 26px; line-height: 1.3; overflow-wrap: anywhere; color: #29495b; }
.board-workspace .board-heading p { display: block; margin: 7px 0 0; color: #607987; line-height: 1.6; overflow-wrap: anywhere; }
.board-workspace .board-heading-actions { flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.board-workspace .board-heading-actions .secondary, .board-workspace .board-heading-actions .primary { min-height: 42px; font-size: 12px; padding: 9px 13px; line-height: 1.4; }
.board-workspace .board-count { color: #607886; font-size: 12px; line-height: 1.5; }
.board-workspace .board-toolbar { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(150px, 195px) minmax(150px, 195px) auto; gap: 10px; align-items: center; margin: 0; }
.board-workspace .board-toolbar > input, .board-workspace .board-toolbar > select { min-width: 0; max-width: none; width: 100%; min-height: 42px; margin: 0; padding: 10px 12px; font-size: 13px; line-height: 1.4; }
.board-workspace .hide-empty-label { display: inline-flex; align-items: center; min-height: 42px; margin: 0; gap: 7px; color: #58717e; font-size: 12px; line-height: 1.4; }
.hide-empty-label input { flex: 0 0 16px; width: 16px; height: 16px; }
.board-workspace .board-help { margin: 10px 0 18px; font-size: 12px; line-height: 1.6; color: #627986; }
.board-columns { align-items: flex-start; padding: 2px 1px 24px; gap: 16px; }
.board-column { flex-basis: 280px; }
.board-column-heading { display: grid; grid-template-columns: 7px minmax(0, 1fr) 24px; gap: 9px; align-items: start; min-height: 64px; padding: 5px 4px 14px; }
.board-column-heading h3 { font-size: 13px; line-height: 1.5; color: #486775; }
.board-column-dot { margin-top: 6px; }
.column-card-count { margin: 0; font-size: 12px; line-height: 1.6; color: #617986; font-variant-numeric: tabular-nums; }
.board-card-title { line-height: 1.5; color: #2e5265; }
.board-card-customer { color: #566f7c; overflow-wrap: anywhere; }
.board-card-address { color: #647985; overflow-wrap: anywhere; }
.board-card-foot { flex-wrap: wrap; gap: 7px 9px; align-items: center; }
.card-due, .card-count { display: inline-flex; align-items: center; min-height: 22px; font-size: 11px; line-height: 1.4; color: #596f7a; }
.card-assignee { color: #3c6c5f; }
.card-quick-move, .column-add-card { color: #5c7883; }
.board-column-empty { color: #6d818d; }
.card-linked-records dd, .card-location, .job-card-heading p { overflow-wrap: anywhere; }
.card-location, .job-card-heading p, .card-summary-form label, .card-move-form label, .card-linked-records dt { color: #607b88; }
.card-detail-tabs button { color: #607987; }
.board-record-search, .board-workspace #crm-results, .board-loading { margin-right: 0; }
.board-status-editor-row > span { min-width: 0; overflow-wrap: anywhere; color: #536f7d; }
.board-status-editor-row .icon-button { flex: 0 0 34px; }
.board-status-editor-row { min-height: 52px; }
.board-workspace .workspace-footer { padding: 28px 32px; color: #657c89; }
@media (max-width: 1200px) and (min-width: 951px) {
  .board-workspace .board-record-shortcuts { margin-left: 0; }
  .board-workspace .board-toolbar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; }
  .board-workspace .board-toolbar > input { grid-column: 1 / -1; }
}
@media (max-width: 950px) {
  .sidebar { display: none; }
  .app-shell { display: block; }
  .main { width: 100%; }
  .mobile-account { padding: 10px 24px; }
  .workspace-view-tabs { padding: 14px 24px 0; }
  .board-workspace .topbar { padding-left: 24px; padding-right: 24px; }
  .board-workspace .tool-content { padding: 22px 24px 0; }
  .board-workspace .board-workspace-top { flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
  .board-workspace .board-record-shortcuts { margin-left: auto; }
  .board-workspace .board-toolbar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; }
  .board-workspace .board-toolbar > input { grid-column: 1 / -1; }
  .board-overview-heading { align-items: flex-start; }
}
@media (max-width: 680px) {
  .demo-notice { line-height: 1.4; }
  .topbar { gap: 8px; }
  .breadcrumb span { margin: 0 8px; }
  .mobile-account { padding: 9px 18px; gap: 10px; }
  .mobile-account > div { gap: 8px; }
  .mobile-account .text-button, .mobile-account .secondary { font-size: 11px; }
  .workspace-view-tabs { padding: 12px 16px 0; gap: 6px; }
  .workspace-view-tabs button { flex: 1 0 auto; padding: 9px 10px; line-height: 1.4; white-space: nowrap; }
  .board-workspace .topbar { padding-left: 16px; padding-right: 16px; height: 56px; min-height: 56px; }
  .board-workspace .tool-content { padding: 20px 16px 0; }
  .board-workspace .board-workspace-top { align-items: flex-end; margin: 0 0 22px; padding-bottom: 18px; }
  .board-workspace .workspace-selector-label { flex: 1 0 100%; }
  .board-workspace .workspace-selector-label select { font-size: 16px; min-height: 44px; }
  .board-workspace .board-workspace-top > .text-button { flex: 1; justify-content: center; min-height: 40px; padding: 8px; font-size: 12px; border: 1px solid #dbe5e9; background: #fff; border-radius: 6px; }
  .board-workspace .board-workspace-top > .text-button:nth-of-type(2) { display: inline-flex; }
  .board-workspace .board-record-shortcuts { flex: 1 0 100%; margin: 6px 0 0; width: 100%; }
  .board-workspace .board-record-shortcuts button { flex: 1; min-height: 38px; font-size: 12px; }
  .board-overview-heading { flex-wrap: wrap; gap: 16px; margin-bottom: 18px; }
  .board-overview-heading > div:first-child { flex-basis: 100%; }
  .board-overview-heading h2 { font-size: 26px; }
  .board-overview-heading p { font-size: 13px; }
  .board-overview-actions { width: 100%; }
  .board-overview-actions .primary { flex: 1; }
  .board-overview-actions button { min-height: 44px; }
  .board-overview-search { font-size: 16px; max-width: none; margin-bottom: 18px; }
  .board-overview-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .board-overview-card { padding: 20px; }
  .board-overview-card h3 { font-size: 19px; }
  .board-overview-description { min-height: 0; margin-bottom: 18px; }
  .board-overview-stages { min-height: 0; }
  .board-navigation { margin-bottom: 12px; }
  .board-workspace .board-heading { display: flex; gap: 14px; margin: 0 0 18px; }
  .board-heading > div:first-child { flex-basis: 100%; }
  .board-workspace .board-heading h2 { font-size: 24px; margin: 0; }
  .board-workspace .board-heading-actions { width: 100%; }
  .board-workspace .board-heading-actions .board-count { display: none; }
  .board-workspace .board-heading-actions .secondary, .board-workspace .board-heading-actions .primary { min-height: 44px; font-size: 12px; white-space: nowrap; }
  .board-workspace .board-heading-actions .primary { flex: 1; }
  .board-workspace .board-toolbar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 9px; }
  .board-workspace .board-toolbar > input, .board-workspace .board-toolbar > select { min-height: 44px; font-size: 16px; padding: 10px; }
  .board-workspace .hide-empty-label { grid-column: 1 / -1; font-size: 12px; min-height: 32px; }
  .board-workspace .board-help { margin-top: 6px; font-size: 11px; }
  .board-column { flex-basis: calc(100vw - 64px); max-width: 320px; }
  .board-column-heading { min-height: 64px; }
  .board-workspace .workspace-footer { padding: 24px 16px; line-height: 1.6; }
  .workspace-footer span { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .loading-dot { animation: none; }
  .board-job-card, .board-column, .board-overview-card { transition: none; }
  .board-job-card:hover { transform: none; }
  .board-columns { scroll-behavior: auto; }
}

/* Team chat and agreements share the board workspace's spacing and controls. */
:is(.chat-workspace, .agreements-workspace) { background: #f3f6f8; }
:is(.chat-workspace, .agreements-workspace) .topbar { height: 64px; min-height: 64px; padding: 0 32px; }
:is(.chat-workspace, .agreements-workspace) .heading { padding: 28px 32px 24px; gap: 20px; align-items: center; }
:is(.chat-workspace, .agreements-workspace) .heading > div:first-child { min-width: 0; }
:is(.chat-workspace, .agreements-workspace) .heading h1 { font-size: 28px; line-height: 1.25; letter-spacing: -.7px; color: #26364b; overflow-wrap: anywhere; }
:is(.chat-workspace, .agreements-workspace) .heading p { color: #607383; line-height: 1.6; }
:is(.chat-workspace, .agreements-workspace) .tool-content { margin: 0; padding: 0 32px; }
:is(.chat-workspace, .agreements-workspace) .workspace-footer { padding: 24px 32px; }
.chat-layout, .context-layout { grid-template-columns: 248px minmax(0, 1fr); border-color: #dbe4e9; border-radius: 12px; box-shadow: 0 3px 14px #26364b04; }
.chat-sidebar, .context-sidebar { padding: 20px 16px; background: #f8fafb; border-color: #e1e8ec; }
.chat-sidebar-heading { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-bottom: 16px; }
.chat-sidebar-heading h2, .context-sidebar h2 { color: #35495d; font-size: 14px; font-weight: 650; }
.chat-sidebar-heading .text-button { margin: 0; }
.chat-sidebar input, .context-sidebar input { font-size: 13px; min-height: 42px; }
.channel-list-item { display: flex; width: 100%; padding: 12px; align-items: flex-start; }
.channel-list-copy, .context-job-copy { display: block; min-width: 0; width: 100%; }
.channel-name { display: block; font-size: 14px; font-weight: 600; line-height: 1.45; }
.channel-list-meta { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 5px; color: #5f7484; font-size: 11px; }
.channel-member-count { background: transparent; padding: 0; color: inherit; font-size: inherit; }
.active .channel-member-count { background: transparent; color: inherit; }
.channel-visibility { font-weight: 500; }
.chat-access-note { color: #637888; line-height: 1.65; font-size: 12px; }
.chat-job-section summary { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 14px 0; color: #40586b; font-size: 12px; }
.chat-job-section summary::before { content: ''; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); margin: 0 3px 0 1px; flex: 0 0 auto; }
.chat-job-section[open] summary::before { transform: rotate(45deg); }
.chat-job-section summary::-webkit-details-marker { display: none; }
.chat-job-count { color: #637888; font-size: 11px; margin-left: auto; white-space: nowrap; }
.chat-content, .context-content, .channel-heading-copy, .context-heading-copy, .message-body { min-width: 0; }
.channel-heading, .context-heading { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px 24px; padding: 24px; border-color: #e5ebef; }
.channel-heading-copy, .context-heading-copy { flex: 1 1 240px; }
.channel-heading .record-kind, .context-heading .record-kind { color: #607787; font-size: 10px; line-height: 1.6; margin: 0 0 8px; }
.channel-heading h2, .context-heading h2 { color: #263c50; font-size: 24px; line-height: 1.3; margin: 0 0 8px; letter-spacing: -.5px; overflow-wrap: anywhere; }
.channel-heading-copy p, .context-heading-copy p { color: #607787; font-size: 13px; line-height: 1.65; margin: 0; overflow-wrap: anywhere; }
.channel-heading-actions, .context-heading-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 0; }
.channel-heading-actions .small, .context-heading-actions .small { font-size: 12px; min-height: 40px; padding: 9px 12px; }
.channel-discussion, .context-body { padding: 24px; }
.message { align-items: flex-start; }
.message-meta { align-items: baseline; gap: 4px 10px; color: #405a6f; }
.message-author { min-width: 0; overflow-wrap: anywhere; }
.message-meta time { color: #617788; font-size: 11px; white-space: nowrap; }
.message-body p { overflow-wrap: anywhere; }
.message .avatar { flex: 0 0 34px; width: 34px; height: 34px; min-width: 34px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.message-file { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; width: 200px; min-width: 0; max-width: 100%; text-align: left; }
.message-file img, .message-file .file-symbol { width: 100%; max-width: 100%; height: 120px; margin: 0 0 8px; border-radius: 5px; }
.message-file .file-symbol { display: flex; align-items: center; justify-content: center; color: #526e83; }
.message-file .file-name { flex: 1; overflow-wrap: anywhere; }
.message-file .file-size, .channel-sync { color: #617788; }
.composer { margin-top: 24px; padding: 12px; border-color: #cfdee5; background: #fbfcfd; }
.composer textarea { padding: 8px; color: #354b5f; line-height: 1.6; }
.composer-tools { gap: 8px 12px; padding: 8px 0 12px; border-bottom: 1px solid #e4ebef; }
.composer-tools .text-button { min-height: 40px; padding: 8px; margin: 0; line-height: 1.4; }
.composer-file-hint { color: #607787; font-size: 11px; }
.composer-footer { align-items: center; flex-wrap: wrap; padding-top: 12px; gap: 12px; }
.composer-footer > span, .channel-composer .composer-footer > span { color: #5d7283; font-size: 11px; line-height: 1.6; max-width: none; flex: 1 1 170px; }
.composer-footer > button { flex: 0 0 auto; min-height: 42px; }
.mention-picker-label, .draft-file > span { color: #577182; }
.channel-person { align-items: flex-start; }
.channel-person > div { min-width: 0; overflow-wrap: anywhere; }
.channel-person .text-button { flex: 0 0 auto; }
.channel-person span { color: #62798a; }
.context-job { padding: 12px; }
.context-job > .context-job-copy { margin: 0 0 10px; color: #354f65; }
.context-job-copy strong { color: #354f65; overflow-wrap: anywhere; }
.chat-job-item strong, .chat-job-item span { min-width: 0; overflow-wrap: anywhere; }
.context-job-copy > span { display: block; color: #62798a; margin-top: 5px; font-size: 12px; overflow-wrap: anywhere; }
.context-job .badge { display: inline-block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; line-height: 1.5; }
.agreement-template-card { align-items: flex-start; gap: 20px; padding: 20px; background: #f0f7f5; border-color: #d2e5df; }
.template-card-copy { min-width: 0; flex: 1; }
.agreement-template-card h3 { font-size: 21px; line-height: 1.35; overflow-wrap: anywhere; }
.agreement-template-card p { color: #536f6b; line-height: 1.65; }
.template-card-actions { flex: 0 0 auto; gap: 8px; }
.template-card-actions button { min-height: 40px; }
.context-body > .section-title { align-items: center; gap: 12px; }
.context-body > .section-title h3 { margin: 0; font-size: 16px; color: #35495d; }
.context-body > .muted { font-size: 13px; color: #607787; line-height: 1.65; }
.packet-card { padding: 20px; margin-top: 16px; border-color: #dce5ea; border-radius: 10px; }
.packet-card-head { align-items: flex-start; flex-wrap: wrap; gap: 8px 12px; }
.packet-card h3 { color: #354d62; font-size: 15px; line-height: 1.5; }
.packet-title { min-width: 0; flex: 1 1 180px; overflow-wrap: anywhere; }
.packet-card-head .badge { line-height: 1.5; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.packet-meta { display: flex; flex-wrap: wrap; gap: 5px 16px; color: #637888; font-size: 12px; margin: 10px 0 16px; }
.document-row { display: block; padding: 16px 0; }
.document-info { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.document-type { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 26px; color: #567087; background: #eef3f7; border: 1px solid #dce6ee; border-radius: 5px; font-size: 9px; font-weight: 700; letter-spacing: .3px; }
.document-name { font-size: 13px; font-weight: 600; color: #435d71; line-height: 1.6; overflow-wrap: anywhere; min-width: 0; padding-top: 2px; }
.document-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.document-actions .text-button { min-height: 38px; padding: 8px 10px; border: 1px solid #dce7eb; background: #fafcfd; font-size: 12px; line-height: 1.45; text-align: left; justify-content: flex-start; }
.document-actions .text-button:hover { background: #edf5f3; border-color: #bfd8d0; }
.packet-signers { margin: 4px 0 16px; }
.packet-signers button { max-width: 100%; overflow-wrap: anywhere; text-align: left; line-height: 1.5; }
.packet-actions { display: flex; flex-wrap: wrap; gap: 8px 16px; border-top: 1px solid #e5ecef; padding-top: 12px; }
.packet-actions .text-button { font-size: 12px; min-height: 38px; }
.adjuster-invitation { padding: 16px; margin: 16px 0; }
.adjuster-invitation h3 { font-size: 15px; }
.adjuster-invitation .muted { color: #557286; }
.adjuster-invite-form { flex-wrap: wrap; gap: 12px; }
.adjuster-invite-form label { min-width: 0; flex: 1 1 200px; }
.adjuster-invite-form button { margin: 0; }
.selected-pdf-row { display: flex; align-items: flex-start; gap: 8px; }
.selected-pdf-row > span { min-width: 0; overflow-wrap: anywhere; }
.selected-pdf-row > button { flex: 0 0 auto; }
@media (max-width: 1100px) {
  .chat-layout, .context-layout { grid-template-columns: 224px minmax(0, 1fr); }
  .agreement-template-card { display: block; }
  .template-card-actions { display: flex; flex-wrap: wrap; flex-direction: row; margin-top: 16px; }
}
@media (max-width: 950px) {
  :is(.chat-workspace, .agreements-workspace) .topbar { padding-right: 24px; padding-left: 24px; }
  :is(.chat-workspace, .agreements-workspace) .heading { padding: 24px; }
  :is(.chat-workspace, .agreements-workspace) .tool-content { padding: 0 24px; }
  .channel-heading, .context-heading, .channel-discussion, .context-body { padding: 20px; }
}
@media (max-width: 680px) {
  :is(.chat-workspace, .agreements-workspace) .topbar { height: 56px; min-height: 56px; padding: 0 16px; }
  :is(.chat-workspace, .agreements-workspace) .heading { padding: 22px 16px 18px; align-items: flex-start; gap: 12px; }
  :is(.chat-workspace, .agreements-workspace) .heading h1 { font-size: 26px; }
  :is(.chat-workspace, .agreements-workspace) .heading p { font-size: 13px; }
  :is(.chat-workspace, .agreements-workspace) .tool-content { padding: 0 16px; }
  :is(.chat-workspace, .agreements-workspace) .workspace-footer { padding: 24px 16px; }
  .chat-layout, .context-layout { display: block; min-height: 0; }
  .chat-sidebar, .context-sidebar { padding: 18px 16px; }
  .chat-sidebar-heading h2 { font-size: 16px; }
  .chat-sidebar input, .context-sidebar input, .adjuster-invite-form input { font-size: 16px; min-height: 44px; }
  .channel-heading, .context-heading, .channel-discussion, .context-body { padding: 18px 16px; }
  .channel-heading h2, .context-heading h2 { font-size: 22px; }
  .channel-heading-actions, .context-heading-actions { width: 100%; }
  .channel-heading-actions button, .context-heading-actions button { min-height: 44px; }
  .channel-messages .message { gap: 8px; }
  .channel-messages .avatar { flex-basis: 30px; width: 30px; height: 30px; min-width: 30px; }
  .channel-messages .message-meta time { font-size: 11px; }
  .channel-messages .reply { margin-left: 6px; padding-left: 10px; }
  .composer textarea { font-size: 16px; }
  .composer-tools { gap: 6px; }
  .composer-tools .text-button { min-height: 44px; }
  .composer-file-hint { flex-basis: 100%; }
  .composer-footer > span, .channel-composer .composer-footer > span { flex-basis: 100%; max-width: none; }
  .composer-footer > button { width: 100%; min-height: 44px; }
  .context-job { min-width: 220px; width: 220px; max-width: 220px; }
  .agreement-template-card { padding: 16px; }
  .agreement-template-card h3 { font-size: 20px; }
  .template-card-actions { flex-direction: column; align-items: stretch; }
  .template-card-actions button { min-height: 44px; }
  .packet-card { padding: 16px; }
  .packet-title { flex-basis: 100%; }
  .document-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .document-actions .text-button { width: 100%; min-height: 44px; }
  .packet-signers button { min-height: 44px; }
  .packet-actions { gap: 4px 8px; }
  .packet-actions .text-button { min-height: 44px; padding: 8px 4px; text-align: left; }
  .adjuster-invite-form button { margin-top: 12px; min-height: 44px; }
}
/* Channel workspaces: messages, independent calendars, tasks and shared files. */
[data-color="teal"] { --channel-color: #087f78; --channel-tint: #eaf6f3; }
[data-color="blue"] { --channel-color: #3269b4; --channel-tint: #edf3fc; }
[data-color="purple"] { --channel-color: #7b58a5; --channel-tint: #f3eff9; }
[data-color="amber"] { --channel-color: #a56c0e; --channel-tint: #fff6e5; }
[data-color="rose"] { --channel-color: #ae4d70; --channel-tint: #fbeff3; }
[data-color="slate"] { --channel-color: #526677; --channel-tint: #f0f3f6; }
.chat-workspace .heading { padding-top: 22px; padding-bottom: 22px; }
.chat-workspace .heading h1 { font-size: 27px; }
.chat-workspace .heading p { font-size: 13px; }
.chat-layout { grid-template-columns: 250px minmax(0, 1fr); }
.chat-sidebar { background: #f6f8fb; }
.channel-list-item { display: flex; align-items: flex-start; gap: 10px; }
.channel-list-item[data-color]::before { content: ''; flex: 0 0 9px; height: 9px; margin-top: 5px; border-radius: 3px; background: var(--channel-color); }
.channel-list-copy { min-width: 0; flex: 1; }
.channel-list-item.active { background: #e8f1f4; border-color: #b9d3de; }
.channel-heading { border-top: 4px solid var(--channel-color, #087f78); padding-top: 19px; }
.channel-heading h2 { font-size: 22px; }
.channel-heading-actions { align-self: center; }
.channel-tool-tabs { display: flex; gap: 6px; padding: 0 20px; border-bottom: 1px solid #dce6ed; background: #fff; overflow-x: auto; }
.channel-tool-tabs button { border: 0; border-bottom: 3px solid transparent; padding: 14px 12px; min-height: 48px; background: transparent; color: #5c7081; font-size: 13px; white-space: nowrap; font-weight: 650; }
.channel-tool-tabs button.active { border-bottom-color: #087f78; color: #146c66; background: #f1f8f6; }
.channel-tool-panel { padding: 24px; min-height: 420px; }
.channel-tool-heading { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.channel-tool-heading > div { min-width: 0; flex: 1 1 220px; }
.channel-tool-heading h3 { font-size: 18px; color: #2f465b; margin: 0 0 6px; }
.channel-tool-heading p { font-size: 12px; color: #637788; margin: 0; line-height: 1.6; }
.channel-tool-panel > select, .channel-tool-panel > input { max-width: 400px; margin-bottom: 18px; }
.channel-tool-empty { padding: 24px 16px; text-align: center; color: #657b8c; line-height: 1.65; font-size: 13px; background: #f7f9fb; border: 1px dashed #d6e2e9; border-radius: 8px; }
.channel-tool-error { color: #a93a3a; background: #fff3f3; border: 1px solid #f0d2d2; padding: 12px; border-radius: 7px; font-size: 13px; line-height: 1.65; }
.channel-readonly, .channel-limit-note { padding: 12px; margin: 0 0 16px; color: #785b23; background: #fff8e9; border: 1px solid #ecdcb8; border-radius: 7px; font-size: 12px; line-height: 1.6; }
.channel-tasks { display: grid; gap: 12px; }
.channel-task { border: 1px solid #dce6ec; border-left: 3px solid #aac4ce; border-radius: 8px; padding: 16px; background: #fff; }
.channel-task.priority-high { border-left-color: #ad6270; }
.channel-task-title { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 10px; justify-content: space-between; }
.channel-task h4 { font-size: 14px; color: #334e62; margin: 0; flex: 1 1 200px; overflow-wrap: anywhere; line-height: 1.6; }
.channel-task-description { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.65; color: #536c7d; margin: 10px 0; }
.task-state { border-radius: 5px; background: #eef3f8; color: #526b83; font-size: 11px; padding: 4px 7px; white-space: nowrap; }
.task-state.in_progress { background: #eaf2ff; color: #325e9e; }
.task-state.done { background: #e8f4ee; color: #276c4f; }
.task-state.cancelled { background: #f4eff1; color: #806071; }
.channel-item-meta { display: flex; gap: 5px 14px; flex-wrap: wrap; color: #62798a; font-size: 12px; line-height: 1.6; margin: 10px 0; }
.channel-task > button, .channel-event > button { min-height: 36px; padding-left: 0; }
.channel-calendar-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.channel-calendar-toolbar h4 { flex: 1; text-align: center; min-width: 140px; font-size: 16px; color: #354e62; margin: 0; }
.channel-calendar-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); border: 1px solid #dbe6ed; border-radius: 8px; overflow: hidden; }
.calendar-weekday { padding: 10px 4px; text-align: center; font-size: 11px; color: #667e8e; background: #f1f5f8; font-weight: 650; }
.calendar-day { min-width: 0; min-height: 68px; border: 0; border-top: 1px solid #e2eaf0; border-right: 1px solid #e2eaf0; border-radius: 0; background: #fff; color: #425e72; padding: 8px; display: flex; flex-direction: column; gap: 5px; align-items: center; justify-content: center; }
.calendar-day.outside { background: #f8fafb; color: #a0aeb9; }
.calendar-day.today .calendar-day-number { font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
.calendar-day.selected { background: #e1f1ed; box-shadow: inset 0 0 0 2px #248678; color: #1d665c; }
.calendar-day-number { font-size: 13px; }
.calendar-day-count { min-height: 14px; color: #247366; font-size: 10px; font-weight: 700; }
.channel-agenda { margin-top: 24px; }
.channel-agenda > h4 { font-size: 15px; color: #365064; margin: 0 0 12px; }
.channel-event { border: 1px solid #dce6ec; border-left: 4px solid var(--channel-color,#087f78); background: var(--channel-tint,#f5f9f8); border-radius: 8px; padding: 16px; margin: 12px 0; }
.channel-event.cancelled { opacity: .7; }
.channel-event h4 { margin: 7px 0; font-size: 15px; color: #354d61; line-height: 1.5; overflow-wrap: anywhere; }
.channel-event > p { font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; color: #577080; line-height: 1.65; }
.channel-event-time { font-weight: 700; color: var(--channel-color,#087f78); font-size: 12px; }
.channel-event-kind { color: #607788; font-size: 11px; }
.channel-file-library { display: grid; grid-template-columns: repeat(auto-fill,minmax(230px,1fr)); gap: 12px; }
.channel-library-file { display: flex; align-items: center; gap: 12px; padding: 12px; text-align: left; border: 1px solid #dce6ed; background: #fff; border-radius: 8px; min-width: 0; }
.channel-library-file > img, .library-file-type { width: 68px; height: 68px; flex: 0 0 68px; border-radius: 6px; object-fit: cover; }
.library-file-type { display: flex; justify-content: center; align-items: center; color: #5a7490; background: #edf3f8; font-size: 12px; font-weight: 700; }
.library-file-copy { min-width: 0; }
.library-file-copy strong { display: block; overflow-wrap: anywhere; font-size: 12px; line-height: 1.5; color: #405c70; }
.library-file-copy > span { display: block; color: #6a7e8d; font-size: 11px; line-height: 1.6; margin-top: 6px; }
.channel-message-search { display: flex; gap: 8px; align-items: center; margin-bottom: 18px; }
.channel-message-search input { flex: 1; min-width: 0; }
.channel-search-summary { font-size: 12px; color: #527084; margin-bottom: 18px; }
.channel-tool-dialog { max-width: 650px; width: calc(100% - 32px); }
.channel-tool-fields { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 14px; }
.channel-editor-field { margin: 0; min-width: 0; }
.channel-editor-field:has(textarea), .channel-tool-fields > .field-help { grid-column: 1 / -1; }
.channel-editor-field textarea { min-height: 95px; resize: vertical; }
.channel-editor-field[data-color] select { border-left: 8px solid var(--channel-color); background: var(--channel-tint); }
.channel-editor-field.checkbox-label { min-height: 44px; border: 1px solid #dce5eb; border-radius: 6px; padding: 10px; justify-content: space-between; }
.channel-tool-fields > .field-help { margin: -4px 0 0; font-size: 12px; color: #62798b; line-height: 1.6; }
.channel-staff-shortcut { border-top: 1px solid #e1e9ee; padding: 14px 0; }
.channel-name-examples { font-size: 12px; color: #678092; margin: -8px 0 18px; }
.browser-alert-preferences { background: #f3f8f7; border: 1px solid #dbe8e3; padding: 14px; border-radius: 8px; margin: 16px 0; }
.browser-alert-preferences > strong { color: #3b5b57; font-size: 14px; }
.browser-alert-preferences p { font-size: 12px; line-height: 1.6; color: #5c7670; margin: 8px 0; }
@media (max-width: 1050px) { .chat-layout { grid-template-columns: 220px minmax(0,1fr); } .channel-tool-panel { padding: 20px; } .channel-heading-actions { flex-basis: 100%; } }
@media (max-width: 680px) {
  .chat-layout { display: block; }
  .channel-tool-tabs { padding: 0 8px; gap: 0; }
  .channel-tool-tabs button { flex: 1; padding: 12px 9px; font-size: 12px; min-height: 48px; }
  .channel-tool-panel { padding: 18px 14px; min-height: 300px; }
  .channel-tool-heading { margin-bottom: 16px; }
  .channel-tool-heading > button { min-height: 44px; }
  .channel-tool-panel > select, .channel-tool-panel > input, .channel-message-search input { font-size: 16px; min-height: 44px; }
  .calendar-day { min-height: 50px; padding: 5px 2px; }
  .calendar-weekday { font-size: 10px; }
  .channel-calendar-toolbar { gap: 6px; }
  .channel-calendar-toolbar h4 { order: -1; flex-basis: 100%; margin-bottom: 6px; }
  .channel-calendar-toolbar > button { flex: 1; min-height: 44px; }
  .channel-task, .channel-event { padding: 13px; }
  .channel-file-library { grid-template-columns: minmax(0,1fr); }
  .channel-message-search { flex-wrap: wrap; }
  .channel-message-search input { flex-basis: 100%; }
  .channel-message-search > button { min-height: 44px; }
  .channel-tool-fields { grid-template-columns: minmax(0,1fr); }
  .channel-editor-field input, .channel-editor-field select, .channel-editor-field textarea { font-size: 16px; }
  .channel-tool-dialog { padding: 20px 16px; }
}
.channel-create-tools { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; }
.channel-create-tools label { margin-bottom: 0; }
.channel-create-tools .checkbox-label { min-height: 44px; }
@media (max-width:680px) { .channel-create-tools { grid-template-columns: minmax(0,1fr); } }
/* Direct staff messages and shared message controls. */
.direct-sidebar-heading { margin-top: 24px; padding-top: 18px; border-top: 1px solid #dce5ec; }
.direct-sidebar-heading h2 { font-size: 14px; }
.direct-sidebar-heading .text-button { font-size: 11px; }
.direct-message-list { display: grid; gap: 5px; }
.direct-list-item { display: flex; align-items: center; gap: 9px; width: 100%; padding: 10px 8px; text-align: left; background: transparent; border: 1px solid transparent; border-radius: 7px; min-width: 0; }
.direct-list-item.active { background: #e8f1f4; border-color: #b9d3de; }
.direct-list-item > .avatar { flex: 0 0 31px; width: 31px; height: 31px; font-size: 10px; color: #537480; background: #e1e9ef; }
.direct-list-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.direct-list-copy strong { font-size: 12px; line-height: 1.4; color: #385267; overflow-wrap: anywhere; }
.direct-list-copy > span { color: #6a7e8d; font-size: 10px; line-height: 1.5; }
.direct-picker-dialog, .message-edit-dialog { max-width: 560px; width: calc(100% - 32px); }
.direct-person-list { display: grid; gap: 7px; max-height: min(50vh, 440px); overflow-y: auto; margin: 16px 0; }
.direct-person-option { display: flex; align-items: center; gap: 12px; text-align: left; border: 1px solid #dce5eb; border-radius: 8px; padding: 12px; background: #fbfcfd; }
.direct-person-copy { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.direct-person-copy strong { font-size: 14px; color: #405a6e; overflow-wrap: anywhere; }
.direct-person-copy > span { font-size: 12px; color: #687f8f; }
.message-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 0 10px; margin-top: 6px; }
.message-actions .text-button { min-height: 32px; padding: 5px 0; font-size: 11px; color: #5c7b8d; }
.message-actions .text-button:hover { color: #116f66; }
.message-edited { color: #7a8c99; font-size: 10px; margin-left: 6px; }
.message-reactions { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 3px; }
.message-reactions:empty { display: none; }
.reaction-chip { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid #d6e0e8; border-radius: 16px; min-width: 48px; min-height: 30px; padding: 4px 9px; background: #f8fafc; }
.reaction-chip.active { background: #e5f2ef; border-color: #81b8ad; }
.reaction-emoji { font-size: 15px; line-height: 1; }
.reaction-count { font-size: 11px; font-weight: 650; color: #566f82; }
.message-reaction-dialog { max-width: 430px; width: calc(100% - 32px); }
.message-reaction-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.reaction-option { display: flex; flex-direction: column; align-items: center; gap: 8px; min-height: 74px; border: 1px solid #dde7ed; border-radius: 8px; background: #f9fbfc; padding: 12px 5px; }
.reaction-option[aria-pressed="true"] { background: #e6f3ef; border-color: #7bb4a8; }
.reaction-option-emoji { font-size: 25px; line-height: 1.1; }
.reaction-option-label { font-size: 10px; color: #5f788b; }
.message-edit-dialog textarea { min-height: 150px; resize: vertical; }
.message-edit-mentions { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px; margin: 12px 0; }
.message-edit-mentions > label { flex: 1 1 180px; min-width: 0; margin: 0; }
.message-edit-mentions > button { margin: 0; min-height: 40px; }
.activity-comment .message-actions { margin-top: 8px; }
.direct-inactive-note { margin-top: 22px; }
@media (max-width:680px) {
  .message-actions .text-button { min-height: 40px; font-size: 12px; padding-right: 8px; }
  .reaction-chip { min-height: 38px; padding: 5px 11px; }
  .message-edit-dialog textarea, .message-edit-dialog select, .direct-picker-dialog input { font-size: 16px; }
  .message-reaction-dialog { padding: 20px 16px; }
  .reaction-option { min-height: 78px; }
  .direct-person-option { min-height: 62px; }
  .direct-list-item { min-height: 52px; }
}
.readiness-panel{margin:0 0 28px;padding:24px;border:1px solid #dbe3eb;border-radius:16px;background:#fff}.readiness-panel h2{margin:0 0 8px}.readiness-list{display:grid;gap:0;margin-top:18px}.readiness-row{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;padding:15px 0;border-top:1px solid #e8edf2}.readiness-row>div{min-width:0}.readiness-row p{margin:5px 0 0;color:#65758a;font-size:13px;line-height:1.55}.readiness-state{flex-shrink:0;border-radius:20px;padding:5px 9px;font-size:12px;font-weight:700;background:#f2f4f8;color:#586579}.readiness-state.passed{background:#e6f5ed;color:#226443}.readiness-state.action{background:#fff3da;color:#805315}.readiness-footer{margin-top:15px}.job-card-heading>.secondary{margin-top:12px}@media(max-width:600px){.readiness-panel{padding:16px}.readiness-row{gap:10px}.readiness-state{font-size:11px}}
.pdf-fields-editor{width:min(1180px,96vw);max-width:96vw;padding:24px;max-height:94vh;border:0;border-radius:16px}.pdf-field-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:16px 0}.pdf-field-toolbar label{min-width:150px;margin:0}.pdf-field-toolbar>span{align-self:center;font-size:13px;color:#63758a}.pdf-field-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}.pdf-field-preview{min-width:0;max-height:64vh;overflow:auto;background:#e8edf2;border-radius:10px;padding:12px}.pdf-field-preview canvas{display:block;width:100%;height:auto;background:white;cursor:crosshair}.pdf-field-panel{min-width:0;max-height:64vh;overflow:auto}.pdf-field-list{display:grid;gap:6px}.pdf-field-row{text-align:left;padding:10px;border:1px solid #dce4eb;border-radius:8px;font-size:12px;line-height:1.5;background:white;overflow-wrap:anywhere}.pdf-field-row.active{border-color:#217e81;background:#e9f5f2}.pdf-field-detail{margin-top:14px}.pdf-field-detail label{margin-bottom:10px}.pdf-field-detail input,.pdf-field-detail select{padding:8px}.pdf-fields-editor .button-row{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.pdf-fields-editor .form-error:empty{display:none}.selected-pdf-row{flex-wrap:wrap;align-items:center}.selected-pdf-info{flex:1;min-width:180px;display:grid;gap:4px}.selected-pdf-info .muted{font-size:12px}.selected-pdf-row .document-actions{flex-wrap:wrap}.sidebar-bottom .text-button{display:block;text-align:left;padding-left:0}.mobile-account>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:700px){.pdf-fields-editor{padding:16px}.pdf-field-editor-layout{grid-template-columns:1fr}.pdf-field-preview{max-height:48vh}.pdf-field-panel{max-height:none}.pdf-field-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-field-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pdf-field-detail h3{grid-column:1/-1}.pdf-field-toolbar{gap:8px}.pdf-field-toolbar label{flex:1;min-width:120px}}
.standalone-document-list .sign-doc-button{max-width:none}.standalone-document-list .sign-doc-button span:first-child{min-width:0;overflow-wrap:anywhere;text-align:left}@media(max-width:680px){.standalone-document-list .sign-doc-button{min-width:0;width:100%;gap:12px}.standalone-document-list .sign-doc-button span:first-child{flex:1}.standalone-document-list .sign-doc-button span:last-child{flex-shrink:0}}

/* Owner data controls share the settings card layout. */
.data-control-form{display:grid;gap:12px;align-items:start;margin:18px 0;padding:16px;border:1px solid var(--border,#dce4df);border-radius:12px;min-width:0}.data-control-form label{display:grid;gap:6px;font-weight:600;min-width:0}.data-control-form input,.data-control-form select{width:100%;min-width:0}.data-control-form button{justify-self:start}.data-governance .readiness-row{align-items:start}.data-governance .readiness-row>div{min-width:0;overflow-wrap:anywhere}.browser-alert-preferences .button-row{flex-wrap:wrap}.channel-composer>.checkbox-label{padding:8px 14px;font-size:12px;align-items:start}.upload-box .checkbox-label{margin:12px 0;font-size:13px;align-items:start}

.data-export-form .data-export-confirmation{display:flex;gap:10px;align-items:flex-start;font-weight:400}.data-export-form .data-export-confirmation input{width:18px;height:18px;flex:none;margin-top:2px}.settings-tabs{margin-bottom:18px;flex-wrap:wrap}.settings-tabs button{white-space:normal;text-align:center}

/* Board-specific workflows keep editing next to the board it changes. */
.board-dialog .dialog-heading h2{margin:5px 0 0}.board-details-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.board-workflow-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.board-workflow-heading h3{margin:0}.board-workflow-heading>span{font-size:12px;color:#6d8792}.board-workflow-help{margin:7px 0 15px}.board-status-editor-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px}.board-status-editor-row>.board-column-position{font-size:11px;align-self:start;margin-top:13px;color:#7c939e;line-height:1}.board-column-editor-copy{min-width:0}.board-column-name{width:100%;min-width:0;min-height:42px;margin:0;padding:10px 12px;font-size:14px;color:#345b67;background:#fff;border:1px solid #ccdce2;border-radius:6px}.board-column-note{display:block;font-size:10px;line-height:1.5;color:#77909b;margin-top:5px}.board-column-editor-actions{display:flex;align-items:center;gap:2px;align-self:start}.board-column-editor-actions .icon-button{display:grid;place-items:center;min-width:32px;min-height:42px;padding:0;line-height:1}.board-column-editor-actions .icon-button:disabled{opacity:.35;cursor:default}.board-new-status{display:flex;gap:12px;align-items:flex-end;margin:17px 0 13px}.board-new-status label{flex:1;min-width:0;margin:0;font-size:12px}.board-new-status input{margin-top:7px;min-height:44px;font-size:14px}.board-new-status button{min-height:44px;white-space:nowrap;font-size:13px}.board-status-options{border-top:1px solid #dbe5e8;border-bottom:1px solid #dbe5e8;padding:13px 0;color:#577b87}.board-status-options summary{font-size:12px;cursor:pointer;min-height:24px;line-height:24px}.board-status-options .board-status-quick{margin-bottom:0}.board-dialog #board-clear-statuses{font-size:12px;margin-top:8px}.board-dialog .dialog-actions{margin-top:17px;justify-content:flex-end}.board-workflow-empty{padding:14px 17px;margin:0;color:#6d8995;font-size:13px;line-height:1.7}.board-dialog #board-reload{white-space:normal;text-align:left;line-height:1.5}
@media(max-width:680px){.board-details-fields{grid-template-columns:1fr;gap:13px}.board-status-editor-row{grid-template-columns:18px minmax(0,1fr);gap:7px;padding:10px}.board-column-editor-actions{grid-column:2;justify-content:flex-end;margin-top:0}.board-column-editor-actions .icon-button{width:40px;min-height:40px}.board-column-name{font-size:16px;min-height:44px}.board-column-note{font-size:11px}.board-new-status{flex-wrap:wrap;gap:8px}.board-new-status label{flex-basis:100%}.board-new-status input{font-size:16px}.board-new-status button{width:100%;min-height:44px}.board-dialog #board-status-list{max-height:300px}.board-status-options .board-add-status{flex-wrap:wrap}.board-status-options .board-add-status select{flex-basis:100%;font-size:16px;min-height:44px}.board-status-options .board-add-status button{min-height:44px}.board-dialog .dialog-actions{display:flex;gap:10px}.board-dialog .dialog-actions button{flex:1;min-height:44px;font-size:13px}.board-workflow-heading{margin-top:19px}}

/* Board colors remain readable without relying on color alone. */
.status-color-teal{--status-accent:#17675e;--status-soft:#e3f2ed}
.status-color-blue{--status-accent:#225fa4;--status-soft:#e7effb}
.status-color-purple{--status-accent:#7046a0;--status-soft:#f0eafa}
.status-color-amber{--status-accent:#8b5b08;--status-soft:#fbf1d9}
.status-color-red{--status-accent:#a03939;--status-soft:#fae9e7}
.status-color-green{--status-accent:#356c35;--status-soft:#eaf3e4}
.status-color-pink{--status-accent:#9c386d;--status-soft:#f9e9f0}
.status-color-slate{--status-accent:#526274;--status-soft:#e9edf2}
.board-column[class*="status-color-"]{border-top:3px solid var(--status-accent);background:var(--status-soft)}
.board-column-dot[class*="status-color-"]{background:var(--status-accent)}
.badge[class*="status-color-"]{background:var(--status-soft);color:var(--status-accent)}
.board-column-heading.has-column-drag{grid-template-columns:22px 7px minmax(0,1fr) 24px;gap:7px}
.column-drag-handle{border:0;background:transparent;color:#597280;cursor:grab;touch-action:none;user-select:none;font-size:22px;line-height:1;width:24px;min-height:29px;padding:0;margin:-4px 0 0 -4px;border-radius:4px}
.column-drag-handle:hover,.column-drag-handle:focus-visible{background:#fff9;outline:2px solid #4c867e;outline-offset:1px}
.column-drag-handle:active{cursor:grabbing}.board-column.column-dragging{opacity:.55}.board-column.column-drop-target{outline:3px solid #3d8277;outline-offset:2px}
.board-column-editor-copy{display:grid;grid-template-columns:minmax(100px,1fr) 126px;gap:8px;align-items:start}
.board-column-editor-copy .board-column-note{grid-column:1/-1}
.board-column-editor-copy .board-status-color{font-size:12px;min-height:42px;padding:9px 7px;background-color:white;min-width:0;width:100%;border-left:4px solid #a9babf}
.board-column-editor-copy .board-status-color[class*="status-color-"]{border-left-color:var(--status-accent);color:var(--status-accent)}
@media(max-width:680px){.board-column-editor-copy{grid-template-columns:minmax(0,1fr)}.board-column-editor-copy .board-status-color{min-height:44px;font-size:16px}.column-drag-handle{min-width:30px;min-height:36px;margin-top:-7px}.board-column-heading.has-column-drag{grid-template-columns:26px 7px minmax(0,1fr) 24px}}

/* Contacts stay visible beside the job's customer and property details. */
.card-contacts{border:1px solid var(--border);border-radius:12px;padding:16px;margin:18px 0;background:#fff;min-width:0}
.card-contacts-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.card-contacts-heading h3{margin:0}
.card-contact{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 0;border-top:1px solid var(--border);min-width:0}
.card-contact strong{flex-basis:100%;overflow-wrap:anywhere}
.card-contacts .contact-link{display:inline-block;overflow-wrap:anywhere;max-width:100%;line-height:1.6}
.card-contacts a.contact-link{color:var(--green);text-underline-offset:3px;padding:6px 0}
.card-contacts p{margin:8px 0 0}

.record-editor-dialog{width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto}
.record-editor-dialog .dialog-actions{flex-wrap:wrap}
.record-editor-dialog .dialog-actions button{white-space:normal}
.record-edit-actions{margin-top:12px;flex-wrap:wrap}
.card-contact .text-button{margin-left:auto}

.job-assignment-fields{border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin:4px 0;min-width:0}
.job-assignment-fields legend{font-weight:650;padding:0 6px}
.job-assignment-fields>label{margin-top:0}
.job-assignment-fields>.muted{margin:12px 0 4px;font-size:12px}
.job-team-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:4px 12px}
.job-team-options .checkbox-label{margin:0;padding:8px 0;align-items:flex-start}
.job-team-options .checkbox-label span{overflow-wrap:anywhere}
.card-assignee-group{display:inline-flex;gap:3px;align-items:center;margin-left:auto}
.card-assignee-group .card-assignee{margin-left:0;flex-shrink:0}

.client-copy-page{max-width:680px;margin:0 auto;padding:48px 20px;line-height:1.6}.client-copy-page h1{line-height:1.15}.client-copy-document{padding:20px;margin:18px 0;border:1px solid var(--line,#dce4e4);border-radius:16px;background:var(--surface,#fff)}.client-copy-document h2{font-size:1.1rem;overflow-wrap:anywhere}.client-copy-document button{min-height:44px}.client-copy-share img{display:block;max-width:100%;height:auto;margin:16px auto}.client-copy-share input{width:100%;min-width:0}

/* Standalone document desk: PDF work does not require a CRM record. */
.documents-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;margin-bottom:22px;background:#fff;border:1px solid var(--border);border-top:4px solid #d6cb2f;border-radius:12px;box-shadow:0 3px 12px #23232105}
.documents-intro>div:first-child{min-width:0}.documents-intro h2{margin:0 0 8px;color:var(--ec-ink,#242424);font-size:25px;letter-spacing:-.6px}.documents-intro p{margin:0;color:var(--muted);font-size:13px;line-height:1.7;max-width:600px}
.documents-intro-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}.documents-intro-actions button{min-height:44px;white-space:nowrap}
.documents-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:400px;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.documents-sidebar{background:#fafaf8;border-right:1px solid var(--border);padding:22px 16px;min-width:0}.documents-sidebar h3{font-size:14px;margin:0 0 15px;color:var(--ec-ink,#242424)}.documents-sidebar input{width:100%;min-width:0;min-height:44px;font-size:13px}
.document-catalog{display:flex;flex-direction:column;gap:8px;margin-top:16px}.document-catalog-item{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px;min-width:0;width:100%;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ec-ink,#242424)}.document-catalog-item:hover{background:#f0f0ed;border-color:#dededb}.document-catalog-item.active{background:#f9f8dc;border-color:#d7cf73;box-shadow:inset 3px 0 #cdc126}.document-catalog-item strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.document-catalog-item span{font-size:11px;line-height:1.5;color:var(--muted)}.document-catalog-item small{font-size:10px;line-height:1.4;color:var(--muted)}
.documents-content{padding:24px;min-width:0}.documents-detail-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:15px}.documents-detail-heading .text-button{min-height:44px}.documents-content .packet-card{margin:0}.documents-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;padding:28px 18px;text-align:center;gap:16px}.documents-empty-icon{display:grid;place-items:center;width:56px;height:66px;border:1px solid #d7d4aa;border-radius:8px;background:#f9f8e7;font-size:12px;font-weight:750;color:#69634b;letter-spacing:1px}.documents-empty h3{margin:0;font-size:19px;color:var(--ec-ink,#242424)}.documents-empty p{margin:0;max-width:390px;font-size:13px;line-height:1.7;color:var(--muted)}.documents-empty button{min-height:44px;margin-top:4px}.documents-loading,.documents-library-error{padding:25px;background:white;border:1px solid var(--border);border-radius:12px;color:var(--muted);font-size:14px}.documents-library-error p{margin:0 0 14px}.documents-library-templates{margin-bottom:22px}.job-document-templates{margin:16px 0 24px;border:1px solid var(--border);border-radius:9px;padding:14px}.job-document-templates summary{cursor:pointer;font-size:13px;font-weight:650;min-height:24px;line-height:24px}.job-document-templates .agreement-templates{margin:18px 0 0}
@media(max-width:1100px){.documents-intro{align-items:flex-start;flex-direction:column}.documents-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:680px){.documents-intro{padding:20px;margin-bottom:16px;gap:18px}.documents-intro h2{font-size:23px}.documents-intro-actions{width:100%;gap:8px}.documents-intro-actions button{flex:1;padding:10px 12px;font-size:13px}.documents-layout{display:block;min-height:0}.documents-sidebar{padding:18px;border-right:0;border-bottom:1px solid var(--border)}.documents-sidebar input{font-size:16px}.document-catalog{flex-direction:row;overflow-x:auto;scroll-snap-type:x proximity;margin-top:12px}.document-catalog-item{flex:0 0 210px;max-width:230px;scroll-snap-align:start;min-height:100px}.document-catalog>.muted{font-size:12px}.documents-content{padding:16px}.documents-empty{min-height:260px;padding:24px 6px}.documents-detail-heading .record-kind{font-size:9px}.documents-detail-heading .text-button{font-size:12px}.documents-content .packet-signers button{min-height:44px}}

/* Agreement setup and card fields use the same compact form rhythm as job cards. */
.company-agreement-badge{display:inline-flex;align-items:center;border-radius:5px;padding:5px 8px;background:#f8f3ba;color:#5a5019;font-size:11px;font-weight:700;margin-top:12px}
.packet-agreement-details{min-width:0;border:1px solid var(--border);border-radius:10px;margin:22px 0 0;padding:16px}.packet-agreement-details legend{padding:0 6px;font-weight:700}.packet-agreement-details>.muted{margin:0 0 4px}.packet-agreement-details .form-grid{column-gap:16px;row-gap:0}.packet-agreement-details .form-grid>label{min-width:0}.packet-agreement-details .form-grid input,.packet-agreement-details .form-grid select{min-width:0}
.agreement-settings-dialog{width:min(680px,calc(100vw - 28px))}.agreement-settings-dialog .dialog-heading{align-items:center;gap:16px}.agreement-settings-dialog .dialog-heading h2{font-size:21px;line-height:1.3}.agreement-settings-dialog .dialog-heading .icon-button{flex:none;margin:0}.agreement-settings-dialog>.muted{line-height:1.6}.agreement-settings-dialog .muted{color:var(--muted);font-size:13px}.agreement-error{color:#8c351d;font-size:13px;padding:12px 14px;background:#fff1e9;border-radius:8px;margin:14px 0 0;overflow-wrap:anywhere}
.agreement-route-list{border:1px solid var(--border);border-radius:10px;padding:4px 14px;margin:18px 0}.agreement-route-list>.muted{margin:10px 0}.agreement-route-row{display:grid;grid-template-columns:minmax(100px,.6fr) minmax(0,1fr);gap:14px;padding:13px 0;align-items:center;font-size:13px;border-bottom:1px solid var(--border)}.agreement-route-row:last-child{border-bottom:0}.agreement-route-row span{overflow-wrap:anywhere;color:var(--muted)}.agreement-route-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.agreement-route-form>label{margin:0;min-width:0}.agreement-route-form>button{grid-column:1/-1;justify-self:end;min-height:44px}
.custom-field-editor{margin:10px 0;padding:14px;border:1px solid var(--border);border-radius:9px}.custom-field-editor summary{font-weight:650;cursor:pointer;line-height:1.6;overflow-wrap:anywhere}.custom-field-definition{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.55fr);gap:14px;align-items:end}.custom-field-definition>label{min-width:0;margin-top:12px}.custom-field-definition>.full-field{grid-column:1/-1}.custom-field-definition>button{justify-self:start;min-height:44px}.custom-field-definition .custom-field-type{padding:12px;color:var(--muted);font-size:12px}.custom-field-editor>.text-button{margin-top:12px}.custom-field-add-heading{margin-top:24px;margin-bottom:0}
.card-agreement,.card-custom-fields{border:1px solid var(--border);border-radius:12px;padding:18px;margin:20px 0;min-width:0}.card-agreement:empty,.card-custom-fields:empty{display:none}.card-agreement-heading,.custom-fields-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.card-agreement-heading h3,.custom-fields-heading h3{margin:0;font-size:16px}.agreement-status{font-size:11px;background:#f7f4d8;padding:6px 8px;border-radius:5px;color:#625b2a;line-height:1.4}.card-agreement .info-grid{margin:0 0 14px}.card-agreement .info-grid dt{font-size:11px}.card-agreement .info-grid dd{font-size:14px;line-height:1.5}.card-agreement .contact-link{display:block;overflow-wrap:anywhere;font-size:13px}.card-agreement .agreement-phone{margin:7px 0 0;font-size:13px}.card-agreement .button-row{margin-top:14px}.card-agreement button,.card-custom-fields button{min-height:44px}.card-custom-fields>.muted{margin:0}.custom-field-values{display:grid;grid-template-columns:1fr 1fr;gap:16px}.custom-field-values>label{margin:0;min-width:0}.custom-field-values input,.custom-field-values select{min-width:0}.custom-field-values>.full-field{grid-column:1/-1}.custom-field-values>.checkbox-label{min-height:44px;align-items:center;font-size:13px}.custom-field-values>.checkbox-label input{margin:0 0 0 auto}.custom-field-values>button{grid-column:1/-1;justify-self:start}
@media(max-width:600px){.agreement-route-form,.custom-field-definition,.custom-field-values,.packet-agreement-details .form-grid{grid-template-columns:1fr}.agreement-route-form>button{width:100%}.agreement-settings-dialog{padding:20px}.agreement-settings-dialog input,.agreement-settings-dialog select,.agreement-settings-dialog textarea,.packet-agreement-details input,.packet-agreement-details select,.custom-field-values input,.custom-field-values select{font-size:16px}.card-agreement,.card-custom-fields{padding:15px}.card-agreement-heading,.custom-fields-heading{gap:8px}.card-agreement .button-row{display:grid;grid-template-columns:1fr}.card-agreement button{white-space:normal;line-height:1.4}.agreement-route-row{grid-template-columns:1fr 1fr}.custom-field-definition>.custom-field-type{padding:0}.custom-field-definition>button,.custom-field-values>button{width:100%}}
.agreement-pending{margin:14px 0;padding:15px;border:1px solid #d6ca8b;border-radius:9px;background:#fffcdf;font-size:13px}.agreement-pending strong{display:block;line-height:1.5}.agreement-pending p{margin:7px 0;font-size:12px}.agreement-pending button{min-height:44px}

.signer-handoff{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:10px;width:100%;max-width:580px;margin:8px 0}.signer-handoff>label{margin:0;font-size:13px}.signer-handoff select{width:100%;max-width:100%;min-height:44px}.signer-handoff .checkbox-label{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.signer-handoff .checkbox-label input{flex:0 0 auto;margin-top:3px}.signer-handoff>button{justify-self:start}@media(max-width:600px){.signer-handoff select{font-size:16px}.signer-handoff>button{width:100%}}

.bound-agreement-value{display:block;font-weight:650;line-height:1.5;overflow-wrap:anywhere;padding:8px 0}.bound-agreement-value+.muted{display:block;font-size:12px;font-weight:400;line-height:1.5}
.packet-template-fields{margin:24px 0}.prepared-document-section{border-top:1px solid var(--border);padding-top:20px}.prepared-document-section h3{font-size:16px;margin:0 0 4px}.prepared-document-section .form-grid>label{min-width:0}.prepared-document-section input{min-width:0;min-height:44px}.packet-template-fields>.muted{font-size:12px;line-height:1.6;margin:14px 0 0}.packet-card-details{margin-top:20px;border-top:1px solid var(--border);padding-top:12px}.packet-card-details summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-size:13px;font-weight:600;line-height:1.5}.packet-card-details>.muted{font-size:12px;line-height:1.6;margin:6px 0}.packet-card-details:not([open])>.form-grid{display:none}@media(max-width:600px){.prepared-document-section .form-grid{grid-template-columns:1fr}.prepared-document-section input{font-size:16px}.packet-template-fields{margin:20px 0}.packet-card-details summary{font-size:13px}}

/* Card actions stay reachable while a long card scrolls. */
.job-card-toolbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 20px;background:#fff;border-bottom:1px solid var(--border)}
.job-card-toolbar .card-close{position:static;flex:0 0 44px;width:44px;height:44px;margin:0;font-size:26px;line-height:1}
.job-card-toolbar>button{min-height:44px;white-space:nowrap}
.job-card-toolbar .card-delete{color:#9c2929;border-color:#d8aaaa;background:#fff;font-weight:650}
.job-card-toolbar .card-delete:hover{color:#7d2020;background:#fff1f1;border-color:#9c2929}
@media(max-width:680px){.job-card-toolbar{gap:8px;padding:10px 14px}.job-card-toolbar>button{font-size:13px}.job-card-heading{padding-right:22px}}
