:root{--ink:#1f2927;--muted:#747b75;--bg:#f2f4ee;--white:#fff;--line:#e3e7df;--red:#82cec9;--red-dark:#b7e7df;--soft-red:#fff1ec;--green:#337773;--soft-green:#e8f5f0;--amber:#a66d14;--soft-amber:#fff5dd;--radius:14px;--shadow:0 16px 50px #1b292415;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #e78c7b;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 15px;color:var(--ink);font-weight:600;white-space:nowrap;transition:background .15s,transform .15s}button:hover{background:#f0f2ec}button.primary{background:var(--red);color:#1f2927;border-color:var(--red)}button.primary:hover{background:var(--red-dark)}button.ghost{background:transparent;border-color:transparent}button.danger{color:#a34940;border-color:#f1c9c5}button.small{padding:7px 10px;font-size:12px}button.icon{padding:9px;min-width:38px}button svg{width:17px;height:17px}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:#202625;color:#f5f7f3;display:flex;flex-direction:column;z-index:30;padding:31px 16px 17px}.brand{display:flex;align-items:center;gap:11px;padding:0 13px 30px}.brand-mark{display:grid;place-items:center;width:40px;height:44px;background:var(--red);border-radius:10px 10px 18px 10px;transform:rotate(-5deg);font-size:23px;font-weight:900;font-style:italic}.brand-mark span{transform:rotate(5deg)}.brand-name{font-weight:800;font-size:23px;letter-spacing:-1px}.brand-name em{font-style:normal;font-weight:400;color:#c3c9c2}.brand-sub{font-size:9px;letter-spacing:2px;color:#a6b1a5;text-transform:uppercase;margin-top:3px}.nav-label{font-size:10px;letter-spacing:1.5px;color:#8e9c8f;text-transform:uppercase;margin:16px 15px 9px}.nav{overflow-y:auto;scrollbar-width:thin}.nav-link{width:100%;justify-content:flex-start;color:#bfc8bf;border:0;background:transparent;font-weight:500;padding:10px 14px;font-size:13px;margin:2px 0;border-radius:7px}.nav-link:hover{background:#303a31;color:#fff}.nav-link.active{background:#303936;color:#fff;box-shadow:inset 3px 0 var(--red)}.nav-link.active svg{color:#82cec9}.nav-link .nav-count{margin-left:auto;background:#ffffff15;padding:2px 7px;border-radius:5px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:20px}.status-note{margin:0 9px 16px;padding:12px;border:1px solid #465045;border-radius:9px;font-size:11px;color:#b9c5b8;line-height:1.6}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#82cec9;margin-right:6px}.sidebar-user{display:flex;align-items:center;gap:9px;padding:12px 10px 0;border-top:1px solid #3c453c}.avatar{border-radius:50%;width:35px;height:35px;display:grid;place-items:center;background:#e6eade;color:#52634d;font-weight:700;font-size:12px;flex-shrink:0}.sidebar-user .avatar{background:#4c5747;color:#fff}.sidebar-user strong{font-size:12px}.sidebar-user small{display:block;color:#a1aea0;font-size:10px;margin-top:4px}.sidebar-user button{color:#a1aea0;margin-left:auto}.workspace{margin-left:235px;min-width:0;width:calc(100% - 235px)}.topbar{height:73px;border-bottom:1px solid var(--line);background:#fbfcf9;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:18px}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:12px;color:#8a9189}.breadcrumbs strong{color:#444e42;font-weight:500}.topbar-right{display:flex;gap:18px;align-items:center;font-size:11px;color:var(--muted)}.topbar-right .divider{width:1px;height:25px;background:var(--line)}.mobile-menu{display:none}.main{padding:34px 38px 50px;max-width:1680px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{color:var(--green);text-transform:uppercase;font-size:10px;letter-spacing:1.8px;font-weight:700;margin-bottom:9px}.page-heading h1{font-size:29px;font-weight:650;letter-spacing:-1px;margin:0 0 9px}.page-heading p{color:var(--muted);font-size:12px;margin:0;line-height:1.6}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.card-head{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.card-head h2{font-size:15px;margin:0;font-weight:650;letter-spacing:-.2px}.card-head p{color:var(--muted);font-size:11px;margin:6px 0 0}.card-body{padding:22px 23px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metric{padding:20px 22px;position:relative}.metric-label{font-size:12px;color:#6c756a;display:flex;align-items:center;justify-content:space-between}.metric-icon{background:#f1f4ed;border-radius:9px;width:33px;height:33px;display:grid;place-items:center;color:#71826b}.metric-number{font-size:32px;letter-spacing:-1.5px;font-weight:650;margin:8px 0 10px}.metric-foot{color:#838c80;font-size:10px;display:flex;gap:6px;align-items:center}.metric-foot b{color:var(--green);font-weight:600}.metric.highlight{background:#e6f3ef;border-color:#cde5de}.metric.highlight .metric-icon{background:#cce7de;color:#38746a}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:23px}.dashboard-stack{display:flex;flex-direction:column;gap:23px}.section-subtitle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.schedule-row{padding:18px 22px;display:grid;grid-template-columns:74px 1fr auto;gap:15px;border-bottom:1px solid #edf0e8;align-items:start;cursor:pointer}.schedule-row:hover{background:#fbfcf8}.schedule-row:last-child{border-bottom:0}.schedule-time{font-size:13px;font-weight:650;padding-top:2px}.schedule-time small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:6px}.job-summary{border-left:3px solid #a0b58b;padding-left:13px}.job-summary.red{border-color:#d87668}.job-summary strong{font-size:12px;font-weight:650;display:block;margin-bottom:5px}.job-summary p{font-size:11px;color:#737d6c;margin:4px 0}.job-summary .meta{font-size:10px;margin-top:10px;display:flex;gap:12px;color:#7e8778}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;font-size:10px;padding:5px 7px;font-weight:600;white-space:nowrap;background:#eef1ea;color:#596453}.pill.booked,.pill.active,.pill.sent,.pill.submitted{background:var(--soft-green);color:var(--green)}.pill.draft,.pill.queued,.pill.pending{background:var(--soft-amber);color:var(--amber)}.pill.cancelled,.pill.inactive,.pill.failed,.pill.held,.pill.unknown{background:var(--soft-red);color:#b75647}.pill.completed{background:#e7edf8;color:#4e6894}.pill.in-progress{background:#edf0fa;color:#6a65a5}.small-muted{font-size:11px;color:var(--muted);line-height:1.6}.card-footer{padding:13px 22px;border-top:1px solid var(--line);font-size:11px;background:#fcfdf9;display:flex;justify-content:space-between;align-items:center}.text-button{padding:0;border:0;color:var(--green);background:none;font-size:11px}.text-button:hover{background:none;color:var(--red)}.renewal-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #edf0e8;padding:15px 0}.renewal-row:first-child{padding-top:0}.renewal-row:last-child{border:0;padding-bottom:0}.renewal-row strong{display:block;font-size:12px}.renewal-row small{font-size:10px;color:var(--muted);display:block;margin-top:6px}.days-box{text-align:right;font-size:11px;color:var(--green);white-space:nowrap}.days-box small{font-size:9px}.quick-card{padding:20px 23px;background:#273a35;color:#fff;position:relative;overflow:hidden}.quick-card h3{font-size:16px;font-weight:550;letter-spacing:-.3px;margin:0 0 8px}.quick-card p{font-size:11px;color:#b4c2b2;line-height:1.7;max-width:290px;margin-bottom:19px}.quick-card button{border-color:#5a6c56;color:#e8f0e2;background:#354831;padding:8px 13px;font-size:11px}.quick-card svg.decor{position:absolute;width:100px;height:100px;right:-18px;bottom:12px;color:#52694e;opacity:.35}.activity{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid #eef0eb;align-items:center}.activity:last-child{border:0}.activity-icon{width:31px;height:31px;border-radius:8px;background:#f1f4ed;color:#75856b;display:grid;place-items:center}.activity strong{font-size:11px;font-weight:500}.activity small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;flex-wrap:wrap}.search{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;min-width:240px;max-width:420px;flex:1}.search svg{width:16px;color:#97a08f}.search input{border:0;box-shadow:none;padding:11px 0;min-width:0;width:100%;background:transparent}.search input:focus{outline:0;box-shadow:none}.filter-tabs{display:flex;gap:3px;border:1px solid var(--line);padding:4px;border-radius:9px;background:#eef1e9}.filter-tabs button{border:0;background:transparent;padding:7px 12px;font-size:11px;color:var(--muted)}.filter-tabs button.active{background:#fff;box-shadow:0 1px 3px #20301415;color:var(--ink)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{text-transform:uppercase;letter-spacing:.9px;font-size:9px;color:#84907e;background:#fbfcf8;font-weight:600;padding:14px 20px;white-space:nowrap}td{padding:17px 20px;font-size:12px;border-top:1px solid #eaf0e5;vertical-align:middle}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#fafcf7}td strong{font-weight:600}td small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.cell-name{display:flex;gap:11px;align-items:center}.cell-name .avatar{border-radius:10px;background:#eff2e9;width:35px;height:35px;color:#6d7c63}.table-count{font-size:11px;padding:15px 20px;color:var(--muted);border-top:1px solid var(--line)}.empty{text-align:center;padding:60px 25px;color:var(--muted)}.empty svg{width:34px;height:34px;color:#a4b09b;margin-bottom:13px}.empty h3{font-size:16px;font-weight:600;margin:0 0 9px;color:#495441}.empty p{font-size:12px;line-height:1.7;max-width:450px;margin:0 auto 19px}.notice{padding:14px 16px;background:#edf3e8;color:#536a46;border:1px solid #dbe6d2;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:20px}.notice.warning{background:#fff6e8;border-color:#efdfc2;color:#906b32}.notice.error{background:#fff1ec;border-color:#e9c7ba;color:#a75139}.notice.info{background:#f0f3f8;border-color:#dce4ef;color:#596e8a}.notice strong{font-weight:650}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.span-2{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;min-width:0}.field label{font-weight:600;font-size:11px;color:#586251}.field input,.field select,.field textarea,input,select,textarea{width:100%;border:1px solid #dfe5d9;border-radius:7px;padding:10px 11px;background:#fff;color:var(--ink);outline:none;min-height:39px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#a5b696;box-shadow:0 0 0 3px #c5d6b529}textarea{resize:vertical;min-height:88px;line-height:1.6}.field small{color:var(--muted);font-size:10px;line-height:1.5}.field.checkbox{flex-direction:row;align-items:center;gap:10px;padding-top:10px}.field.checkbox input{width:16px;height:16px;min-height:0;accent-color:var(--green)}.field.checkbox label{font-size:12px;line-height:1.5}.form-divider{border:0;border-top:1px solid var(--line);margin:17px 0 22px}.form-section-title{font-size:13px;font-weight:650;margin:0 0 17px}.modal-overlay{position:fixed;inset:0;background:#101a165e;z-index:100;display:flex;justify-content:flex-end;backdrop-filter:blur(2px)}.modal{background:var(--bg);width:620px;max-width:100%;height:100%;display:flex;flex-direction:column;box-shadow:-10px 0 50px #0002;animation:slide .18s ease-out}.modal.wide{width:900px}.modal-header{padding:25px 28px 21px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:center}.modal-header h2{font-size:21px;letter-spacing:-.6px;margin:0 0 7px;font-weight:650}.modal-header p{margin:0;font-size:11px;color:var(--muted)}.modal-content{padding:25px 28px;overflow:auto;flex:1}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:17px 28px;background:#fff;border-top:1px solid var(--line)}.modal-footer .left{margin-right:auto}form{margin:0}.form-error{color:#a33d32;background:#fff0eb;border:1px solid #ecc6bd;border-radius:8px;padding:12px;font-size:12px;line-height:1.5;margin:0 0 18px;display:none}.form-error.visible{display:block}.detail-hero{display:flex;align-items:center;gap:15px;margin-bottom:23px}.detail-hero .avatar{width:54px;height:54px;border-radius:13px;font-size:20px}.detail-hero h3{font-size:22px;letter-spacing:-.6px;margin:0 0 7px}.detail-hero p{font-size:12px;color:var(--muted);margin:0}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0}.detail-info dt{font-size:10px;color:var(--muted);margin-bottom:5px}.detail-info dd{margin:0;font-size:12px;line-height:1.6;white-space:pre-wrap}.mini-record{border:1px solid var(--line);border-radius:9px;padding:14px;margin-bottom:10px;background:#fff;display:flex;justify-content:space-between;gap:10px;align-items:start}.mini-record strong{font-size:12px}.mini-record p{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.6}.mini-record button{padding:5px;font-size:10px}.detail-section{margin-top:25px}.detail-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.detail-section-head h3{font-size:14px;margin:0}.calendar{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));min-width:900px}.calendar-day{border-right:1px solid var(--line);min-height:390px}.calendar-day:last-child{border:0}.day-head{padding:17px 13px;background:#fcfdf9;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;text-transform:uppercase;display:flex;gap:9px;align-items:center;letter-spacing:.5px}.day-head b{font-size:19px;color:#58654f}.day-head.today{background:#eef4e7;color:var(--green)}.day-head.today b{color:var(--green)}.day-events{padding:8px}.calendar-event{display:block;width:100%;border:1px solid #dbe6d0;border-left:3px solid #8da776;border-radius:6px;background:#f2f7ee;padding:10px;margin:7px 0;text-align:left;white-space:normal;line-height:1.5;cursor:pointer}.calendar-event strong{display:block;font-size:11px;font-weight:600}.calendar-event small{display:block;font-size:9px;color:#74826b;margin:4px 0}.calendar-event .event-time{font-size:10px;color:#557443;margin-bottom:5px;font-weight:600}.calendar-controls{display:flex;gap:8px;align-items:center}.calendar-controls strong{font-size:12px;min-width:140px;text-align:center}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.template-card{padding:20px;cursor:pointer;display:flex;flex-direction:column;min-height:190px}.template-card:hover{border-color:#acbca0;box-shadow:0 4px 14px #1d35200a}.template-card .template-icon{background:#eef3e8;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#708464;margin-bottom:15px}.template-card h3{font-size:13px;line-height:1.6;margin:0 0 9px}.template-card p{font-size:10px;color:var(--muted);line-height:1.6;margin:0 0 15px}.template-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:10px;color:#87927e}.upload-zone{border:1px dashed #aebf9f;border-radius:12px;background:#f5f8f1;padding:35px 25px;text-align:center;margin-bottom:22px}.upload-zone svg{width:35px;height:35px;color:#7e956e;margin-bottom:12px}.upload-zone h3{font-size:15px;font-weight:600;margin:0 0 8px}.upload-zone p{font-size:11px;color:var(--muted);margin:0 0 18px}.upload-zone input{max-width:350px;background:#fff;font-size:12px}.schema-preview{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.schema-row{padding:11px 15px;border-bottom:1px solid #e9eee4;display:flex;gap:15px;justify-content:space-between;font-size:11px}.schema-row small{color:var(--muted)}.json-box{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;white-space:pre-wrap;word-break:break-word;background:#f4f6f0;padding:16px;border:1px solid var(--line);border-radius:8px;overflow:auto;max-height:350px;line-height:1.6}.connection-card{padding:23px}.connection-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.connection-logo{display:flex;gap:12px;align-items:center}.connection-logo h3{font-size:15px;margin:0 0 5px}.connection-logo p{font-size:10px;color:var(--muted);margin:0}.ms-logo{display:grid;grid-template-columns:repeat(2,14px);gap:3px;width:31px;height:31px}.ms-logo i:nth-child(1){background:#f25022}.ms-logo i:nth-child(2){background:#7fba00}.ms-logo i:nth-child(3){background:#00a4ef}.ms-logo i:nth-child(4){background:#ffb900}.clicksend-logo{width:36px;height:36px;border-radius:8px;background:#0085c8;color:#fff;display:grid;place-items:center}.connection-details{font-size:12px;line-height:1.8;color:var(--muted)}.connection-details ul{padding-left:18px}.settings-list{display:flex;flex-direction:column;gap:5px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--line);gap:15px}.toggle-row strong{font-size:12px;display:block}.toggle-row small{font-size:10px;display:block;margin-top:5px;color:var(--muted);line-height:1.5}.toggle-row input{width:18px;height:18px;accent-color:var(--green);min-height:0}.report-field-group{padding:18px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:15px}.report-field-group h4{margin:0 0 14px;font-size:13px}.report-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.report-controls label{display:flex;align-items:center;gap:6px;font-size:11px}.report-controls input{width:15px;min-height:0}.chemical-row{padding:15px;background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:12px}.chemical-row .field{margin-bottom:10px}.permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.permissions-grid label{display:flex;align-items:center;gap:8px;font-size:11px;padding:8px}.permissions-grid input{width:15px;min-height:0;accent-color:var(--green)}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-brand{background:#202625;padding:65px;display:flex;flex-direction:column;color:#fff;position:relative;overflow:hidden}.auth-brand .brand{padding:0}.auth-copy{margin:auto 0;max-width:500px}.auth-copy h1{font-size:50px;line-height:1.15;letter-spacing:-2px;font-weight:550}.auth-copy h1 span{color:#82cec9}.auth-copy p{font-size:15px;color:#adbda6;line-height:1.8;max-width:420px}.auth-features{display:flex;gap:20px;margin-top:35px;color:#cfdbc7;font-size:11px;flex-wrap:wrap}.auth-features span{display:flex;align-items:center;gap:7px}.auth-brand footer{font-size:11px;color:#a8b4a3}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px}.auth-box{width:370px;max-width:100%}.auth-box h2{font-size:28px;letter-spacing:-.8px;margin:0 0 10px}.auth-box>p{color:var(--muted);line-height:1.7;font-size:12px;margin-bottom:28px}.auth-box .primary{width:100%;margin-top:8px;padding:12px}.auth-box footer{font-size:10px;color:#90998a;margin-top:23px;text-align:center;line-height:1.6}.boot{min-height:100vh;display:grid;place-items:center;color:#6f7d65}.loading-line{height:3px;background:#e9eee2;position:relative;overflow:hidden}.loading-line:after{content:'';display:block;height:100%;width:30%;background:#9bac8a;animation:loading 1s infinite}.demo-banner{border:1px solid #e9d2ad;background:#fff8e9;color:#977539;border-radius:8px;padding:10px 14px;font-size:11px;margin-bottom:20px}.badge-number{font-size:10px;background:#eef2e8;border-radius:5px;padding:3px 7px;color:#6d7a61;margin-left:7px}.help-list{margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.9}.inline-link{color:var(--green);text-decoration:underline}.screen-reader-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);padding:13px 20px;background:#283b2c;color:#fff;border-radius:9px;box-shadow:var(--shadow);z-index:200;font-size:12px;max-width:90vw;opacity:0;pointer-events:none;transition:all .2s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#903d32}@keyframes slide{from{transform:translateX(25px);opacity:.6}to{transform:translateX(0);opacity:1}}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(450%)}}@media(min-width:1600px){.main{padding-top:42px}.dashboard-grid{grid-template-columns:1.85fr 1fr}.metrics{gap:24px}.metric{padding:25px}.schedule-row{padding-top:22px;padding-bottom:22px}}@media(max-width:1150px){.sidebar{width:205px;padding-left:10px;padding-right:10px}.workspace{margin-left:205px;width:calc(100% - 205px)}.topbar{padding:0 25px}.main{padding:28px 25px}.metrics{gap:12px}.metric{padding:17px}.metric-label{font-size:11px}.metric-number{font-size:28px}.dashboard-grid{grid-template-columns:1fr}.dashboard-stack{display:grid;grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:repeat(2,1fr)}.topbar-right .long-date{display:none}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:235px}.sidebar.open{transform:translateX(0);box-shadow:15px 0 60px #0005}.workspace{margin:0;width:100%}.mobile-menu{display:flex}.topbar{height:62px;padding:0 18px}.topbar .breadcrumbs{margin-right:auto}.main{padding:25px 18px}.topbar-right{gap:10px}.topbar-right .divider,.topbar-right .top-status{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.metrics{grid-template-columns:1fr 1fr}.dashboard-stack{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr}.auth-screen{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{min-height:100vh}.grid-2{gap:15px}.modal-content{padding:22px}.modal-header{padding:23px}.modal-footer{padding:17px 22px}.schedule-row{padding:16px;grid-template-columns:65px 1fr auto;gap:8px}.card-head{padding:17px}.card-body{padding:18px}}@media(max-width:520px){.page-heading{display:block}.page-heading .actions{margin-top:17px}.page-heading h1{font-size:26px}.metrics{gap:10px}.metric{padding:15px}.metric-icon{width:27px;height:27px}.metric-icon svg{width:16px}.metric-foot{font-size:9px}.metric-number{font-size:29px}.metric-label{font-size:10px}.dashboard-stack{display:flex}.grid-2,.grid-3{grid-template-columns:1fr}.span-2{grid-column:auto}.template-grid{grid-template-columns:1fr}.schedule-row{grid-template-columns:58px 1fr}.schedule-row>.pill{grid-column:2;justify-self:start;margin-left:16px}.topbar-right .avatar{width:30px;height:30px}.detail-info{grid-template-columns:1fr}.calendar-controls{width:100%;justify-content:space-between}.search{min-width:100%;max-width:none}.toolbar .filter-tabs{width:100%;justify-content:space-between}.modal-footer button{padding:10px;font-size:12px}.auth-panel{padding:27px}.permissions-grid{grid-template-columns:1fr 1fr}th,td{padding:13px 15px}.brand-name{font-size:22px}}

/* Jetset brand: light paper workspace, mint accents and the supplied logo. */
.sidebar .brand{display:block;padding:0 0 19px;text-align:center}.brand-logo-wrap{width:200px;max-width:100%;height:110px;margin:0 auto 4px;background:transparent;flex-shrink:0}.brand-logo-wrap img{display:block;width:100%;height:100%;object-fit:contain}.brand-desk-label{color:#c3d4ce;font-size:10px;letter-spacing:2.4px;text-transform:uppercase;margin-top:8px}.auth-brand .brand{display:flex;justify-content:flex-start}.auth-brand .brand-logo-wrap{margin:0;width:230px;height:125px}.auth-brand .brand-desk-label{margin-left:18px;color:#82cec9}.auth-brand .brand-sub{color:#bcc9c4}.sidebar .nav-label:first-child{margin-top:5px}.nav-link.active svg{color:#82cec9}.quick-card button{background:#3a5b53;border-color:#58796e;color:#e5f6ed}.metric.highlight .metric-number{color:#245b52}.text-button:hover{color:#2f7f78}.brand-name em{color:#b7e7df}
/* Service reminder workspace */
.reminder-explainer{display:flex;align-items:center;gap:17px;background:#e6f3ef;border:1px solid #cee4de;border-radius:14px;padding:20px 23px;margin-bottom:24px}.reminder-mark{width:43px;height:43px;display:grid;place-items:center;background:#c8e7df;color:#337773;border-radius:12px;flex-shrink:0}.reminder-mark svg{width:23px;height:23px}.reminder-explainer strong{font-size:13px;font-weight:650}.reminder-explainer p{font-size:11px;line-height:1.7;color:#60766e;margin:6px 0 0;max-width:720px}.reminder-explainer button{margin-left:auto;background:#f7fcfa;border-color:#cde3db}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:28px 0 17px}.section-heading h2{font-size:17px;font-weight:650;letter-spacing:-.3px;margin:0 0 7px}.section-heading p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.reminder-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:27px}.reminder-rule{padding:21px 23px 0}.reminder-rule-top{display:flex;align-items:center;justify-content:space-between}.reminder-rule-top .activity-icon{background:#e7f4ef;color:#43847c;width:34px;height:34px}.reminder-rule h3{font-size:16px;letter-spacing:-.3px;margin:16px 0 7px}.reminder-rule>p{font-size:11px;color:var(--muted);margin:0 0 21px}.rule-timing{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;background:#f5f8f2;border:1px solid #e9eee3;border-radius:9px;margin-bottom:20px}.rule-timing span{display:block;font-size:10px;color:#7c8875;margin-bottom:7px}.rule-timing strong{font-size:22px;font-weight:600;letter-spacing:-.7px}.rule-timing>svg{width:17px;color:#9caf9e}.reminder-rule footer{border-top:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;gap:15px;align-items:center}.reminder-rule footer>span{color:var(--muted);font-size:11px}.reminder-table-tools{padding:18px 23px 0}.reminder-table-tools select{max-width:160px}.reminder-table-tools .toolbar{margin-bottom:18px}.reminder-reason{max-width:220px}.reminder-footer{align-items:start;gap:20px;line-height:1.7}.reminder-footer>span:last-child{max-width:210px;text-align:right}.reminder-load-error{margin:0 23px 20px}.reminder-notice{background:#eaf5ef;border-color:#d4e6db;color:#446b5e}.reminder-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:25px}.reminder-presets>span{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);width:100%;margin-bottom:2px}.reminder-presets button{font-size:10px;background:#fafcf8;padding:8px 10px}.pill.upcoming{background:#e9f1f8;color:#53738a}.pill.due{background:var(--soft-amber);color:var(--amber)}.pill.missed{background:#f2eee9;color:#8c7662}.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.connection-grid .connection-card{min-width:0}.connection-grid .connection-title{align-items:start;gap:10px;flex-wrap:wrap}.connection-grid .connection-logo h3{font-size:15px}.google-logo{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border-radius:9px;background:#f1f5fc;color:#4285f4;font-size:27px;font-weight:700}.connection-grid .connection-details p{line-height:1.7}.connection-grid .connection-details li{line-height:1.6}.connection-grid .small-muted{line-height:1.7}
@media(min-width:1500px){.reminder-rules{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){.connection-grid{grid-template-columns:1fr}.connection-grid .connection-title{flex-wrap:nowrap}.connection-grid .connection-details ul{display:grid;grid-template-columns:1fr 1fr;gap:4px 25px}.reminder-explainer{align-items:start;flex-wrap:wrap}.reminder-explainer>div:nth-child(2){flex:1;min-width:200px}.reminder-explainer button{margin-left:60px}.rule-timing strong{font-size:20px}}
@media(max-width:800px){.reminder-rules{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:8px}.reminder-explainer{padding:18px}.reminder-explainer>div:nth-child(2){min-width:140px}.reminder-explainer button{margin-left:0}.reminder-footer{flex-direction:column;gap:6px}.reminder-footer>span:last-child{max-width:none;text-align:left}.connection-grid .connection-details ul{display:block}.reminder-presets button{white-space:normal}.reminder-table-tools{padding:16px 16px 0}.reminder-table-tools select{max-width:none;flex:1}.reminder-rule{padding:18px 20px 0}}
.rule-queue-mode{display:block;font-size:10px;color:#7b8a80;margin-top:4px}.field.checkbox .checkbox-help{display:block;font-weight:400;margin-top:5px;max-width:400px}.field.checkbox:has(.checkbox-help){align-items:flex-start}.field.checkbox:has(.checkbox-help) input{margin-top:2px}
.hierarchy-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#e6f3f0;border:1px solid #d0e5df;border-radius:12px;padding:14px 18px;margin-bottom:20px;font-size:13px;color:#315e58}
.report-context{background:#e6f3f0;border:1px solid #d0e5df;border-radius:12px;padding:18px;margin-bottom:18px;color:#315e58;font-size:13px}
.report-context>strong{display:block;color:#202625;font-size:16px;margin-bottom:12px}
.report-context .grid-2{gap:10px 20px}
.mini-record .actions{flex-wrap:wrap;justify-content:flex-end}
.nav a.nav-link{text-decoration:none}
@media(max-width:600px){.hierarchy-breadcrumb{align-items:flex-start;flex-direction:column;gap:8px}.mini-record{align-items:flex-start;flex-wrap:wrap}.mini-record .actions{justify-content:flex-start;width:100%}.report-context .grid-2{grid-template-columns:1fr}}

.provider-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.provider-description {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
  margin: 15px 0 17px;
}
.provider-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: auto;
}
.credential-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 20px;
  padding: 5px 9px;
  font-size: 10px;
  font-weight: 650;
  color: #5b645e;
  background: #eff2ee;
  white-space: nowrap;
}
.credential-badge.ready { color: #25615a; background: #e4f3ee; }
.credential-badge > span { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.provider-account { overflow-wrap: anywhere; color: var(--muted); font-size: 11px; }
.provider-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid var(--line);
  margin-top: 16px;
  padding-top: 15px;
}
.provider-actions .small { white-space: normal; border-color: #c9e4dc; background: #f0f9f5; }
.provider-actions .small:hover { background: #e5f4ee; }
.setup-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  background: #e7f4ef;
  border: 1px solid #cfe5dd;
  border-radius: 10px;
  margin-bottom: 23px;
  padding: 13px 15px;
  color: #315e58;
  font-size: 12px;
}
.setup-context span, .setup-context a, .consent-link { display: inline-flex; gap: 8px; align-items: center; }
.setup-context a { color: #315e58; font-weight: 650; }
.setup-context svg { width: 15px; height: 15px; flex: none; }
.connection-form input[type=file]::file-selector-button {
  margin-right: 9px;
  padding: 4px 8px;
  background: #e7f4ef;
  border: 1px solid #cfe5dd;
  border-radius: 5px;
  color: #315e58;
  font: inherit;
  cursor: pointer;
}
.setup-feedback {
  background: #e7f4ef;
  color: #315e58;
  padding: 13px 15px;
  border: 1px solid #cfe5dd;
  border-radius: 8px;
  margin-bottom: 17px;
  font-size: 12px;
  line-height: 1.6;
}
.setup-hint { color: var(--muted); font-size: 12px; line-height: 1.65; }
.google-consent-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 13px;
  text-align: center;
  padding: 28px 22px;
}
.google-consent-card .google-logo { margin: 0 auto 16px; }
.google-consent-card h3 { margin: 0; font-size: 17px; }
.google-consent-card p { color: var(--muted); line-height: 1.7; font-size: 12px; overflow-wrap: anywhere; }
.google-consent-card .consent-status { margin-bottom: 0; }
.consent-link {
  margin: 4px 0;
  padding: 10px 15px;
  border-radius: 8px;
  background: #82cec9;
  color: var(--ink);
  font-weight: 650;
  text-decoration: none;
}
.consent-link:hover { background: #a7dcd6; }
.consent-link svg { width: 16px; height: 16px; }
.modal-footer button[hidden] { display: none; }
.password-toggle {
  padding: 0;
  margin: -3px 0 8px;
  background: transparent;
  border: 0;
  color: #315e58;
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.login-wait {
  margin-bottom: 16px;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--soft-amber);
  color: #725215;
  font-size: 13px;
}
@media (min-width: 1000px) and (max-width: 1200px) {
  .connection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.calendar-cancelled-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
}
.calendar-cancelled-toggle input { accent-color: var(--green); width: 16px; height: 16px; }
.connection-settings-section { border-top: 1px solid var(--line); margin-top: 18px; padding-top: 21px; }
.connection-settings-section > h3 { font-size: 14px; margin: 0 0 12px; }
.connection-settings-section > p { margin: 0 0 18px; line-height: 1.7; }
.optional-label { margin-left: 6px; color: var(--muted); font-size: 11px; font-weight: 400; }
.calendar-routing-note { align-self: start; padding: 14px 16px; background: #eef6f1; border: 1px solid #dce9e0; border-radius: 9px; font-size: 12px; }
.calendar-routing-note p { margin: 7px 0 0; color: var(--muted); line-height: 1.7; overflow-wrap: anywhere; }
.calendar-routing-note[hidden] { display: none; }
.calendar-access-results td { white-space: normal; overflow-wrap: anywhere; max-width: 320px; vertical-align: top; }
.calendar-access-results small { line-height: 1.7; }
.pill.accessible { color: #25615a; background: #e4f3ee; }
.pill.access-denied,.pill.check-failed { color: #903d32; background: #fff0e8; }
.pill.not-configured,.pill.removed-from-schedule { color: #6a716b; background: #ecefe9; }
@media (max-width: 800px) { .connection-settings .detail-section-head { align-items: flex-start; flex-wrap: wrap; gap: 10px; } }

.provider-sync-status { color: var(--muted); font-size: 11px; padding: 4px 2px; }

/* Structured addresses and keyboard-accessible suggestion lists. */
.address-group { border: 1px solid #d8e6df; border-radius: 12px; background: #f9fcfa; padding: 20px; min-width: 0; }
.address-group-heading { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 19px; }
.address-group-icon,.address-provider-logo { width: 35px; height: 35px; display: grid; place-items: center; color: #32766d; background: #e2f1eb; border-radius: 9px; flex: none; }
.address-group-heading h3 { margin: 1px 0 6px; font-size: 14px; }
.address-group-heading p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
.address-fields { display: grid; grid-template-columns: minmax(0,2fr) minmax(80px,1fr) minmax(80px,1fr); gap: 14px; }
.address-fields .address-street { grid-column: 1/-1; }
.address-fields .field { margin: 0; min-width: 0; }
.address-search-wrap { position: relative; }
.address-popup { position: absolute; z-index: 30; top: calc(100% + 5px); width: 100%; background: #fff; border: 1px solid #bdcfc5; border-radius: 10px; box-shadow: 0 9px 24px #203b2b22; overflow: hidden; }
.address-popup[hidden] { display: none; }
.address-options { max-height: 270px; overflow-y: auto; }
.address-options [role=option] { padding: 12px 14px; border-bottom: 1px solid #edf2ec; cursor: pointer; }
.address-options [role=option]:hover,.address-options [role=option][aria-selected=true] { background: #e5f4ee; }
.address-options strong { display: block; font-size: 12px; line-height: 1.5; font-weight: 600; overflow-wrap: anywhere; }
.address-options span { display: block; color: var(--muted); font-size: 11px; margin-top: 3px; line-height: 1.5; }
.address-attribution { display: block; color: var(--muted); font-size: 9px; line-height: 1.6; margin-top: 6px; }
.address-attribution a { color: #446f65; text-underline-offset: 2px; }
.address-popup > .address-attribution { margin: 0; padding: 9px 12px; background: #f6f9f5; border-top: 1px solid var(--line); }
.address-search-status { display: block; color: #416b60; font-size: 10px; line-height: 1.6; margin-top: 6px; min-height: 16px; }
.address-search-status:empty { min-height: 0; margin: 0; }
.address-legacy-note { color: #785c2a; background: #fff7e9; border: 1px solid #efdfbc; border-radius: 7px; padding: 10px 12px; font-size: 11px; line-height: 1.7; margin: 0 0 16px; }
.address-saved-credit:empty { display: none; }
.address-connection-card { margin-top: 22px; padding: 22px 24px; display: flex; align-items: center; gap: 24px; justify-content: space-between; }
.address-connection-copy { max-width: 760px; }
.address-connection-copy > p { font-size: 12px; color: var(--muted); line-height: 1.7; margin: 14px 0; }
.address-connection-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; flex-shrink: 0; }
.address-connection-actions > a { display: inline-flex; align-items: center; gap: 6px; color: #446f65; font-size: 11px; }
.address-connection-actions svg { width: 13px; height: 13px; }
@media(max-width:800px) { .address-connection-card { align-items: flex-start; flex-direction: column; gap: 16px; } }
@media(max-width:520px) { .address-group { padding: 15px; } .address-fields { grid-template-columns: minmax(0,1fr) minmax(0,1fr); } .address-fields .field:nth-child(2) { grid-column: 1/-1; } .address-options { max-height: 220px; } }

/* Email and SMS messaging */
.message-overview{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border:1px solid var(--border,#dce3d7);border-radius:14px;background:#eaf5ef;margin-bottom:12px}.message-overview strong{font-size:17px}.message-overview p{margin:7px 0 0;color:#65746d;line-height:1.6}.message-readiness{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#53655d}.message-readiness>span{display:flex;align-items:center;gap:7px}.message-channel{display:inline-flex;align-items:center;gap:5px;width:max-content;font-size:11px;font-weight:650;line-height:1.4;padding:4px 8px;border-radius:6px;background:#e8f2ed;color:#28735e;margin-right:7px;margin-bottom:5px}.message-channel.email{background:#e7f0f8;color:#38637f}.message-channel svg{width:13px;height:13px;flex-shrink:0}.message-delivery-note{margin:0 0 22px;line-height:1.65}.message-delivery-note a{color:#247977;text-decoration:underline}.message-compose-fields{border:0;padding:0;margin:0}.message-compose-fields textarea[name=body]{min-height:180px;line-height:1.65}.message-compose-intro{padding:4px 0 10px;color:#334a43}.message-compose-intro strong{font-size:15px}.message-compose-intro p{font-size:12px;line-height:1.6;margin:7px 0 0;color:#748077}.message-test-hint{margin-top:18px;margin-bottom:0;font-size:12px}.message-channel-options{border:1px solid #dce3d7;padding:16px 18px;border-radius:10px;margin:15px 0}.message-channel-options legend{font-size:12px;font-weight:650;color:#52674d;padding:0 6px}.message-channel-options label{display:inline-flex;align-items:center;gap:9px;margin:0 25px 0 0;font-size:13px}.message-channel-options input{width:17px;height:17px;accent-color:#58aaa5}.message-channel-options p{color:#788376;font-size:12px;margin:12px 0 0}.email-connection-card{display:flex;align-items:center;gap:24px;padding:25px 28px;margin-top:18px}.email-provider-logo{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#e8f2f7;color:#396880}.email-provider-logo svg{width:25px;height:25px}.email-connection-copy{flex:1;min-width:180px}.email-connection-copy strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.email-connection-copy p{color:#6b7c70;line-height:1.65;font-size:12px;margin:7px 0 0}#email-notification-settings{scroll-margin-top:85px}
@media(max-width:900px){.email-connection-card{flex-wrap:wrap}.email-connection-copy{min-width:200px}.message-overview{align-items:flex-start;flex-direction:column;gap:14px}.message-readiness{gap:12px}}
@media(max-width:600px){.email-connection-card{padding:20px}.message-overview{padding:20px}.message-compose-intro{display:none}.message-channel-options label{margin-right:18px}.email-connection-card .address-connection-actions{width:100%;align-items:flex-start}}

/* Address reuse, notification switches and appointment reminder rule. */
.address-copy-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.address-copy-tools>span{font-size:11px;color:var(--muted);line-height:1.6;flex:1;min-width:190px}
.contact-preferences{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px;margin:4px 0 12px}.contact-preferences h3{font-size:14px;margin:0 0 8px}.contact-preferences>p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 12px}.preference-channel+.preference-channel{border-top:1px solid var(--line);margin-top:18px;padding-top:10px}.preference-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;cursor:pointer}.preference-toggle>span:first-child{flex:1}.preference-toggle strong{font-size:12px;font-weight:600}.preference-toggle small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:4px}.preference-toggle input{position:absolute;right:0;width:42px;height:26px;opacity:0;margin:0;cursor:pointer}.preference-toggle .switch-track{display:block;flex:none;width:42px;height:24px;border-radius:20px;background:#bbc5bf;position:relative;pointer-events:none;transition:background .15s}.preference-toggle .switch-track:before{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 1px 3px #0002;transition:transform .15s}.preference-toggle input:checked+.switch-track{background:var(--green)}.preference-toggle input:checked+.switch-track:before{transform:translateX(18px)}.preference-toggle input:focus-visible+.switch-track{outline:3px solid #82cec9;outline-offset:3px}.preference-toggle input:disabled+.switch-track{opacity:.4}.preference-toggle:has(input:disabled){cursor:default;color:var(--muted)}.preference-followups{padding-left:15px;border-left:2px solid #dfeae5;margin-left:3px}.preference-status{font-size:11px;color:var(--green);line-height:1.6;padding-top:4px}.record-row-actions{color:#a8b39f;text-align:right;white-space:nowrap}.record-row-actions button{margin-right:10px}.record-row-actions>svg{vertical-align:middle;width:15px}.appointment-rule{margin-bottom:24px;padding:24px;background:#fbfefb;border-color:#cde5de}.appointment-rule-heading{display:flex;gap:14px;align-items:center}.appointment-rule-heading>div:nth-child(2){flex:1}.appointment-rule-heading .eyebrow{font-size:9px;display:block;margin-bottom:6px}.appointment-rule-heading h2{font-size:22px;letter-spacing:-.6px;margin:0 0 6px}.appointment-rule-heading p{font-size:12px;color:var(--muted);margin:0}.appointment-rule-details{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--muted);font-size:12px;margin:20px 0}.appointment-rule footer{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:16px}.appointment-rule footer p{flex:1;margin:0;font-size:11px;color:var(--muted);line-height:1.7}#appointment-rule-form .form-section-title{margin-top:22px}#clear-messages-form .notice p{font-size:12px;line-height:1.7;margin-bottom:0}
@media(max-width:650px){.contact-preferences{padding:16px}.appointment-rule{padding:18px}.appointment-rule-heading{align-items:flex-start}.appointment-rule-heading h2{font-size:20px}.appointment-rule footer{flex-wrap:wrap}.appointment-rule footer p{flex-basis:100%}.appointment-rule-details{gap:12px}.record-row-actions button{margin-right:4px}}

/* Linked record review and ownership changes */
.linked-record-group{border:1px solid var(--line);border-radius:10px;background:#fff;margin:15px 0;overflow:hidden}
.linked-record-group summary{cursor:pointer;padding:16px;font-size:13px;font-weight:600}
.linked-record-action{font-size:11px;font-weight:400;color:var(--muted);margin-left:12px}
.linked-record-group ul{list-style:none;padding:0 16px;margin:0}
.linked-record-group li{display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;font-size:12px}
.linked-record-group li>div{min-width:0;overflow-wrap:anywhere}
.linked-record-group li p{font-size:11px;color:var(--muted);line-height:1.6;margin:6px 0 0}
.linked-record-group>.small-muted{padding:0 16px 12px}
#delete-client-linked-form{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}
#delete-client-linked-form .notice p,#relationship-change-form .notice p{line-height:1.7;font-size:12px;margin-bottom:0}
.relationship-preview{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}
.relationship-preview h3{font-size:15px;margin-top:0}
.relationship-counts{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}
.relationship-counts span{background:#eef6f2;padding:8px 11px;border-radius:7px}
.relationship-counts strong{color:var(--ink);margin-right:4px}
.modal-footer{flex-wrap:wrap}

/* Customer website connection */
.portal-connection-card{margin-top:24px;padding:24px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.portal-connection-copy{flex:1;min-width:240px}.portal-connection-copy p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 12px}.portal-options{border:1px solid var(--line);border-radius:10px;margin:20px 0;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-options legend{font-size:13px;font-weight:600;padding:0 8px}.portal-options>p{grid-column:1/-1;margin:0}.portal-option{display:flex;align-items:flex-start;gap:9px;font-size:12px;cursor:pointer;line-height:1.5}.portal-option input{width:17px;height:17px;min-height:0;margin:1px 0 0;accent-color:var(--green);flex:none}.portal-option small{display:block;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.portal-weekdays{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-gateway{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.portal-gateway h3{font-size:14px;margin-top:0}.portal-gateway p{font-size:12px;line-height:1.7;color:var(--muted)}#portal-generated-key{margin-top:16px;padding:16px;border-radius:9px;background:#e6f3ef}#portal-generated-key label{font-size:12px;font-weight:600;display:block;margin-bottom:8px}#portal-new-key{font-family:ui-monospace,monospace;font-size:12px}#portal-generated-key .actions{margin-top:10px}@media(max-width:650px){.portal-connection-card{padding:18px;gap:18px}.portal-options{grid-template-columns:1fr}.portal-weekdays{grid-template-columns:repeat(2,minmax(0,1fr))}}