:root{
  --navy:#0D2F7A;
  --navy-2:#061D4E;
  --teal:#14B8A6;
  --teal-soft:#E8FBF9;
  --purple:#8B5CF6;
  --amber:#F59E0B;
  --green:#14B8A6;
  --red:#EF4444;
  --bg:#F7FAFF;
  --panel:#FFFFFF;
  --line:#DDE7F3;
  --text:#0B1B3F;
  --muted:#61708A;
  --shadow:0 18px 50px rgba(11,27,63,.08);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif;background:var(--bg);color:var(--text)}
body.theme-dark{
  --bg:#07111F;--panel:#0D1A2E;--line:#1F3556;--text:#F4F7FB;--muted:#9DAEC8;--shadow:0 18px 50px rgba(0,0,0,.28);--teal-soft:#062B31;
}
.hidden{display:none!important}
button,input,select,textarea{font:inherit}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(135deg,#F8FBFF,#E9F8FA)}
.login-card{width:min(460px,100%);background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}
.login-logo{width:210px;display:block;margin:0 auto 16px}
.login-card h1{text-align:center;margin:0 0 8px}.login-card p{text-align:center;color:var(--muted)}
.auth-card{width:min(560px,100%)}
.auth-panel h1{font-size:28px}
.auth-two-column{grid-template-columns:1fr 1fr}
.auth-wide{grid-column:1/-1}
.auth-help{color:var(--muted);font-size:12px;line-height:1.45;margin-top:-8px}
.auth-remember{font-size:13px;font-weight:500}
.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.auth-links button{border:0;background:transparent;color:#0F5FDB;cursor:pointer;padding:6px 0;font-weight:600}
.auth-status{text-align:center;padding:8px 0}
.auth-status-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:20px;display:grid;place-items:center;background:#DCF9F7;color:#0F766E;font-size:32px}
.btn[aria-busy="true"] .material-symbols-rounded,
.auth-status-icon:not(.hidden):where([data-loading="true"]){animation:jill-spin .9s linear infinite}
@keyframes jill-spin{to{transform:rotate(360deg)}}
.billing-review-card{margin:28px 0;padding:22px;border:1px solid #dfe8f2;border-radius:18px;background:#fbfdff}
.billing-review-card .panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.billing-review-card h2{margin-top:0}
.billing-review-status{display:flex;align-items:center;gap:10px;padding:16px;border-radius:12px;background:#f4f7fb;color:#52677d}
.billing-review-status p{margin:0}
.billing-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:15px 0}
.billing-review-grid div{padding:14px;border:1px solid #e5ecf5;border-radius:12px;background:#fff}
.billing-review-grid small,.billing-review-grid strong{display:block}.billing-review-grid strong{margin-top:5px;color:#17324d;font-size:20px}
.billing-lines{width:100%;border-collapse:collapse}.billing-lines th,.billing-lines td{padding:10px;border-bottom:1px solid #e5ecf5;text-align:left}.billing-lines th:last-child,.billing-lines td:last-child{text-align:right}
@media(max-width:620px){.auth-two-column{grid-template-columns:1fr}.auth-wide{grid-column:auto}.auth-links{flex-direction:column;align-items:center}}
.form-grid{display:grid;gap:14px;margin:20px 0}.form-grid.one{grid-template-columns:1fr}
label{display:grid;gap:8px;font-weight:600;color:var(--navy)}
input,select,textarea{border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);padding:13px 14px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(20,184,166,.12)}
.btn{border:1px solid var(--line);border-radius:14px;padding:12px 18px;font-weight:600;cursor:pointer;background:var(--panel);color:var(--navy);display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn.primary{background:var(--navy);border-color:var(--navy);color:white}.btn.teal{background:var(--teal);border-color:var(--teal);color:white}.btn.secondary{background:var(--panel)}.btn.ghost{background:transparent}.btn.full{width:100%;margin-top:10px}.btn.small{padding:10px 14px}
.app-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}
.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;gap:22px}
.brand img{width:190px;display:block;margin:0 auto}
.nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;color:var(--text);text-align:left;padding:14px 18px;border-radius:14px;font-weight:600;display:flex;align-items:center;gap:14px;cursor:pointer}
.nav-item span{width:24px;text-align:center;color:var(--navy)}.nav-item.active{background:linear-gradient(90deg,#EAFBFD,#EFF5FF);color:var(--navy)}
body.theme-dark .nav-item.active{background:#10284A}
.ai-card{margin-top:auto;border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(180deg,var(--panel),#F8FCFF)}
body.theme-dark .ai-card{background:#0C1D34}.ai-card p{color:var(--muted);line-height:1.45}.spark{color:var(--teal);font-size:24px}
.profile-card{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:12px}.profile-card span{display:block;color:var(--muted)}.avatar{width:42px;height:42px;border-radius:50%;background:#FDE2D2;display:grid;place-items:center;font-weight:700}.icon-only{margin-left:auto;border:0;background:transparent;color:var(--navy);font-size:18px}
.workspace{min-width:0}.topbar{height:88px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 28px;position:sticky;top:0;z-index:10}
.workspace-status-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 28px;background:#FEF3C7;color:#854D0E;border-bottom:1px solid #F5D67B;font-size:14px;font-weight:600}
.workspace-status-banner.read-only{background:#FEE2E2;color:#991B1B;border-color:#F5B5B5}
.workspace-status-banner .workspace-status-action{flex:0 0 auto;min-height:40px;padding:7px 14px}
@media(max-width:640px){.workspace-status-banner{align-items:flex-start;flex-direction:column;padding:12px 16px}.workspace-status-banner .workspace-status-action{width:100%}}
.search{width:min(620px,42vw);display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;padding:0 14px;background:var(--panel)}.search input{border:0;box-shadow:none;flex:1;padding:14px 0}.bell{position:relative;border:0;background:transparent;font-size:24px;margin-left:auto;color:#758397;border-radius:12px;min-width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer}.bell.is-active{color:#C43D45}.bell.is-inactive{color:#758397}.bell:focus-visible,.icon-btn:focus-visible{outline:3px solid rgba(20,184,166,.34);outline-offset:2px}.bell #notificationCount{position:absolute;right:-4px;top:-4px;background:#E72B57;color:#fff;border-radius:99px;font-size:11px;padding:2px 6px}
.bell:disabled{color:#8B96A7;cursor:not-allowed;opacity:.72}.topbar [data-operational-control]:disabled{cursor:not-allowed;opacity:.55}
main{padding:28px}.view{display:none}.view.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.page-head h1{font-size:32px;margin:0 0 6px}.page-head p{margin:0;color:var(--muted);font-size:16px}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);display:flex;gap:16px;align-items:center}.stat-card span{color:var(--muted);font-weight:600}.stat-card strong{font-size:30px;display:block}.stat-card small{color:var(--muted)}
.stat-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:25px;font-weight:700}.stat-icon.teal{background:#DCF9F7;color:#0F766E}.stat-icon.amber{background:#FEF3C7;color:#B45309}.stat-icon.green{background:#DCFCE7;color:#15803D}.stat-icon.purple{background:#EDE9FE;color:#6D28D9}
.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.panel.large{grid-row:span 1}.panel.wide{grid-column:span 2}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel h2{margin:0 0 12px;font-size:18px}.panel-head h2{margin:0}.panel a{color:#0F5FDB;font-weight:600;cursor:pointer;text-decoration:none}
.status-list,.activity-list,.workflow-mini-list{display:grid;gap:10px}.status-row,.activity-row,.workflow-mini{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px}.status-dot{width:11px;height:11px;border-radius:99px;background:var(--teal)}.row-spacer{margin-left:auto;color:var(--muted)}
.filters{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:18px}.split-layout{display:grid;grid-template-columns:1fr 360px;gap:18px}.table-panel{padding:0;overflow:hidden}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th,.data-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.data-table th{font-size:12px;color:var(--muted);font-weight:700}.data-table tr{cursor:pointer}.data-table tbody tr:hover{background:#F8FCFF}body.theme-dark .data-table tbody tr:hover{background:#10284A}.badge,.pill{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;background:#EFF6FF;color:var(--navy)}.badge.green{background:#DCFCE7;color:#15803D}.badge.teal{background:#DCF9F7;color:#0F766E}.badge.amber{background:#FEF3C7;color:#B45309}.badge.red{background:#FEE2E2;color:#B91C1C}.badge.purple{background:#EDE9FE;color:#6D28D9}
.detail-panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:18px;align-self:start;position:sticky;top:108px;max-height:calc(100vh - 130px);overflow:auto}.empty-detail{color:var(--muted);text-align:center;padding:60px 20px}.detail-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.detail-section{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.kv{display:grid;grid-template-columns:130px 1fr;gap:8px;font-size:14px}.kv span{color:var(--muted)}.attachment{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;margin-top:8px}.timeline-item{padding:10px 0;border-bottom:1px solid var(--line)}
.scheduled-requests-panel{margin-bottom:18px}.scheduled-requests-panel .panel-head{align-items:flex-start}.scheduled-requests-panel .panel-head p{margin:4px 0 0;color:var(--muted)}.scheduled-request-list{display:grid;gap:10px;min-width:0}.scheduled-request-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.scheduled-request-summary{display:flex;align-items:flex-start;gap:11px;min-width:0}.scheduled-request-summary>div{min-width:0}.scheduled-request-summary>.material-symbols-rounded{color:var(--teal);margin-top:2px}.scheduled-request-summary strong,.scheduled-request-summary small{display:block;overflow-wrap:anywhere}.scheduled-request-summary small{color:var(--muted);margin-top:3px}.scheduled-request-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:0}.scheduled-request-history{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.scheduled-request-history[hidden]{display:none}.scheduled-occurrence{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.scheduled-occurrence:last-child{border-bottom:0}.scheduled-occurrence small{display:block;color:var(--muted)}.scheduled-request-modal{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 28px);overflow:auto}.scheduled-request-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.scheduled-request-field-help{margin:-8px 0 0;align-self:end}.scheduled-request-actions .btn{padding:7px 10px}
.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{background:transparent;border:0;padding:14px 4px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;cursor:pointer}.tab.active{color:#0F5FDB;border-color:#0F5FDB}
.workflow-layout{display:grid;grid-template-columns:280px 1fr;gap:18px}.create-workflow p,.muted{color:var(--muted)}.choice-line,.template-line{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:14px;text-align:left;margin:8px 0;cursor:pointer}.choice-line span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.workflow-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.workflow-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow)}.workflow-card h3{margin:18px 0 8px}.workflow-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#E8FBF9;color:#0F766E;font-size:24px}.workflow-actions{display:flex;gap:8px;margin-top:16px}
.bar-track{height:10px;border-radius:99px;background:#E7EDF6;overflow:hidden}.bar-fill{height:100%;background:#2563EB;border-radius:99px}
.settings-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:28px;max-width:1180px}.settings-grid,.brand-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.compound{display:grid;grid-template-columns:90px 1fr}.compound input{border-radius:14px 0 0 14px}.compound select{border-radius:0 14px 14px 0}.theme-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.theme-choice{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:18px;font-weight:700;cursor:pointer}.theme-choice.active{border-color:var(--teal);box-shadow:0 0 0 4px rgba(20,184,166,.12);color:#0F766E}.toggle-line{display:flex!important;align-items:center;gap:10px}.toggle-line input{width:18px;height:18px}.policy-link{color:#0d5ab7;text-decoration:underline;text-underline-offset:2px}.policy-link:focus-visible{outline:3px solid rgba(13,90,183,.28);outline-offset:3px;border-radius:3px}.note{margin-top:20px;padding:16px;border-radius:14px;background:#F5F9FF;border:1px solid var(--line);color:var(--muted)}body.theme-dark .note{background:#10284A}.form-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:24px}
.page-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.manual-job-modal{width:min(720px,100%)}.manual-job-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.manual-job-fields label{min-width:0}.manual-job-fields textarea{resize:vertical}.manual-job-title-field,.manual-job-fields label:nth-child(2){grid-column:1/-1}
.modal-backdrop{position:fixed;inset:0;background:rgba(5,12,30,.56);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;z-index:1000}.choice-modal{width:min(860px,100%);background:var(--panel);border-radius:24px;box-shadow:0 24px 80px rgba(5,12,30,.32);padding:22px}.choice-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.choice-head h2{margin:0}.icon-btn{border:0;background:#F3F6FB;width:36px;height:36px;border-radius:12px;cursor:pointer}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.choice-card{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:20px;cursor:pointer}.choice-card:hover{border-color:var(--teal);transform:translateY(-2px)}.choice-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#EAFBFD;font-size:24px}
.field-help{display:block;color:var(--muted);font-size:12px;font-weight:400;line-height:1.45}
.password-input-wrap{position:relative;display:block}
.password-input-wrap>input{width:100%;padding-right:92px}
.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);min-width:72px;min-height:36px;border:0;border-radius:10px;background:transparent;color:var(--navy);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:600}
.password-toggle:hover,.password-toggle:focus-visible{background:#EEF4FA;outline:2px solid rgba(20,184,166,.38);outline-offset:1px}
.password-toggle .material-symbols-rounded{font-size:18px}
.password-requirements{grid-column:1/-1;margin:-6px 0 2px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#F8FAFC;color:var(--muted)}
.password-requirements p{margin:0 0 7px;color:var(--text);font-size:12px;font-weight:600}
.password-requirements ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px;margin:0;padding:0;list-style:none}
.password-requirements li{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.35}
.password-requirements li.met{color:#176B3A}.password-requirements li.unmet{color:#8A3B35}
.password-requirements.untouched li{color:var(--muted)}
.password-rule-icon{width:16px;font-weight:700;text-align:center}
.password-confirm-status{grid-column:1/-1;min-height:18px;margin:-6px 0 2px;color:var(--muted);font-size:12px;font-weight:500}
.password-confirm-status.matches{color:#176B3A}.password-confirm-status.mismatch{color:#8A3B35}
@media(max-width:620px){.password-requirements ul{grid-template-columns:1fr}}
@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.split-layout,.dashboard-grid,.workflow-layout{grid-template-columns:1fr}.detail-panel{position:static}.workflow-cards{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.settings-grid,.brand-settings{grid-template-columns:1fr}.topbar{flex-wrap:wrap;height:auto;padding:14px}.search{width:100%}}
@media (max-width:700px){.scheduled-request-card,.scheduled-request-fields{grid-template-columns:1fr}.scheduled-request-actions{justify-content:flex-start}.scheduled-request-modal{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:18px}}


.integration-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  gap:18px;
}
.full-width{grid-column:1/-1}
.credential-list{display:grid;gap:12px}
.credential-card{
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  display:flex;
  align-items:center;
  gap:12px;
  justify-content:space-between;
}
.credential-card strong{display:block}
.credential-card small{color:var(--muted)}
.admin-nav{border-style:dashed}
@media (max-width:1100px){.integration-grid{grid-template-columns:1fr}}


.send-result-card{
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  background:#F8FCFF;
  margin-top:12px;
}
.send-result-card a{color:#0F5FDB;font-weight:600}

/* Step 7.14: one consistent rounded icon family across the CRM. */
.btn .material-symbols-rounded{font-size:19px}
.search > .material-symbols-rounded{font-size:21px;color:var(--muted)}
.bell > .material-symbols-rounded{font-size:25px}
.stat-icon .material-symbols-rounded{font-size:27px}
.workflow-icon .material-symbols-rounded,
.choice-icon .material-symbols-rounded{font-size:25px}
.inline-arrow{font-size:18px;vertical-align:middle}
.panel a,
.choice-line > span{display:inline-flex;align-items:center;gap:3px}
.jill-capabilities div > .material-symbols-rounded{font-size:20px}
.icon-btn .material-symbols-rounded{font-size:20px}

/* Step 8.2: lighter, contemporary typography and friendlier sign-in details. */
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-weight:400}
h1,h2,h3,h4,strong,b{font-weight:650}
label,.btn,.nav-item,.panel a,.tab,.theme-choice,
.data-table th,.badge,.pill{font-weight:600}
.stat-card span{font-weight:500}
.stat-card strong{font-weight:650}
.login-logo{width:min(260px,82%);max-height:138px;object-fit:contain}
.login-connection-settings{
  border:1px solid var(--line);
  border-radius:14px;
  padding:11px 13px;
  background:#FAFCFF;
}
.login-connection-settings summary{cursor:pointer;color:var(--navy);font-weight:600}
.login-connection-settings label{margin-top:12px}
.login-connection-settings p{margin:8px 0 0;text-align:left;font-size:12px;line-height:1.45}

/* Step 8.3.7: lighter Gmail-inspired workspace typography and surfaces. */
:root{
  --bg:#F6F8FC;
  --panel:#FFFFFF;
  --line:#E1E5EB;
  --text:#202124;
  --muted:#5F6368;
  --shadow:0 1px 3px rgba(60,64,67,.12),0 1px 2px rgba(60,64,67,.08);
}
body{font-family:"Segoe UI",Roboto,Arial,sans-serif;font-weight:400;letter-spacing:.002em}
h1,h2,h3,h4,strong,b{font-weight:600}
.page-head h1{font-size:30px;font-weight:500;letter-spacing:-.015em}
label,.btn,.nav-item,.panel a,.tab,.theme-choice,
.data-table th,.badge,.pill{font-weight:500}
.stat-card span{font-weight:400}.stat-card strong{font-weight:600}
.panel,.stat-card,.workflow-card,.detail-panel,.settings-card{box-shadow:var(--shadow)}
.login-logo{
  display:block;
  width:min(250px,82%);
  height:auto;
  max-height:none;
  aspect-ratio:auto;
  object-fit:contain;
}

/* Step 8.4.0: calm workflow actions and accessible destructive controls. */
.workflow-actions{flex-wrap:wrap;align-items:center}
.workflow-delete-button{width:38px;padding:9px;color:#7b8794}
.workflow-delete-button:hover{background:#f8eeee;border-color:#ead2d2;color:#9b3a3a}
.btn.danger{background:#a33d3d;border-color:#a33d3d;color:#fff;font-weight:500}
.btn.danger:hover{background:#8f3333;border-color:#8f3333}
.workflow-delete-modal{max-width:520px}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.48;cursor:not-allowed;box-shadow:none}
.document-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:900px}
.document-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.document-library-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:245px}
.document-library-card:hover{border-color:#BFD6E5}
.document-library-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#F3EDFF;color:#6D28D9}
.document-library-icon .material-symbols-rounded{font-size:26px;font-variation-settings:'FILL' 0,'wght' 350,'GRAD' 0,'opsz' 24}
.document-library-card h3{margin:15px 0 5px;color:var(--navy);font-size:17px}
.document-library-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5;flex:1}
.document-library-meta{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}
.document-library-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.document-library-actions .btn{flex:1;min-width:120px}
.document-library-empty{grid-column:1/-1;padding:54px 22px;text-align:center;border:1px dashed #C9D6E6;border-radius:20px;background:var(--panel);color:var(--muted)}
.document-library-empty .material-symbols-rounded{font-size:42px;color:#8AA0BC}
.document-library-empty h2{color:var(--navy);margin:10px 0 6px}
.document-create-modal{max-width:560px}
.document-create-modal textarea{min-height:88px;resize:vertical}
@media(max-width:1100px){.document-library-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.document-library-grid{grid-template-columns:1fr}.document-stats{grid-template-columns:1fr!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Step 8.4.10: one safe request confirmation and sharing experience throughout the CRM. */
.request-share-icon{
  width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;
  border-radius:18px;background:#EAFBFD;color:#0F766E;
}
.request-share-icon .material-symbols-rounded{font-size:29px}
.request-share-modal>h2,
.request-share-modal>p{text-align:center}
.request-share-modal>p{color:var(--muted);line-height:1.55}
.request-create-modal{
  position:relative;width:min(470px,100%);padding:24px;
  border:1px solid #E1E8F0;border-radius:22px;box-shadow:0 24px 70px rgba(15,23,42,.24);
}
.request-create-dismiss{
  position:absolute;top:14px;right:14px;width:34px;height:34px;padding:0;
  display:grid;place-items:center;border:0;border-radius:11px;background:#F5F7FA;color:#64748B;cursor:pointer;
}
.request-create-dismiss:hover{background:#EDF2F7;color:#334155}
.request-create-dismiss .material-symbols-rounded{font-size:19px;font-variation-settings:'FILL' 0,'wght' 350,'GRAD' 0,'opsz' 20}
.request-create-heading{display:flex;align-items:center;gap:14px;padding-right:38px}
.request-create-icon{
  width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;
  border-radius:16px;background:linear-gradient(145deg,#DFFAF6,#E8F2FF);color:#0F766E;
}
.request-create-icon .material-symbols-rounded{font-size:25px;font-variation-settings:'FILL' 0,'wght' 350,'GRAD' -25,'opsz' 24}
.request-create-eyebrow{display:block;margin-bottom:3px;color:#0F766E;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.request-create-modal h2{margin:0;color:var(--navy);font-size:21px;line-height:1.25}
.request-create-workflow{
  display:flex;align-items:center;gap:11px;margin-top:20px;padding:13px 14px;
  border:1px solid #DDE7F1;border-radius:15px;background:#F8FAFC;
}
.request-create-workflow>.material-symbols-rounded{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#4F6B87;font-size:19px}
.request-create-workflow div{min-width:0}
.request-create-workflow small{display:block;margin-bottom:2px;color:#718096;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.request-create-workflow strong{display:block;overflow:hidden;color:#19324D;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.request-create-actions{margin-top:18px}
.request-create-actions .btn{min-width:112px}
.request-create-primary{background:var(--teal)!important;border-color:var(--teal)!important;color:#fff!important;box-shadow:0 8px 18px rgba(20,184,166,.20)}
.request-share-modal{width:min(700px,100%);max-height:92vh;overflow:auto}
.request-share-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:16px}
.request-share-link input{min-width:0;font-size:12px;background:#F8FBFF}
.request-share-qr-toggle{width:100%;margin-top:12px}
.request-share-qr-panel{margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:18px;background:#F8FBFF;text-align:left}
.request-share-qr-grid{display:grid;grid-template-columns:minmax(0,220px) minmax(260px,1fr);gap:18px;align-items:start}
.request-share-qr-preview{display:grid;place-items:center;width:100%;max-width:220px;aspect-ratio:1/1;justify-self:center;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;padding:10px}
.request-share-qr-preview canvas{display:block!important;width:100%!important;height:auto!important;max-width:200px!important;aspect-ratio:1/1!important;object-fit:contain;border-radius:8px}
.request-share-qr-controls h3{margin:0 0 5px;color:var(--navy);font-size:16px}
.request-share-qr-controls p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.request-share-colour-section{margin-top:12px;padding-top:12px;border-top:1px solid #E2E8F0}
.request-share-colour-section>strong{display:block;margin-bottom:8px;color:var(--navy);font-size:12px;font-weight:600}
.request-share-colour-presets{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.request-share-colour-swatch{
  width:30px;height:30px;padding:0;border:3px solid #fff;border-radius:10px;
  background:var(--qr-colour);box-shadow:0 0 0 1px #BFCBDD;cursor:pointer;
}
.request-share-colour-swatch:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #9FB2C9}
.request-share-colour-swatch.selected{box-shadow:0 0 0 3px rgba(20,184,166,.38)}
.request-share-custom-colour{margin-top:9px}
.request-share-custom-colour summary{width:max-content;color:#40546D;font-size:12px;cursor:pointer}
.request-share-custom-row{display:grid;grid-template-columns:50px minmax(0,130px);gap:8px;align-items:center;margin-top:9px}
.request-share-custom-row input{height:38px;padding:7px 9px;border-radius:10px}
.request-share-custom-row input[type="color"]{width:50px;padding:4px;cursor:pointer}
.request-share-logo-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.request-share-logo-actions .btn{padding:8px 10px;font-size:12px;box-shadow:none}
.request-share-file-name{display:block;min-height:18px;margin-top:8px;color:#506176;font-size:11px}
.request-share-download.crm-icon-button{display:flex;margin:10px 0 0 auto}
.request-share-download.crm-icon-button[data-tooltip]::after{left:auto;right:0;transform:translateY(3px)}
.request-share-download.crm-icon-button[data-tooltip]:hover::after,
.request-share-download.crm-icon-button[data-tooltip]:focus-visible::after{transform:translateY(0)}
.request-share-actions{margin-top:18px}
@media(max-width:650px){
  .request-create-modal{padding:20px}
  .request-create-actions{display:grid;grid-template-columns:1fr 1fr}
  .request-create-actions .btn{min-width:0}
  .request-share-modal{padding:20px}
  .request-share-link{grid-template-columns:1fr}
  .request-share-qr-grid{grid-template-columns:1fr}
}

/* Step 8.4.5: clearer primary actions with a calmer top bar. */
#loginBtn{
  background:var(--green,#14B8A6);
  border-color:var(--green,#14B8A6);
  color:#fff;
}
#loginBtn:hover{background:var(--green,#14B8A6);border-color:var(--green,#14B8A6);filter:brightness(.9)}
.topbar-action-icon{
  width:44px;
  min-width:44px;
  height:44px;
  padding:0;
  border-radius:13px;
  display:inline-grid;
  place-items:center;
}
.topbar-action-icon .material-symbols-rounded{
  margin:0;
  font-size:22px;
  font-variation-settings:'FILL' 0,'wght' 350,'GRAD' 0,'opsz' 24;
}

/* Step 8.4.6: actionable dashboard focus for established workspaces. */
.needs-attention{background:linear-gradient(135deg,#FBFEFC,#F7FBF8)}
.needs-attention-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.needs-attention-head h2{margin:0 0 5px}
.needs-attention-head p{margin:0;color:var(--muted)}
.needs-attention-head>.material-symbols-rounded{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#E8F7ED;color:var(--green);font-size:21px}
.needs-attention-list{display:grid;gap:10px}
.attention-item{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}
.attention-item:hover{border-color:var(--green);background:var(--panel);box-shadow:0 2px 8px rgba(60,64,67,.1)}
.attention-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#EEF4FF;color:#315C9F}
.attention-icon.amber{background:#FFF4D8;color:#9A6500}
.attention-icon.teal{background:#E5F8F6;color:#0F766E}
.attention-icon .material-symbols-rounded{font-size:21px;font-variation-settings:'FILL' 0,'wght' 350,'GRAD' 0,'opsz' 24}
.attention-copy strong,.attention-copy small{display:block}
.attention-copy strong{font-weight:500}
.attention-copy small{margin-top:3px;color:var(--muted)}
.attention-action{display:inline-flex;align-items:center;gap:4px;color:var(--navy);font-size:13px;font-weight:500;white-space:nowrap}
.attention-action .material-symbols-rounded{font-size:17px}
.attention-clear{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #CDE8D6;border-radius:14px;background:#F3FBF5;color:#24673A}
.attention-clear>.material-symbols-rounded{font-size:24px}
.attention-clear strong,.attention-clear small{display:block}.attention-clear small{margin-top:3px;color:#4C755A}
body.theme-dark .needs-attention{background:var(--panel)}
@media(max-width:700px){.attention-item{grid-template-columns:42px 1fr}.attention-action{grid-column:2}}

/* Step 8.4.16: outcome-led Jobs list and full Job Workspace. */
.job-scope-tabs{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:5px;margin-bottom:16px;border:1px solid var(--line);border-radius:14px;background:#EEF2F7}
.job-scope{flex:0 0 auto;white-space:nowrap;border:0;border-radius:10px;background:transparent;color:var(--muted);padding:9px 16px;cursor:pointer;font-weight:500}
.job-scope.active{background:var(--panel);color:var(--navy);box-shadow:0 1px 2px rgba(60,64,67,.12)}
.job-filters{display:grid;grid-template-columns:minmax(250px,1.7fr) repeat(5,minmax(135px,1fr));gap:12px;align-items:end;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}
.job-filters label{gap:6px;color:var(--muted);font-size:12px}.job-filters input,.job-filters select{padding:10px 11px;border-radius:11px;color:var(--text)}
.job-filter-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;padding-left:10px;background:var(--panel)}
.job-filter-input:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px rgba(20,184,166,.10)}
.job-filter-input .material-symbols-rounded{font-size:19px;color:var(--muted)}.job-filter-input input{border:0;box-shadow:none!important;min-width:0;width:100%}
.job-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:13px 0 9px}.job-list-toolbar p{margin:0}
.jobs-card-list{display:grid;gap:12px}
.job-card{display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.job-card:hover{border-color:#B8CEDF;box-shadow:0 4px 15px rgba(60,64,67,.11);transform:translateY(-1px)}.job-card.overdue{border-left:4px solid #DC5B5B}
.job-card-main{display:block;padding:17px 18px;text-decoration:none;color:inherit;min-width:0}.job-card-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.job-card-heading h2{margin:2px 0 4px;font-size:18px;font-weight:600;color:var(--text)}.job-card-heading p{margin:0;color:var(--muted);font-size:13px}
.job-number{display:inline-block;color:#59708F;font-size:11px;font-weight:600;letter-spacing:.055em;text-transform:uppercase}
.job-attention-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.job-attention{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:#FFF5E1;color:#9A5A00;font-size:11px;font-weight:500}
.job-attention .material-symbols-rounded{font-size:15px}.job-attention.overdue,.job-attention.urgent{background:#FDECEC;color:#A63A3A}.job-attention.high{background:#FFF2D8;color:#9A5A00}.job-attention.waiting{background:#E9F8F7;color:#0F766E}
.job-card-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.job-card-values>div{min-width:0;padding:10px 11px;border-radius:11px;background:#F7F9FC}
.job-card-values span,.job-key-item span{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.job-card-values strong,.job-key-item strong{display:block;font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.job-card-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:12px}.job-card-footer>span{display:inline-flex;align-items:center;gap:5px}.job-card-footer .material-symbols-rounded{font-size:17px;color:#70839B}.danger-text{color:#B34444!important}
.job-card-actions{display:flex;flex-direction:column;justify-content:center;min-width:90px;border-left:1px solid var(--line);background:#FBFCFE}
.job-quick-action{display:flex;align-items:center;gap:7px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 12px;cursor:pointer;font-size:11px;text-align:left}.job-quick-action:last-child{border-bottom:0}.job-quick-action:hover{background:#F0F7FA;color:var(--navy)}.job-quick-action.complete:hover{color:#0F766E}.job-quick-action .material-symbols-rounded{font-size:18px;color:var(--teal)}
.jobs-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;color:var(--muted);font-size:13px}
.jobs-loading,.job-workspace-loading{display:grid;place-items:center;gap:8px;min-height:260px;color:var(--muted)}.jobs-loading .material-symbols-rounded,.job-workspace-loading .material-symbols-rounded{font-size:30px;animation:job-spin 1s linear infinite}@keyframes job-spin{to{transform:rotate(360deg)}}
.job-empty-state{grid-column:1/-1;padding:55px 22px;text-align:center;border:1px dashed #C8D4E2;border-radius:18px;background:var(--panel)}.job-empty-state>.material-symbols-rounded{font-size:42px;color:#8295AB}.job-empty-state h2{margin:10px 0 4px;font-weight:550}.job-empty-state p{margin:0 auto 18px;color:var(--muted);max-width:560px}
.job-workspace{width:100%;max-width:none;min-height:calc(100vh - 120px);margin:0}.job-workspace-top{position:relative;margin-bottom:18px}
.job-back{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--navy);padding:6px 0;margin-bottom:12px;cursor:pointer;font-weight:500}.job-back .material-symbols-rounded{font-size:19px}
.job-workspace-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.job-workspace-heading h1{margin:3px 0 5px;font-size:30px;font-weight:550;letter-spacing:-.02em}.job-workspace-heading p{margin:0;color:var(--muted)}
.job-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.job-workspace-attention{display:flex;align-items:flex-start;gap:12px;margin-top:15px;padding:12px 14px;border:1px solid #F0D5A0;border-radius:14px;background:#FFF9EC;color:#785022}.job-workspace-attention>.material-symbols-rounded{color:#CA7B14}.job-workspace-attention p{display:inline;margin:0 10px 0 0;font-size:13px}.job-workspace-attention strong{margin-right:10px}
.job-more-menu{position:absolute;right:0;top:63px;z-index:9;min-width:180px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 10px 30px rgba(32,33,36,.16)}.job-more-menu button{width:100%;display:flex;align-items:center;gap:8px;border:0;border-radius:9px;background:transparent;padding:10px;color:var(--text);cursor:pointer;text-align:left}.job-more-menu button:hover{background:#F3F6FA}
.job-edit-details{margin-bottom:18px;padding:20px;border:1px solid #BFDCD8;border-radius:18px;background:#F4FBFA}.job-edit-details h2{margin:0 0 3px}.job-edit-details p{margin:0}
.job-workspace-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.job-workspace-main{min-width:0}
.job-tabs{display:flex;gap:5px;overflow:auto;padding:5px;margin-bottom:14px;border:1px solid var(--line);border-radius:14px;background:#EEF2F7}.job-tab{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;background:transparent;color:var(--muted);padding:10px 15px;cursor:pointer;white-space:nowrap}.job-tab span{min-width:20px;padding:2px 6px;border-radius:999px;background:#E0E6ED;font-size:10px}.job-tab.active{background:var(--panel);color:var(--navy);box-shadow:0 1px 2px rgba(60,64,67,.12)}
.job-tab-panel{display:none}.job-tab-panel.active{display:grid;gap:14px}.job-section-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}
.job-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px}.job-section-head h2,.job-source-card h2{margin:0 0 3px;font-size:17px;font-weight:600}.job-section-head p{margin:0;color:var(--muted);font-size:13px}
.job-outcome-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border:1px solid #B8DDD9;border-radius:18px;background:linear-gradient(135deg,#F0FBFA,#F9FCFF);box-shadow:var(--shadow)}.job-outcome-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#DDF5F2;color:#0F766E}.job-outcome-icon .material-symbols-rounded{font-size:27px}.job-outcome-card span{font-size:11px;color:#0F766E;text-transform:uppercase;letter-spacing:.05em}.job-outcome-card h2{margin:2px 0;font-size:17px}.job-outcome-card p{margin:0;color:var(--muted);font-size:12px}
.job-key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.job-key-item{padding:11px 12px;border:1px solid #E6EBF1;border-radius:12px;background:#F9FAFC;min-width:0}
.job-note-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.job-note-compose textarea{resize:vertical}.job-note-list{display:grid;gap:10px;margin-top:14px}.job-note{display:grid;grid-template-columns:36px 1fr;gap:10px;padding-top:11px;border-top:1px solid var(--line)}.job-note-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#E9F4F8;color:var(--navy)}.job-note-avatar .material-symbols-rounded{font-size:19px}.job-note-avatar.jill-user-avatar{background:#DDF7F3;color:#075B59;font-size:12px;font-weight:700}.job-note strong{font-size:13px}.job-note small{display:block;color:var(--muted);font-size:11px}.job-note p{margin:5px 0 0;font-size:13px;line-height:1.5;white-space:pre-wrap}
.job-request-list{display:grid;gap:8px}.job-request-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px}.job-request-card>.material-symbols-rounded{color:var(--teal)}.job-request-card strong,.job-request-card small{display:block}.job-request-card small{color:var(--muted);font-size:11px}
.job-answer-list{display:grid}.job-answer-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);gap:18px;padding:12px 3px;border-bottom:1px solid var(--line)}.job-answer-row span{color:var(--muted);font-size:13px}.job-answer-row strong{font-size:13px;font-weight:550;white-space:pre-wrap;overflow-wrap:anywhere}.job-technical{margin-top:12px;padding:11px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.job-technical summary{cursor:pointer;font-size:12px}
.job-answer-section{display:grid;gap:10px;margin-bottom:18px}.job-answer-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px}.job-answer-section-head h3{margin:0;font-size:15px}.job-answer-section-head span{color:var(--muted);font-size:11px}.job-answer-card{padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff}.job-answer-card.invalidated{border-left:4px solid #c86b6b;background:#fff8f8}.job-answer-card.unanswered{border-left:4px solid #9aa6b5;background:#fafbfc}.job-answer-heading{display:flex;justify-content:space-between;gap:10px}.job-answer-heading h4{margin:0;font-size:13px}.job-answer-heading small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.job-answer-current{margin-top:10px;color:#1f2937;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.job-answer-current>a{color:#0f5fdb}.job-answer-history,.job-answer-source{margin-top:9px;color:var(--muted);font-size:11px}.job-answer-history summary,.job-answer-source summary{cursor:pointer}.job-answer-history>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.job-answer-history>div small{text-align:right}.job-answer-source p{margin:7px 0 0}
.job-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.job-document-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px}.job-document-card>.material-symbols-rounded{color:#7654B7}.job-document-card strong,.job-document-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-document-card small{color:var(--muted);font-size:11px;margin-top:2px}
.job-document-thumbnail{position:relative;width:52px;height:52px;display:grid;place-items:center;border-radius:10px;background:#f1f4f8;color:#7654b7;overflow:hidden}.job-document-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.job-document-actions{display:flex;gap:5px}.job-record-blocks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.job-record-summary>strong,.job-record-summary>small{display:block}.job-record-summary>strong{font-size:24px;color:var(--navy)}.job-record-summary>small{margin-top:4px;color:var(--muted);font-size:11px}.verification-result-details{margin-top:10px;color:var(--muted);font-size:11px}.verification-result-details summary{cursor:pointer}.verification-result-details dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0 0}.verification-result-details dl>div{padding:8px;border-radius:8px;background:#f7f9fc}.verification-result-details dt{font-weight:650;color:#475569}.verification-result-details dd{margin:2px 0 0;overflow-wrap:anywhere}
.job-gentle-empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;border-radius:13px;background:#F7F9FC;color:var(--muted)}.job-gentle-empty p{margin:0}
.job-timeline{display:grid}.job-timeline-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;position:relative;padding-bottom:17px}.job-timeline-item:not(:last-child):before{content:"";position:absolute;left:18px;top:35px;bottom:0;width:1px;background:var(--line)}.job-timeline-dot{z-index:1;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#F7FAFC;color:var(--teal)}.job-timeline-dot .material-symbols-rounded{font-size:18px}.job-timeline-item strong,.job-timeline-item small{display:block}.job-timeline-item small{color:var(--muted);font-size:11px;margin-top:2px}.job-timeline-item p{margin:5px 0 0;color:#465264;font-size:13px;line-height:1.45}
.job-work-rail{display:grid;gap:14px;position:sticky;top:105px}.job-work-details label,.job-work-rail>article>label{margin-top:11px;color:var(--muted);font-size:12px}.job-work-details input,.job-work-details select,.job-work-rail input{padding:10px 11px;border-radius:11px;color:var(--text)}
.job-reminder-list{display:grid;gap:7px;margin-top:12px}.job-reminder{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px;border-radius:11px;background:#F7F9FC}.job-reminder>.material-symbols-rounded{font-size:18px;color:#CA7B14}.job-reminder strong,.job-reminder small{display:block}.job-reminder strong{font-size:12px}.job-reminder small{font-size:10px;color:var(--muted)}
.job-source-card dl{margin:0}.job-source-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.job-source-card dt{color:var(--muted);font-size:12px}.job-source-card dd{margin:0;text-align:right;font-size:12px;font-weight:550}
.job-follow-up-modal{max-width:590px}.job-follow-up-modal .choice-head p{margin:5px 0 0;color:var(--muted);line-height:1.45}.job-follow-up-assurance{display:flex;align-items:center;gap:12px;margin-top:15px;padding:12px;border-radius:13px;background:#EDF9F7;color:#0F766E}.job-follow-up-assurance p{margin:0}.job-follow-up-assurance strong,.job-follow-up-assurance small{display:block}.job-follow-up-assurance small{margin-top:2px;color:#4C7470}
.notification-panel{position:fixed;right:120px;top:78px;z-index:50;width:min(390px,calc(100vw - 28px));max-height:calc(100vh - 100px);overflow:auto;padding:13px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:0 18px 50px rgba(32,33,36,.20)}
.notification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:3px 3px 11px;border-bottom:1px solid var(--line)}.notification-head strong,.notification-head small{display:block}.notification-head small{margin-top:2px;color:var(--muted);font-size:11px}.notification-list{display:grid;gap:4px;margin-top:8px}.notification-card{border:1px solid transparent;border-radius:12px}.notification-card.unread{border-color:#B9D9EE;background:#F2F9FD}.notification-main{width:100%}.notification-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;border:0;border-radius:11px;background:transparent;padding:10px;text-align:left;cursor:pointer}.notification-item:hover{background:#F4F7FA}.notification-item>.material-symbols-rounded:first-child{color:#CA7B14}.notification-item strong,.notification-item small{display:block}.notification-item small{margin-top:2px;color:var(--muted)}.notification-kind{display:inline-block;margin-bottom:3px;color:#0F766E;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.notification-kind.job-alert{color:#8A5B17}.notification-actions{display:flex;justify-content:flex-end;gap:6px;padding:0 9px 8px}.notification-actions button{border:0;background:transparent;color:#0F5FDB;padding:4px 6px;border-radius:7px;font-size:11px;cursor:pointer}.notification-actions button:hover,.notification-actions button:focus-visible{background:#E4F0F8}.notification-actions button:disabled{opacity:.6;cursor:wait}.notification-load-error{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border:1px solid #E8B9B9;border-radius:11px;background:#FFF5F5;color:#8B2020}.notification-load-error p{margin:0;font-size:12px;line-height:1.4}.notification-load-error button{border:0;border-radius:8px;background:#FFF;color:#8B2020;padding:6px 8px;cursor:pointer}.notification-clear{text-align:center;padding:25px 12px;color:var(--muted)}.notification-clear .material-symbols-rounded{font-size:31px;color:var(--teal)}.notification-clear p{margin:6px 0 0}
.activity-link{width:100%;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.activity-link:hover{border-color:#B8CEDF}.request-job-link{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#0F5FDB;padding:0;cursor:pointer;font-weight:500}.request-job-link .material-symbols-rounded{font-size:16px}.request-view-action{white-space:nowrap}#requests .data-table tr{cursor:default}.request-reminder-modal{width:min(560px,100%)}.request-reminder-fields{margin-bottom:4px}.request-reminder-fields input{font:inherit}.request-reminder-timezone,.request-reminder-preview{margin:0;color:var(--muted);line-height:1.5}.request-reminder-preview{padding:11px 13px;border-radius:11px;background:#F4F8FC;color:var(--text)}
body.theme-dark .job-scope-tabs,body.theme-dark .job-tabs{background:#102039}body.theme-dark .job-card-actions,body.theme-dark .job-card-values>div,body.theme-dark .job-key-item,body.theme-dark .job-gentle-empty,body.theme-dark .job-reminder{background:#101F35}body.theme-dark .job-workspace-attention{background:#332817;border-color:#6B5430;color:#F4D7A5}body.theme-dark .job-edit-details{background:#0E292B}body.theme-dark .job-outcome-card{background:#0E292B}body.theme-dark .job-timeline-item p{color:var(--muted)}body.theme-dark .notification-item:hover,body.theme-dark .job-more-menu button:hover{background:#10284A}body.theme-dark .notification-card.unread,body.theme-dark .request-reminder-preview{background:#10284A}
@media(max-width:1280px){.job-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.job-search-filter{grid-column:span 2}.job-card-values{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.job-workspace-layout{grid-template-columns:minmax(0,1fr)}.job-work-rail{position:static;grid-row:1}.job-workspace-heading{display:grid}.job-heading-actions{justify-content:flex-start}.job-card{grid-template-columns:1fr}.job-card-actions{flex-direction:row;min-width:0;border-left:0;border-top:1px solid var(--line)}.job-quick-action{flex:1;justify-content:center;border-bottom:0;border-right:1px solid var(--line)}}
@media(max-width:720px){.job-filters{grid-template-columns:1fr}.job-search-filter{grid-column:auto}.job-list-toolbar{align-items:flex-start}.job-list-toolbar .btn{padding:8px 10px}.job-card-heading{display:grid}.job-card-heading .badge{width:max-content}.job-card-values{grid-template-columns:1fr 1fr}.job-card-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.job-quick-action span:last-child{display:none}.job-quick-action{padding:11px}.job-workspace{min-height:calc(100dvh - 84px)}.job-workspace-heading h1{font-size:25px}.job-heading-actions .btn{flex:1;padding:10px}.job-heading-actions .icon-btn{flex:0 0 auto}.job-workspace-attention p{display:block;margin:3px 0}.job-key-grid,.job-document-grid,.job-record-blocks{grid-template-columns:1fr}.job-note-compose{grid-template-columns:1fr}.job-note-compose .btn{justify-self:end}.job-answer-row{grid-template-columns:1fr;gap:4px}.job-answer-section-head{align-items:flex-start;display:grid}.job-outcome-card{grid-template-columns:auto 1fr}.job-outcome-card .btn{grid-column:1/-1}.notification-panel{right:14px;top:72px}}

/* Public paid beta: complete customer billing and verification bundle area. */
.billing-live-status{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:11px 14px;border:1px solid #CDE8D6;border-radius:14px;background:#F3FBF5;color:#24673A}.billing-live-status p{margin:0}.billing-live-status .material-symbols-rounded{font-size:21px}.billing-live-status.busy .material-symbols-rounded{animation:job-spin 1s linear infinite}.billing-live-status.error{border-color:#F2C5C5;background:#FFF3F3;color:#A53E3E}
.billing-tabs{margin-bottom:18px}.billing-tabs .tab:focus-visible{outline:3px solid rgba(20,184,166,.34);outline-offset:3px;border-radius:5px}.billing-tab-panel{min-width:0}.billing-tab-panel[hidden]{display:none}.billing-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:4px 0 16px}.billing-section-head h2,.billing-section-head p{margin:0}.billing-section-head p{margin-top:4px;color:var(--muted)}
.billing-activation-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;margin-bottom:18px;padding:22px;border:1px solid #99D7D2;border-radius:20px;background:linear-gradient(135deg,#EFFBFA,#F8FBFF);box-shadow:var(--shadow)}.billing-activation-card h2{margin:0 0 6px}.billing-activation-card p{margin:0;color:var(--muted);line-height:1.55}.billing-activation-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#DDF5F2;color:#0F766E}.billing-activation-icon .material-symbols-rounded{font-size:29px}.billing-payment-details{display:flex;gap:22px;flex-wrap:wrap;margin:16px 0}.billing-payment-details>div span,.billing-payment-details>div strong{display:block}.billing-payment-details span{font-size:11px;color:var(--muted)}.billing-payment-details strong{margin-top:2px}.billing-payment-details>p{flex-basis:100%}
.billing-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.billing-summary-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:var(--shadow);min-width:0}.billing-summary-card>.material-symbols-rounded{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#EAF5FA;color:var(--navy)}.billing-summary-card small,.billing-summary-card strong{display:block}.billing-summary-card small{color:var(--muted);font-size:11px}.billing-summary-card strong{margin-top:2px;font-size:17px;overflow-wrap:anywhere}.billing-summary-card p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.billing-summary-card.tone-good{border-color:#BEE4CA}.billing-summary-card.tone-good>.material-symbols-rounded{background:#E7F7EC;color:#24673A}.billing-summary-card.tone-warning{border-color:#EED79B}.billing-summary-card.tone-warning>.material-symbols-rounded{background:#FFF4D7;color:#8A5B12}.billing-summary-card.tone-danger{border-color:#F0BABA}.billing-summary-card.tone-danger>.material-symbols-rounded{background:#FDE9E9;color:#A53E3E}.billing-attention-card{display:flex;gap:12px;align-items:flex-start;margin:0 0 16px;padding:13px 15px;border:1px solid #EED79B;border-radius:14px;background:#FFF9E8;color:#745116}.billing-attention-card.danger{border-color:#F0BABA;background:#FFF1F1;color:#983B3B}.billing-attention-card p{margin:2px 0 0;line-height:1.45}
.billing-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:16px}.billing-panel{margin-bottom:16px}.billing-panel .panel-head p{margin:4px 0 0}.billing-empty{display:flex;align-items:center;justify-content:center;gap:10px;min-height:90px;padding:20px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}.billing-empty p{margin:0;max-width:620px}.billing-empty>.material-symbols-rounded{color:#8295AB}
.billing-panel[data-billing-collapsible]{padding:0;overflow:hidden}
.billing-collapse-toggle{width:100%;border:0;background:transparent;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;color:var(--text);cursor:pointer}
.billing-collapse-toggle:hover{background:#f8fbff}
.billing-collapse-heading{min-width:0}
.billing-collapse-heading strong{display:block;font-size:18px}
.billing-collapse-heading small{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin-top:4px;font-weight:400}
.billing-collapse-tools{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.billing-collapse-alert{border-radius:999px;background:#fff1dc;color:#8a4a00;padding:5px 9px;font-size:11px;font-weight:700;white-space:nowrap}
.billing-collapse-chevron{transition:transform .2s ease}
.billing-collapse-toggle[aria-expanded="true"] .billing-collapse-chevron{transform:rotate(180deg)}
.billing-collapse-body{padding:0 22px 22px}
.billing-collapse-body[hidden]{display:none}
.billing-expanded .billing-collapse-body{animation:billing-section-open .18s ease-out}
@keyframes billing-section-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.billing-expanded .billing-collapse-body{animation:none}.billing-collapse-chevron{transition:none}}
.team-management-sections{display:grid;gap:16px;min-width:0}
.team-list-panel{padding:0;min-width:0;overflow:hidden}
.team-section-head{align-items:flex-start;margin:0;padding:16px 18px;border-bottom:1px solid var(--line)}
.team-section-head h2,.team-section-head p{margin:0}.team-section-head p{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}
.team-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.team-data-table{min-width:760px}.team-invitations-table{min-width:880px}
.team-data-table tr{cursor:default}.team-data-table td:first-child strong,.team-data-table td:first-child small{display:block;overflow-wrap:anywhere}.team-data-table td:first-child small{margin-top:3px;color:var(--muted)}
.team-data-table td:last-child{width:1%;white-space:nowrap}
.team-inline-empty{padding:18px;color:var(--muted);font-size:13px}
.team-row-actions{display:flex;justify-content:flex-end;gap:7px;min-width:0}
.team-invitation-action[aria-busy="true"]{width:auto;padding-inline:11px}
.team-status-label,.team-protected-label{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:12px;font-weight:600;white-space:nowrap}
.team-protected-label{color:var(--muted);font-size:11px}.team-protected-label .material-symbols-rounded{font-size:17px;color:var(--navy)}
.team-status-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#8295ab}.team-status-dot.green,.team-status-dot.teal{background:#16845b}.team-status-dot.amber{background:#b7791f}.team-status-dot.red{background:#b43c3c}.team-status-dot.purple{background:#6d28d9}
.team-role-modal{width:min(900px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
.team-member-dialog-head p{max-width:680px;margin:5px 0 0;color:var(--muted);line-height:1.45}
.team-member-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.55fr);gap:12px;margin-bottom:13px}
.team-member-fields>*{min-width:0}.team-member-identity{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin-bottom:13px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#f8fbff}.team-member-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#dceaf8;color:var(--navy);font-weight:700}.team-member-avatar.jill-user-avatar{background:#DDF7F3;color:#075B59}.team-member-cell{display:flex;align-items:center;gap:10px;min-width:0}.team-member-cell>div{min-width:0}.team-member-cell .team-member-avatar{width:36px;height:36px;min-width:36px;font-size:12px}.team-member-identity strong,.team-member-identity span{display:block}.team-member-identity>div>span{margin-top:2px;color:var(--muted);font-size:12px}.team-member-identity .team-member-status-text{display:flex;align-items:center;gap:6px;margin-top:5px;color:var(--text);font-weight:600}
.team-role-capabilities{border:1px solid var(--line);border-radius:14px;background:#f8fbff;padding:13px}
.team-role-capabilities>p{margin:0 0 10px;color:var(--text);font-size:13px;line-height:1.5}
.team-capability-list{margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;list-style:none}
.team-capability-list>li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:8px;border-radius:10px;background:#fff}
.team-capability-list strong,.team-capability-list small{display:block}.team-capability-list strong{font-size:12px;color:var(--navy)}.team-capability-list small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.4}
.team-capability-state{display:inline-flex;align-items:center}.team-capability-state .material-symbols-rounded{font-size:19px}.team-capability-state.allowed{color:#16845b}.team-capability-state.not_allowed{color:#a64b4b}.team-capability-state.optional{color:#8a651c}
.team-selected-permissions{display:flex;gap:8px;align-items:center;margin-bottom:10px;padding:8px;border-radius:9px;background:#e8faf7;font-size:11px}
.team-permissions-section{margin-top:13px}.team-permissions-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.team-permissions-head h3,.team-permissions-head p{margin:0}.team-permissions-head h3{font-size:15px}.team-permissions-head p{max-width:590px;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.team-permission-bulk{display:flex;gap:6px;flex:0 0 auto}.team-permission-bulk .btn{padding:7px 9px;border-radius:9px;font-size:11px}
.team-permission-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.team-permission-group{min-width:0;margin:0;padding:10px;border:1px solid var(--line);border-radius:12px}.team-permission-group legend{padding:0 5px;color:var(--navy);font-size:12px;font-weight:700}.team-permission-group>p{margin:0 0 8px;color:var(--muted);font-size:10px;line-height:1.4}.team-permission-group>div{display:grid;gap:6px}.team-permission-option{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:8px;border-radius:9px;background:#f8fbff;color:var(--text);cursor:pointer}.team-permission-option input{width:18px;height:18px;margin:1px 0 0}.team-permission-copy strong,.team-permission-copy small,.team-permission-copy em{display:block}.team-permission-copy strong{font-size:11px}.team-permission-copy small{margin-top:2px;color:var(--muted);font-size:10px;font-weight:400;line-height:1.35}.team-permission-copy em{margin-top:4px;color:#0f766e;font-size:9px;font-style:normal;font-weight:700}.team-permission-option.is-inherited{background:#eef8f3}.team-permission-option:has(input:disabled){cursor:not-allowed}.team-permission-option:has(input:disabled):not(.is-inherited){opacity:.68}
.team-permission-guard{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border:1px solid #eed79b;border-radius:11px;background:#fff9e8;color:#745116;font-size:11px;line-height:1.45}.team-permission-guard .material-symbols-rounded{font-size:18px;flex:0 0 auto}
.team-member-danger{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px;padding:12px;border:1px solid #e6b7b7;border-radius:13px;background:#fff8f8}.team-member-danger strong,.team-member-danger p{margin:0}.team-member-danger p{margin-top:3px;color:#7e5050;font-size:11px;line-height:1.4}.team-member-danger .btn{flex:0 0 auto}
.team-member-form-actions{margin-top:16px}
body.theme-dark .team-role-capabilities,body.theme-dark .team-member-identity,body.theme-dark .team-permission-option{background:#101f35}body.theme-dark .team-capability-list>li{background:#102039}body.theme-dark .team-permission-option.is-inherited{background:#0e292b}body.theme-dark .team-member-danger{background:#351b23;border-color:#7f3546}body.theme-dark .team-permission-guard{background:#35290e;border-color:#725d29;color:#f2d48b}body.theme-dark .team-capability-list strong,body.theme-dark .team-permission-group legend,body.theme-dark .team-protected-label .material-symbols-rounded,body.theme-dark .team-member-avatar{color:#dbeafe}body.theme-dark .team-member-avatar{background:#18304f}body.theme-dark .team-permission-option:has(input:disabled):not(.is-inherited){opacity:.82}body.theme-dark .team-permission-copy em{color:#79e4db}.team-invitation-action>.material-symbols-rounded,.team-member-action>.material-symbols-rounded{font-size:19px}
.job-json-modal{width:min(900px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:auto}
.job-json-modal>label{display:grid;gap:6px;font-weight:700}
.job-json-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.job-json-metadata span{padding:9px 11px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.job-json-metadata strong{display:block;color:var(--navy);font-size:11px;margin-bottom:3px}
.job-json-content{max-height:48vh;overflow:auto;margin:0;padding:16px;border-radius:12px;background:#071a34;color:#e9f2ff;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.provider-response-modal{width:min(940px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:auto}
.provider-response-warning{display:flex;gap:10px;align-items:flex-start;margin:4px 0 12px;padding:12px;border-radius:12px;background:#FFF6DF;color:#765C21}.provider-response-warning .material-symbols-rounded{font-size:21px}.provider-response-warning p{margin:0;font-size:12px;line-height:1.5}
.provider-response-retention{margin-bottom:10px;color:var(--muted);font-size:11px}.provider-response-retention:empty{display:none}
.provider-response-content{min-height:180px}.provider-response-message{margin:10px 0 0;color:var(--muted);font-size:11px}.provider-response-message:empty{display:none}
.persistent-status{margin-top:12px;padding:12px;border:1px solid #e6a3a3;border-radius:11px;background:#fff3f3;color:#8b2020}
.jill-confirm-modal{width:min(560px,100%)}.jill-confirm-modal .choice-head p{margin:7px 0 0;color:var(--muted);line-height:1.5}.jill-confirm-details{display:grid;gap:9px;margin:4px 0 18px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.jill-confirm-detail{display:flex;justify-content:space-between;gap:16px}.jill-confirm-detail span{color:var(--muted)}.jill-confirm-detail strong{text-align:right;color:var(--navy)}
.billing-invoice-row.billing-invoice-new{border-color:#3aa9b4;background:#effcfd;box-shadow:0 0 0 3px rgba(20,184,166,.16)}.billing-invoice-row:focus-visible{outline:3px solid rgba(13,47,122,.3);outline-offset:2px}
@media(max-width:720px){
  .billing-collapse-toggle{align-items:flex-start;padding:17px 16px}
  .billing-collapse-heading small{font-size:12px}
  .billing-collapse-tools{gap:6px}
  .billing-collapse-alert{white-space:normal;text-align:center}
  .billing-collapse-body{padding:0 16px 18px}
  .team-capability-list,.team-permission-groups{grid-template-columns:1fr}
  .team-member-fields{grid-template-columns:1fr}
  .team-permissions-head,.team-member-danger{display:grid}
  .team-permission-bulk{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .team-permission-bulk .btn,.team-member-danger .btn{width:100%;min-height:44px}
  .team-role-modal{width:calc(100vw - 12px);max-width:none;max-height:calc(100dvh - 12px);padding:17px}
  .team-member-form-actions{display:grid;grid-template-columns:1fr}.team-member-form-actions .btn{width:100%;min-height:44px}
  .team-section-head{padding:14px}.team-inline-empty{padding:15px}
  .team-member-action,.team-invitation-action{width:auto;height:auto;min-height:44px;padding:8px 11px}
  .team-member-action .crm-icon-button-label,.team-invitation-action .crm-icon-button-label{display:inline;font-size:12px}
  .team-member-action::after,.team-invitation-action::after{display:none}
  .job-json-metadata{grid-template-columns:1fr}
}
.billing-usage-meter{height:8px;border-radius:999px;background:#E6EDF4;overflow:hidden}.billing-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.billing-usage-meter span{display:block;height:100%;border-radius:inherit;background:var(--teal)}.billing-metric-grid>div{padding:11px;border-radius:12px;background:#F7F9FC}.billing-metric-grid span,.billing-metric-grid strong,.billing-metric-grid small{display:block}.billing-metric-grid span,.billing-metric-grid small{color:var(--muted);font-size:10px}.billing-metric-grid strong{margin:2px 0;font-size:18px}.billing-metric-grid .billing-metric-emphasis{background:#EAF8F6}.billing-metric-emphasis strong{color:#0F766E}.billing-period-note{display:grid;gap:6px;margin:14px 0 0;line-height:1.45}.billing-period-note p{margin:0}.billing-estimate{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border-radius:12px;background:#EAF8F6}.billing-estimate span,.billing-estimate span b,.billing-estimate span small{display:block}.billing-estimate span{font-size:12px;color:#356C68}.billing-estimate span small{margin-top:2px;font-size:10px}.billing-estimate strong{color:#0F766E}.billing-estimate-row{display:flex;justify-content:space-between;gap:12px;padding:9px 14px;border-bottom:1px solid var(--line);font-size:12px}.billing-estimate-total{font-weight:700;color:var(--navy)}
.payment-method-card{display:flex;align-items:center;gap:12px;margin-bottom:13px;padding:13px;border:1px solid var(--line);border-radius:13px}.payment-method-card>.material-symbols-rounded{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#EEF4FF;color:#315C9F}.payment-method-card strong,.payment-method-card small{display:block}.payment-method-card small{margin-top:3px;color:var(--muted)}
.billing-invoice-list{display:grid}.billing-invoice-row{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto auto;gap:13px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line)}.billing-invoice-row:last-child{border-bottom:0}.billing-invoice-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#F0F4FA;color:#59708F}.billing-invoice-row strong,.billing-invoice-row small{display:block}.billing-invoice-row small{margin-top:2px;color:var(--muted);font-size:11px}.billing-invoice-states{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.billing-invoice-actions{display:flex;gap:6px;justify-content:flex-end}
.verification-builder{display:grid;gap:14px}.verification-category{border:1px solid var(--line);border-radius:15px;overflow:hidden}.verification-category h3{margin:0;padding:12px 14px;background:#F3F6FA;color:var(--navy);font-size:14px}.verification-module-list{display:grid}.verification-module-row{display:grid;grid-template-columns:minmax(240px,1fr) 75px 90px 105px;gap:12px;align-items:center;padding:13px 14px;border-top:1px solid var(--line)}.verification-module-row:first-child{border-top:0}.verification-module-row p{margin:3px 0;color:var(--muted);font-size:11px;line-height:1.4}.verification-module-row>div>small{color:#8A6D28;font-size:10px}.verification-module-row label{gap:4px;color:var(--muted);font-size:10px}.verification-module-row input{padding:8px;border-radius:9px}.verification-module-balance,.verification-module-price{text-align:right}.verification-module-balance span,.verification-module-price span,.verification-module-balance strong,.verification-module-price strong{display:block}.verification-module-balance span,.verification-module-price span{color:var(--muted);font-size:10px}.verification-module-balance strong,.verification-module-price strong{margin-top:2px}.verification-minimum-notice{margin:14px 0 0;padding:10px 12px;border-radius:11px;background:#F3F6FA;color:var(--muted);font-size:12px;line-height:1.45}.verification-minimum-notice.attention{background:#FFF6DF;color:#875E16}.verification-minimum-notice.met{background:#EEF8F1;color:#287049}.verification-total-bar{position:sticky;bottom:12px;z-index:4;display:grid;grid-template-columns:repeat(4,auto) minmax(210px,auto);gap:20px;align-items:center;margin-top:12px;padding:14px 16px;border:1px solid #BBD8E4;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 12px 35px rgba(32,33,36,.16);backdrop-filter:blur(8px)}.verification-total-bar span,.verification-total-bar strong{display:block}.verification-total-bar span{color:var(--muted);font-size:10px}.verification-total-bar strong{margin-top:2px}
.verification-quote-review{margin-top:16px;padding:17px;border:1px solid #99D7D2;border-radius:16px;background:#F4FBFA}.verification-quote-head{display:flex;justify-content:space-between;gap:16px}.verification-quote-head h3{margin:0 0 4px}.verification-quote-head p{margin:0;color:var(--muted);font-size:12px}.verification-quote-head>strong{font-size:21px}.verification-quote-lines{display:grid;margin:14px 0}.verification-quote-lines>div{display:grid;grid-template-columns:1fr auto;gap:3px;padding:8px 0;border-top:1px solid #D6E9E7}.verification-quote-lines small{grid-column:1/-1;color:var(--muted)}.billing-confirm-note{display:flex;gap:10px;margin-bottom:13px;padding:11px;border-radius:12px;background:#E8F5F3;color:#356C68}.billing-confirm-note p{margin:0;font-size:12px;line-height:1.45}
.verification-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.verification-balance-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px}.verification-balance-card>.material-symbols-rounded{color:var(--teal)}.verification-balance-card strong,.verification-balance-card small{display:block}.verification-balance-card small{color:var(--muted);font-size:10px}.verification-balance-card b{font-size:20px;color:var(--navy)}
.verification-summary-grid{margin-bottom:16px}.verification-purchase-modal{width:min(1220px,100%);max-height:calc(100dvh - 32px);overflow:hidden;display:flex;flex-direction:column}.verification-purchase-head{flex:0 0 auto}.verification-purchase-head p{max-width:760px;margin:5px 0 0;color:var(--muted);line-height:1.45}.verification-purchase-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:16px;min-height:0;overflow:hidden}.verification-purchase-products{min-width:0;overflow:auto;padding-right:4px;overscroll-behavior:contain}.verification-purchase-cart{align-self:start;max-height:100%;overflow:auto;padding:16px;border:1px solid #BBD8E4;border-radius:16px;background:var(--panel);box-shadow:0 12px 35px rgba(32,33,36,.12)}.verification-cart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.verification-cart-head h3,.verification-cart-head p{margin:0}.verification-cart-head p{margin-top:3px;color:var(--muted);font-size:11px}.verification-cart-lines{display:grid;margin-top:13px;border-top:1px solid var(--line)}.verification-cart-lines>p{margin:14px 0}.verification-cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.verification-cart-line span,.verification-cart-line strong,.verification-cart-line small{display:block}.verification-cart-line small{margin-top:3px;color:var(--muted)}.verification-cart-line>strong{text-align:right}.verification-cart-totals{display:grid;gap:8px;margin-top:12px}.verification-cart-totals>div{display:flex;justify-content:space-between;gap:14px}.verification-cart-grand-total{padding-top:10px;border-top:1px solid var(--line);font-size:16px}.verification-cart-grand-total strong{color:var(--navy)}.verification-cart-review{width:100%;min-height:42px}.verification-cart-note{margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.verification-prepared-order{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:start;padding:10px;border-radius:12px;background:#E8F5F3;color:#356C68}.verification-prepared-order p{margin:2px 0 0;font-size:11px;line-height:1.4}.verification-purchase-cart .verification-quote-review{padding:12px}.verification-purchase-cart .verification-quote-head{display:grid}.verification-purchase-cart .verification-quote-head>strong{font-size:18px}.verification-purchase-cart .verification-checkout-actions{display:grid}.verification-purchase-cart .verification-checkout-actions>*{width:100%;justify-content:center}
.verification-purchase-modal :focus-visible,.billing-tabs .tab:focus-visible{outline:3px solid rgba(20,184,166,.42);outline-offset:3px}.verification-purchase-modal input{min-width:0}.verification-purchase-modal .icon-btn,.verification-purchase-modal .btn{min-height:40px}
body.theme-dark .billing-summary-card,body.theme-dark .verification-total-bar,body.theme-dark .verification-purchase-cart{background:var(--panel)}body.theme-dark .billing-metric-grid>div,body.theme-dark .verification-category h3{background:#101F35}body.theme-dark .billing-activation-card,body.theme-dark .verification-quote-review{background:#0E292B}
@media(max-width:1180px){.billing-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-layout{grid-template-columns:1fr}.verification-total-bar{grid-template-columns:repeat(2,1fr)}.verification-total-bar .btn{grid-column:1/-1}.verification-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.verification-purchase-layout{grid-template-columns:minmax(0,1fr) minmax(280px,330px)}}
@media(max-width:900px){.verification-purchase-modal{overflow:auto}.verification-purchase-layout{display:grid;grid-template-columns:1fr;overflow:visible}.verification-purchase-products{overflow:visible;padding-right:0}.verification-purchase-cart{position:static;max-height:none;overflow:visible}}
@media(max-width:780px){.billing-summary-grid{grid-template-columns:1fr}.billing-activation-card{grid-template-columns:1fr}.billing-metric-grid{grid-template-columns:repeat(2,1fr)}.billing-invoice-row{grid-template-columns:auto 1fr auto}.billing-invoice-states{grid-column:2;justify-content:flex-start}.billing-invoice-actions{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.verification-module-row{grid-template-columns:1fr 70px}.verification-module-row label,.verification-module-price{grid-row:2}.verification-total-bar{position:static}.verification-balance-grid{grid-template-columns:1fr}.billing-section-head{display:grid}.billing-section-head .btn{width:100%}.verification-purchase-modal{width:calc(100vw - 12px);max-width:none;max-height:calc(100dvh - 12px);padding:17px}.verification-cart-head{display:grid}.verification-cart-head .pill{width:max-content}.verification-prepared-order{grid-template-columns:auto 1fr}.verification-prepared-order>strong{grid-column:2}.billing-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.billing-tabs .tab{flex:0 0 auto;min-height:44px}}
@media(max-width:520px){.billing-metric-grid{grid-template-columns:1fr}.verification-module-row{grid-template-columns:minmax(0,1fr) 68px}.verification-module-row>div:first-child{grid-column:1/-1}.verification-module-balance{grid-row:2}.verification-module-row label,.verification-module-price{grid-row:3}.verification-purchase-cart{padding:13px}}
@media(max-width:520px){.verification-purchase-modal .icon-btn,.verification-purchase-modal .btn{min-height:44px}.verification-purchase-modal .icon-btn{min-width:44px}}

/* Provider-independent job verification experience. */
.verification-job-status{display:flex;align-items:center;gap:9px;margin-bottom:13px;padding:11px 12px;border-radius:12px;background:#F3F8FB;color:#52677D}.verification-job-status p{margin:0}.verification-job-status.busy .material-symbols-rounded{animation:job-spin 1s linear infinite}.verification-job-status.attention{background:#FFF6DF;color:#875E16}.verification-job-status.error{background:#FFF1F1;color:#A43D3D}.verification-job-status:focus{outline:3px solid rgba(20,184,166,.34);outline-offset:2px}
#jobVerificationRunner{margin-bottom:15px;padding:16px;border:1px solid #ACDCD8;border-radius:16px;background:#F6FCFB}.verification-runner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.verification-runner-head h3{margin:0 0 4px}.verification-runner-head p{margin:0;color:var(--muted);font-size:12px}.verification-module-picker{display:grid;gap:14px;margin-top:14px}.verification-module-picker h4{margin:0 0 7px;color:var(--navy);font-size:12px;text-transform:uppercase;letter-spacing:.045em}.verification-module-picker section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.verification-pick-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:11px;text-align:left;color:var(--text);cursor:pointer}.verification-pick-card:hover{border-color:var(--teal);box-shadow:var(--shadow)}.verification-pick-card:focus-visible{outline:3px solid rgba(20,184,166,.34);outline-offset:2px}.verification-pick-card.unavailable{opacity:.72;cursor:not-allowed;background:#F5F7FA}.verification-pick-card.unavailable:hover{border-color:var(--line);box-shadow:none}.verification-pick-card>.material-symbols-rounded:first-child{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#E9F6F5;color:#0F766E}.verification-pick-card strong,.verification-pick-card small,.verification-pick-card em{display:block}.verification-pick-card small{margin-top:2px;color:var(--muted);font-size:10px;line-height:1.35}.verification-pick-card em{margin-top:5px;color:#875E16;font-size:10px;font-style:normal;line-height:1.35}.verification-pick-card b{white-space:nowrap;color:var(--navy);font-size:11px}.verification-pick-card b span{display:block;margin-bottom:2px;color:var(--muted);font-size:9px;font-weight:600}
.verification-run-title{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;margin:8px 0 13px}.verification-run-title>.material-symbols-rounded{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#DDF5F2;color:#0F766E}.verification-run-title h3{margin:0 0 3px}.verification-run-title p{margin:0;color:var(--muted);font-size:12px}.verification-provider-mode{display:inline-block;margin-top:6px;padding:3px 7px;border-radius:999px;background:#E7F1FA;color:#426379;font-size:9px;font-weight:700}.verification-provider-mode.live{background:#E5F6EC;color:#287049}.verification-run-title>div:last-child{text-align:center;padding:8px 12px;border-radius:11px;background:#EAF5FA}.verification-run-title>div:last-child span,.verification-run-title>div:last-child strong,.verification-run-title>div:last-child small{display:block}.verification-run-title>div:last-child span{font-size:9px;color:var(--muted)}.verification-run-title>div:last-child strong{font-size:19px;color:var(--navy)}.verification-run-title>div:last-child small{margin-top:2px;color:var(--muted);font-size:9px}
.verification-guidance{display:flex;gap:9px;margin:9px 0;padding:10px;border-radius:11px;background:#EAF5FA;color:#426379}.verification-guidance.warning{background:#FFF6DF;color:#875E16}.verification-guidance p{margin:0;font-size:11px;line-height:1.45}.verification-guidance .material-symbols-rounded{font-size:19px}.verification-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0}.verification-input-field{padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.verification-input-field label{gap:5px}.verification-input-field select,.verification-input-field input{padding:9px;border-radius:9px}.verification-input-field small{display:block;margin-top:6px;color:var(--muted);font-size:10px}.verification-input-field .verification-field-error{color:#A43D3D;font-weight:650}.verification-input-field .verification-field-error.hidden{display:none}.verification-purpose-fields{margin:13px 0}.verification-purpose-fields textarea{resize:vertical}.verification-purpose-fields small{color:var(--muted);font-size:10px}
.verification-result-list{display:grid;gap:11px}.verification-result-card{padding:14px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:14px;background:var(--panel)}.verification-result-card.review,.verification-result-card.attention{border-left-color:#D49321}.verification-result-card.error{border-left-color:#B84242}.verification-result-card.success{border-left-color:#2D8A57}.verification-result-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.verification-result-head>.material-symbols-rounded{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#E9F6F5;color:#0F766E}.verification-result-card.review .verification-result-head>.material-symbols-rounded,.verification-result-card.attention .verification-result-head>.material-symbols-rounded{background:#FFF4D9;color:#875E16}.verification-result-card.error .verification-result-head>.material-symbols-rounded{background:#FFF1F1;color:#A43D3D}.verification-result-head strong,.verification-result-head small{display:block}.verification-result-head small{margin-top:2px;color:var(--muted);font-size:10px}.verification-result-card>p{margin:11px 0;color:#465264;font-size:13px}.verification-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:11px;border-radius:11px;background:#F7F9FC}.verification-comparison>div span,.verification-comparison>div strong{display:block}.verification-comparison>div span{color:var(--muted);font-size:10px}.verification-comparison>div strong{margin-top:2px;font-size:12px;overflow-wrap:anywhere}.verification-comparison>.material-symbols-rounded{color:#8295AB}.verification-mode-notice{display:flex;align-items:center;gap:6px;margin-top:8px;color:#765C21;font-size:10px}.verification-state-guidance{display:flex;align-items:center;gap:7px;margin-top:9px;padding:9px;border-radius:9px;background:#FFF6DF;color:#875E16;font-size:11px;line-height:1.4}.verification-result-card.error .verification-state-guidance{background:#FFF1F1;color:#A43D3D}.verification-decision-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:7px;margin-top:11px}.verification-decision-row label{display:block}.verification-decision-row select,.verification-decision-row input{width:100%;padding:9px;border-radius:9px}.verification-saved-decision{display:flex;gap:9px;margin-top:9px;padding:9px;border-radius:9px;background:#EEF8F1;font-size:11px}.verification-proof-limit{display:block;margin-top:9px;color:var(--muted);line-height:1.4}
.provider-response-action,.verification-report-action{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#F8FAFD}.verification-report-action{background:#F4FBFA;border-color:#BFE4E0}.provider-response-action>span,.verification-report-action>span{display:flex;align-items:center;gap:7px;min-width:0;color:var(--muted);font-size:10px;line-height:1.4;overflow-wrap:anywhere}.provider-response-action>span .material-symbols-rounded,.verification-report-action>span .material-symbols-rounded{flex:0 0 auto;font-size:18px;color:#52708E}.verification-report-action>span .material-symbols-rounded{color:#0F766E}.provider-response-action .btn,.verification-report-action .btn{flex:0 0 auto}
body.theme-dark #jobVerificationRunner{background:#0E292B}body.theme-dark .verification-comparison,body.theme-dark .verification-guidance{background:#101F35}body.theme-dark .verification-pick-card.unavailable{background:#111C2D}body.theme-dark .verification-state-guidance{background:#3B2F18}
body.theme-dark .provider-response-action,body.theme-dark .verification-report-action{background:#101F35}body.theme-dark .verification-report-action{border-color:#255B5A}body.theme-dark .provider-response-warning{background:#3B2F18}
@media(max-width:760px){.verification-module-picker section>div,.verification-input-grid{grid-template-columns:1fr}.verification-pick-card{grid-template-columns:auto 1fr auto}.verification-pick-card>.material-symbols-rounded:last-child{display:none}.verification-run-title{grid-template-columns:auto 1fr}.verification-run-title>div:last-child{grid-column:1/-1}.verification-decision-row{grid-template-columns:1fr}.verification-comparison{grid-template-columns:1fr}.verification-comparison>.material-symbols-rounded{transform:rotate(90deg)}.provider-response-action,.verification-report-action{align-items:flex-start;flex-direction:column}.provider-response-action .btn,.verification-report-action .btn{width:100%;min-height:44px}}

/* Profile, safe document deletion and responsive Dashboard priorities. */
.panel-link{border:0;background:transparent;color:#0F5FDB;font-weight:600;cursor:pointer;padding:7px 8px;border-radius:9px}
.panel-link:hover{background:#EEF4FA}
.panel-link:focus-visible,.btn:focus-visible{outline:3px solid rgba(20,184,166,.34);outline-offset:2px}
body.theme-dark .panel-link{color:#8AB4F8}
body.theme-dark .panel-link:hover{background:#18304F}
.document-library-actions .document-delete-button{color:#9C2F2F;border-color:#E8CACA}
.document-library-actions .document-delete-button:hover{background:#FFF2F2;border-color:#DDAAAA}
.document-library-actions .document-action-icon{width:42px;height:42px;min-width:42px;flex:0 0 42px;display:grid;place-items:center;padding:0;border:1px solid var(--line);color:#34516F}
.document-library-actions .document-action-icon:hover{background:#EEF4FA;border-color:#B9CFDF}
.document-library-actions .document-delete-button{color:#9C2F2F;border-color:#E8CACA}
.document-library-actions .document-delete-button:hover{background:#FFF2F2;border-color:#DDAAAA}
.document-create-button{min-height:42px}
.lifetime-overview .panel-head{align-items:flex-start}.lifetime-overview .panel-head p{margin:4px 0 0;font-size:12px}.lifetime-overview-status{margin:0 0 12px;color:var(--muted);font-size:12px}.lifetime-overview-status:empty{display:none}.lifetime-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.lifetime-overview-metric{display:flex;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:13px;background:#F8FAFD}.lifetime-overview-metric>.material-symbols-rounded{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#E6F5F3;color:#0F766E}.lifetime-overview-metric strong,.lifetime-overview-metric small{display:block}.lifetime-overview-metric strong{color:var(--navy);font-size:19px}.lifetime-overview-metric small{color:var(--muted);font-size:10px;line-height:1.25}
.profile-avatar-crop-modal{width:min(580px,100%)}.profile-avatar-crop-body{display:grid;justify-items:center;gap:14px}.profile-avatar-crop-stage{width:min(320px,78vw);aspect-ratio:1;overflow:hidden;border:3px solid var(--panel);border-radius:50%;background:#EFF4F9;box-shadow:0 0 0 1px var(--line);touch-action:none;cursor:grab}.profile-avatar-crop-stage:active{cursor:grabbing}.profile-avatar-crop-stage:focus-visible{outline:3px solid rgba(20,184,166,.34);outline-offset:4px}.profile-avatar-crop-stage canvas{width:100%;height:100%;display:block}.profile-avatar-zoom{width:min(360px,100%);display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-weight:600}.profile-avatar-zoom input{grid-column:1/-1;width:100%;accent-color:var(--teal)}.profile-avatar-zoom span{font-weight:500;color:var(--muted)}.profile-avatar-crop-body>.muted{margin:0;text-align:center;font-size:12px}
.persistent-status.success{border-color:#9FD7B3;background:#EFFAF2;color:#176B3A}
.persistent-status.busy{border-color:#B9D4E8;background:#F1F7FC;color:#315C7A}
.profile-page-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:20px;align-items:start}
.profile-page-grid .settings-card{width:100%;max-width:none}
.profile-details-card{grid-row:span 2}
.profile-page-grid h2{margin:0 0 7px;font-size:20px}
.profile-page-grid h3{margin:24px 0 12px}
.profile-photo-editor{display:flex;align-items:center;gap:22px;padding-bottom:24px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.profile-photo-editor>div:last-child{min-width:0}
.profile-photo-editor p{margin:0 0 14px}
.profile-photo-preview{width:112px;height:112px;min-width:112px;overflow:hidden;border:3px solid var(--panel);border-radius:50%;background:#E8F3EC;color:#2F7D4B;box-shadow:0 0 0 1px var(--line);display:grid;place-items:center;font-size:34px;font-weight:700}
.profile-photo-preview img{width:100%;height:100%;display:block;object-fit:cover}
.profile-photo-actions{display:flex;gap:9px;flex-wrap:wrap}
.profile-upload-label{cursor:pointer}
.profile-upload-label:has(+ #profileAvatarFile:focus-visible){outline:3px solid rgba(20,184,166,.34);outline-offset:2px}
.profile-fields input[readonly]{background:#F5F8FC;color:#52677D}
.profile-pending-email{margin:16px 0 0;padding:11px 13px;border-radius:12px;background:#FFF7E6;color:#7A591A}
.profile-signout-action{justify-content:flex-start;border-top:1px solid var(--line);padding-top:18px}
body.theme-dark .profile-fields input[readonly]{background:#101F35;color:var(--muted)}
body.theme-dark .persistent-status.success{background:#102B1C;color:#8CE0A9}
body.theme-dark .persistent-status.busy{background:#10243A;color:#A8CCE6}
body.theme-dark .profile-pending-email{background:#35290E;color:#F2D48B}
body.theme-dark .lifetime-overview-metric{background:#101F35}
@media(max-width:1100px){
  .dashboard-grid .panel.wide{grid-column:auto}
  .profile-page-grid{grid-template-columns:1fr}
  .profile-details-card{grid-row:auto}
}
@media(max-width:620px){
  .profile-photo-editor{align-items:flex-start;flex-direction:column}
  .profile-photo-preview{width:92px;height:92px;min-width:92px}
  .profile-photo-actions,.profile-photo-actions .btn,.profile-page-grid .form-actions,.profile-page-grid .form-actions .btn{width:100%}
  .page-head-actions,.page-head-actions .btn{width:100%}.page-head-actions{justify-content:stretch}.manual-job-fields{grid-template-columns:1fr}.manual-job-title-field,.manual-job-fields label:nth-child(2){grid-column:auto}
  .profile-page-grid .form-actions{flex-direction:column}
  .lifetime-overview .panel-head{display:grid;gap:8px}.lifetime-overview .panel-link{justify-self:start}.lifetime-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-avatar-crop-modal{padding:18px}.profile-avatar-crop-stage{width:min(280px,74vw)}
}

/* Global CRM UI refinement: maintainable density, contextual actions and activity hierarchy. */
:root{
  --crm-sidebar-width:244px;
  --crm-toolbar-height:72px;
  --crm-page-padding:24px;
  --crm-page-gap:18px;
  --crm-card-padding:18px;
  --crm-card-radius:18px;
  --crm-control-radius:12px;
  --crm-icon-action-size:40px;
  --crm-mobile-touch-target:44px;
  --crm-action-accent:#0F766E;
  --crm-focus-ring:#0F766E;
}

.topbar{
  min-height:var(--crm-toolbar-height);
  height:var(--crm-toolbar-height);
  justify-content:flex-end;
  gap:8px;
  padding:0 var(--crm-page-padding);
}
.topbar-context-actions{
  min-width:0;
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.bell{
  flex:0 0 var(--crm-icon-action-size);
  min-width:var(--crm-icon-action-size);
  min-height:var(--crm-icon-action-size);
  margin-left:0;
}
.bell>.material-symbols-rounded{position:static;background:transparent;color:inherit;border-radius:0;padding:0}
.notification-panel{right:24px;top:64px}

.crm-icon-button{
  position:relative;
  width:var(--crm-icon-action-size);
  height:var(--crm-icon-action-size);
  min-width:var(--crm-icon-action-size);
  min-height:var(--crm-icon-action-size);
  padding:0;
  border:1px solid var(--line);
  border-radius:var(--crm-control-radius);
  background:var(--panel);
  color:var(--navy);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  box-shadow:0 1px 2px rgba(32,33,36,.08);
  cursor:pointer;
  font:inherit;
  font-weight:600;
  line-height:1;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.crm-icon-button>.material-symbols-rounded{font-size:20px}
.crm-icon-button:hover:not(:disabled){background:#F2F6FA;border-color:#B9C9DA;box-shadow:0 3px 9px rgba(32,33,36,.12)}
.crm-icon-button:active:not(:disabled){transform:translateY(1px);box-shadow:none}
.crm-icon-button:focus-visible{outline:3px solid var(--crm-focus-ring);outline-offset:2px}
.crm-icon-button:disabled,
.crm-icon-button[aria-disabled="true"]{opacity:.48;cursor:not-allowed;box-shadow:none}
.crm-icon-button.is-primary{background:var(--navy);border-color:var(--navy);color:#fff}
.crm-icon-button.is-primary:hover:not(:disabled){background:var(--navy-2);border-color:var(--navy-2)}
.crm-icon-button.is-accent{background:var(--crm-action-accent);border-color:var(--crm-action-accent);color:#fff}
.crm-icon-button.is-accent:hover:not(:disabled){background:#0B5F59;border-color:#0B5F59}
.crm-icon-button.is-danger{background:#FFF7F7;border-color:#E5BABA;color:#9C2F2F}
.crm-icon-button.is-danger:hover:not(:disabled){background:#FCE8E8;border-color:#D69898;color:#842626}
.crm-icon-button-label{display:none;line-height:1.25}
.crm-icon-button[data-tooltip]::after{
  content:attr(data-tooltip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 8px);
  z-index:90;
  width:max-content;
  max-width:min(240px,calc(100vw - 24px));
  padding:6px 9px;
  border-radius:8px;
  background:#172033;
  color:#fff;
  box-shadow:0 6px 18px rgba(15,23,42,.22);
  font-size:12px;
  font-weight:500;
  line-height:1.25;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,3px);
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.crm-icon-button.tooltip-below[data-tooltip]::after{
  top:calc(100% + 8px);
  bottom:auto;
  transform:translate(-50%,-3px);
}
.crm-icon-button[data-tooltip]:hover::after,
.crm-icon-button[data-tooltip]:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.topbar-context-actions .crm-icon-button[data-tooltip]::after{
  left:auto;
  right:0;
  transform:translateY(-3px);
}
.topbar-context-actions .crm-icon-button[data-tooltip]:hover::after,
.topbar-context-actions .crm-icon-button[data-tooltip]:focus-visible::after{transform:translateY(0)}
body.theme-dark .crm-icon-button{background:#102039;border-color:var(--line);color:var(--text)}
body.theme-dark .crm-icon-button:focus-visible{outline-color:#79E4DB}
body.theme-dark .crm-icon-button:hover:not(:disabled){background:#18304F}
body.theme-dark .crm-icon-button.is-primary{background:var(--navy);border-color:#5274B5;color:#fff}
body.theme-dark .crm-icon-button.is-accent{background:var(--crm-action-accent);border-color:var(--crm-action-accent);color:#fff}
body.theme-dark .crm-icon-button.is-danger{background:#351B23;border-color:#7F3546;color:#F6C5CF}

.page-head{margin-bottom:18px}
.page-head>div{min-width:0}
.page-head p{max-width:820px;line-height:1.45}
.document-library-actions{justify-content:flex-end}
.document-library-actions .document-action-icon{
  width:var(--crm-icon-action-size);
  height:var(--crm-icon-action-size);
  min-width:var(--crm-icon-action-size);
  flex:0 0 var(--crm-icon-action-size);
}
.document-library-actions .document-workflow-button{min-width:var(--crm-icon-action-size);flex:0 0 var(--crm-icon-action-size)}
.document-library-actions .crm-icon-button[data-tooltip]::after{left:auto;right:0;transform:translateY(3px)}
.document-library-actions .crm-icon-button[data-tooltip]:hover::after,
.document-library-actions .crm-icon-button[data-tooltip]:focus-visible::after{transform:translateY(0)}
.job-heading-actions .job-header-action{flex:0 0 var(--crm-icon-action-size)}
.activity-row{align-items:flex-start}
.activity-row>.badge{flex:0 0 auto;margin-top:1px}
.activity-copy{min-width:0;display:block;overflow-wrap:anywhere}
.activity-copy>strong,.activity-description,.activity-meta{display:block}
.activity-description{margin-top:3px;color:var(--text);font-size:13px;line-height:1.4}
.activity-meta{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.35}
.activity-job-title{color:#315C9F;font-weight:600}
body.theme-dark .activity-job-title{color:#8AB4F8}

/* Batch 2: one explicit, reusable date-and-time control across CRM scheduling flows. */
.jill-datetime-field{display:grid;gap:8px;min-width:0;color:var(--navy);font-weight:600}
.jill-field-label{display:block}
.jill-datetime-inputs{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(120px,.75fr);gap:10px;min-width:0}
.jill-datetime-part{display:grid;gap:5px;min-width:0;color:var(--muted);font-size:12px;font-weight:700}
.jill-datetime-part input,.jill-datetime-part select{width:100%;min-width:0;color:var(--text);font-size:14px;font-weight:500}
.jill-datetime-source{display:none!important}
.manual-job-modal{width:min(720px,100%);max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain}
.manual-job-allowance{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:7px 10px;border:1px solid #A8D8D3;border-radius:999px;background:#EFFAF8;color:#0F766E;font-size:12px;line-height:1.25}
.manual-job-allowance .material-symbols-rounded{font-size:17px;flex:0 0 auto}
.manual-job-allowance.is-unavailable{border-color:var(--line);background:#F4F7FB;color:var(--muted)}
.requests-table-panel{width:100%;min-width:0}
.scheduled-requests-panel{margin-top:16px}
.scheduled-requests-panel.is-empty{padding-block:14px}
.scheduled-requests-panel.is-empty .panel-head{margin-bottom:5px}
.scheduled-request-empty{margin:0;padding:2px 0;font-size:13px}
.scheduled-request-actions{align-items:center}
.scheduled-request-actions .scheduled-request-action{flex:0 0 var(--crm-icon-action-size)}
.scheduled-request-actions .scheduled-request-action[data-tooltip]::after{left:auto;right:0;transform:translateY(3px)}
.scheduled-request-actions .scheduled-request-action[data-tooltip]:hover::after,
.scheduled-request-actions .scheduled-request-action[data-tooltip]:focus-visible::after{transform:translateY(0)}
.request-detail-modal{width:min(780px,100%);max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain}
.request-detail-modal .choice-head>div,.request-reminder-modal .choice-head>div,.scheduled-request-modal .choice-head>div{min-width:0;overflow-wrap:anywhere}
.request-detail-head{position:sticky;top:-20px;z-index:2;margin:-20px -20px 14px;padding:20px 20px 12px;background:var(--panel);border-bottom:1px solid var(--line)}
.request-detail-content{display:grid;gap:14px;min-width:0}
.request-detail-loading{min-height:120px;display:grid;place-items:center;color:var(--muted);text-align:center}
.request-detail-status{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.request-detail-status code{overflow-wrap:anywhere;color:var(--text)}
.request-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.request-detail-section{min-width:0;padding:13px;border:1px solid var(--line);border-radius:13px;background:#FBFDFF}
.request-detail-section h3{margin:0 0 7px;color:var(--muted);font-size:11px;letter-spacing:.05em;text-transform:uppercase}
.request-detail-section p{margin:0 0 9px;line-height:1.45;overflow-wrap:anywhere}
.request-detail-section p:last-child{margin-bottom:0}
.request-detail-notice{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #E8C67A;border-radius:12px;background:#FFF8E8;color:#805C12}
.request-detail-notice.is-cancelled{border-color:#E1B6BE;background:#FFF2F4;color:#8A3545}
.request-detail-notice p{margin:0;line-height:1.4}
.request-detail-timeline-section{background:var(--panel)}
.request-detail-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.request-detail-timeline>div{min-width:0;padding:10px;border-radius:11px;background:#F4F8FC}
.request-detail-timeline .material-symbols-rounded{display:block;margin-bottom:7px;color:#315C9F;font-size:19px}
.request-detail-timeline strong,.request-detail-timeline small{display:block}
.request-detail-timeline small{margin-top:3px;color:var(--muted);line-height:1.35;overflow-wrap:anywhere}
.request-detail-actions{margin-top:0;padding-top:2px;flex-wrap:wrap}
.request-detail-actions .btn{min-height:40px}
body.theme-dark .jill-datetime-field{color:var(--text)}
body.theme-dark .manual-job-allowance{border-color:#397B76;background:#103432;color:#9DE8E0}
body.theme-dark .manual-job-allowance.is-unavailable{border-color:var(--line);background:#102039;color:var(--muted)}
body.theme-dark .request-detail-section,body.theme-dark .request-detail-timeline>div{background:#102039}
body.theme-dark .request-detail-notice{background:#382D16;border-color:#725B27;color:#F3D891}
body.theme-dark .request-detail-notice.is-cancelled{background:#351B23;border-color:#7F3546;color:#F6C5CF}

@media(min-width:1101px){
  body{font-size:15px}
  .app-shell{grid-template-columns:var(--crm-sidebar-width) minmax(0,1fr)}
  main{padding:var(--crm-page-padding)}
  .page-head{gap:18px;margin-bottom:18px}
  .page-head h1{font-size:27px;margin-bottom:5px}
  .page-head p{font-size:14px}
  .btn{padding:10px 16px;border-radius:var(--crm-control-radius);gap:7px}
  .btn.small{padding:8px 12px}
  .btn>.material-symbols-rounded{font-size:18px}
  .bell>.material-symbols-rounded{font-size:23px}
  input,select,textarea{padding:11px 13px;border-radius:var(--crm-control-radius)}
  .form-grid{gap:13px;margin:18px 0}
  .stat-grid{gap:14px;margin-bottom:20px}
  .stat-card{padding:16px;border-radius:16px;gap:14px}
  .stat-card strong{font-size:27px}
  .stat-icon{width:52px;height:52px;border-radius:16px;font-size:23px}
  .stat-icon>.material-symbols-rounded{font-size:24px}
  .dashboard-grid{gap:18px}
  .panel{padding:var(--crm-card-padding);border-radius:var(--crm-card-radius)}
  .panel h2{font-size:17px}
  .data-table th,.data-table td{padding:12px 14px}
  .workflow-cards,.document-library-grid{gap:14px}
  .workflow-card,.document-library-card{padding:16px;border-radius:18px}
  .workflow-icon,.document-library-icon{width:48px;height:48px;border-radius:15px}
  .workflow-icon>.material-symbols-rounded,
  .document-library-icon>.material-symbols-rounded,
  .choice-icon>.material-symbols-rounded{font-size:23px}
  .filters{gap:12px;margin-bottom:16px}
  .split-layout{grid-template-columns:minmax(0,1fr) 324px;gap:16px}
  .detail-panel{padding:16px;border-radius:18px;top:92px;max-height:calc(100vh - 112px)}
  .tabs{gap:20px;margin-bottom:16px}
  .tab{padding:12px 4px}
  .workflow-layout{grid-template-columns:252px minmax(0,1fr);gap:16px}
  .choice-line,.template-line{padding:13px;border-radius:13px}
  .settings-card{padding:25px;border-radius:20px}
  .settings-grid,.brand-settings{gap:16px}
  .form-actions{gap:12px;margin-top:21px}
  .choice-grid{gap:14px}
  .choice-card{padding:18px;border-radius:18px}
  .choice-icon{width:42px;height:42px;border-radius:14px}
  .icon-btn{width:34px;height:34px}
  .icon-btn>.material-symbols-rounded{font-size:18px}
  .scheduled-request-card{padding:13px;border-radius:13px}
  .profile-photo-preview{width:102px;height:102px;min-width:102px}
  .profile-photo-editor{gap:20px;padding-bottom:22px;margin-bottom:20px}
  .profile-avatar-crop-stage{width:min(288px,78vw)}
  .job-card-main{padding:15px 16px}
  .job-card-values{gap:9px;margin-top:12px}
  .job-card-footer{margin-top:12px}
  .job-workspace-heading{gap:18px}
  .job-workspace-heading h1{font-size:27px}
  .job-workspace-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}
  .job-section-card{padding:16px;border-radius:16px}
  .job-tab{padding:9px 13px}
  .choice-modal{padding:20px;border-radius:22px}
}

@media(max-width:1100px){
  :root{--crm-page-padding:20px;--crm-icon-action-size:var(--crm-mobile-touch-target)}
  .topbar{height:64px;min-height:64px;padding:10px 16px;flex-wrap:nowrap}
  .topbar-context-actions{gap:6px}
  main{padding:var(--crm-page-padding)}
  .notification-panel{right:14px;top:58px}
  .document-library-actions .document-action-icon,
  .document-library-actions .document-workflow-button{width:var(--crm-mobile-touch-target);height:var(--crm-mobile-touch-target);min-width:var(--crm-mobile-touch-target);flex-basis:var(--crm-mobile-touch-target)}
  .table-panel{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .table-panel .data-table{min-width:720px}
  #requests .table-panel .data-table{min-width:860px}
  #team .team-table-scroll{width:100%;min-width:0;contain:inline-size}
  .settings-card{min-width:0}
  .settings-grid,.brand-settings,.integration-grid{grid-template-columns:minmax(0,1fr)}
  .settings-grid>*,.brand-settings>*,.integration-grid>*{min-width:0}
  .settings-card input:not(.sr-only),.settings-card select,.settings-card textarea{width:100%;min-width:0}
  .settings-card .compound{grid-template-columns:minmax(70px,90px) minmax(0,1fr);min-width:0}
}

@media(max-width:720px){
  :root{--crm-page-padding:16px}
  .modal-backdrop{padding:6px}
  .page-head{gap:12px;margin-bottom:18px}
  .page-head h1{font-size:28px}
  .page-head p{font-size:15px}
  .job-heading-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
  .job-heading-actions .job-header-action{
    width:100%;
    min-width:0;
    height:auto;
    min-height:var(--crm-mobile-touch-target);
    padding:8px 11px;
    justify-content:flex-start;
    flex-basis:auto;
  }
  .job-heading-actions .crm-icon-button-label{display:inline;white-space:normal;text-align:left;font-size:12px}
  .job-heading-actions .job-header-action::after{display:none}
  .activity-row{padding:11px}
  .tabs{gap:12px;overflow-x:auto;overscroll-behavior-inline:contain}
  .tabs .tab{flex:0 0 auto;white-space:nowrap}
  .jill-datetime-inputs{grid-template-columns:1fr}
  .manual-job-modal,.request-detail-modal,.request-reminder-modal,.scheduled-request-modal{width:calc(100vw - 12px);max-width:none;max-height:calc(100dvh - 12px);padding:17px}
  .request-detail-head{top:-17px;margin:-17px -17px 12px;padding:17px 17px 11px}
  .request-detail-grid,.request-detail-timeline{grid-template-columns:1fr}
  .request-detail-actions{display:grid;grid-template-columns:1fr}
  .request-view-action{width:auto;min-width:var(--crm-mobile-touch-target);height:auto;min-height:var(--crm-mobile-touch-target);padding:8px 11px}
  .request-view-action .crm-icon-button-label{display:inline;font-size:12px}
  .request-view-action::after{display:none}
}

@media(max-width:430px){
  .topbar{padding-inline:12px}
  .topbar-context-actions{gap:5px}
  .job-heading-actions{grid-template-columns:1fr}
}

@media(max-width:520px){
  .stat-grid,
  .stat-grid.compact{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .crm-icon-button,
  .crm-icon-button[data-tooltip]::after{transition:none}
}

/* Batch 8: tenant branding is configured here, but is previewed only on client-facing surfaces. */
.branding-settings-group{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.branding-settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:12px}
.branding-settings-heading h2{margin:0 0 7px}.branding-settings-heading p{margin:0;max-width:680px}
.branding-settings-heading .toggle-line{flex:0 0 auto;min-height:44px;padding:10px 13px;border:1px solid var(--line);border-radius:13px;background:var(--bg);font-weight:650;cursor:pointer}
.branding-settings-status{margin:0 0 18px}.branding-settings-status:empty{display:none}
.branding-colour-field>label,.branding-logo-field strong{display:block;margin-bottom:7px}
.branding-colour-controls{display:grid;grid-template-columns:52px minmax(0,1fr);gap:9px;align-items:center}
.settings-card .branding-colour-controls input[type="color"]{width:52px;height:46px;padding:4px;border-radius:12px;cursor:pointer}
.branding-field-error{display:block;margin-top:5px}.branding-field-error.is-invalid{color:var(--danger);font-weight:650}
.branding-contrast-status{padding:10px 12px;border-radius:11px;background:#effaf2;color:#176b3a;font-size:13px;line-height:1.45}.branding-contrast-status.is-warning{background:#fff7e6;color:#7b4b00}
.branding-logo-field{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px 18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--bg)}
.branding-logo-field>div:first-child{min-width:0}.branding-logo-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.branding-logo-actions .btn{min-height:42px}
.branding-file-name{grid-column:1/-1;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.branding-domain-status{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border:1px solid #cbd8e8;border-radius:13px;background:#f6f9fd;color:#526177;font-size:13px;line-height:1.45}.branding-domain-status .material-symbols-rounded{font-size:19px;color:#315c9f}
.brand-preview{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(300px,1.3fr);gap:20px;align-items:center;margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,#f8fbff,#f5fbfa)}
.brand-preview-copy>span{color:#0F766E;font-size:12px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.brand-preview-copy h3{margin:5px 0}.brand-preview-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.brand-preview-surface{position:relative;min-height:104px;display:flex;align-items:center;gap:16px;padding:19px 22px;border-radius:15px;background:#0D2F7A;color:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(13,47,122,.18)}
.brand-preview-surface img{display:block;width:76px;height:58px;object-fit:contain;object-position:left center;flex:0 0 auto}.brand-preview-surface>div{position:relative;z-index:1;min-width:0}.brand-preview-surface strong,.brand-preview-surface span{display:block}.brand-preview-surface strong{font-size:20px;line-height:1.2;overflow-wrap:anywhere}.brand-preview-surface>div span{margin-top:4px;font-size:13px;line-height:1.35;opacity:.88;overflow-wrap:anywhere}.brand-preview-accent{position:absolute;left:0;right:0;bottom:0;height:7px;background:#14B8A6}
body.theme-dark .branding-logo-field,body.theme-dark .branding-domain-status,body.theme-dark .brand-preview{background:#102039}body.theme-dark .branding-domain-status{color:var(--muted);border-color:var(--line)}
@media(max-width:760px){
  .branding-settings-heading{display:grid;gap:13px}.branding-settings-heading .toggle-line{width:100%}
  .branding-logo-field{grid-template-columns:1fr}.branding-logo-actions{justify-content:flex-start}.branding-file-name{grid-column:auto}
  .brand-preview{grid-template-columns:1fr}.brand-preview-surface{min-height:94px;padding:16px}.brand-preview-surface img{width:62px;height:48px}
}

/* Jill login: a product-led split that leaves every authentication panel and flow intact. */
.login-screen{
  --panel:#fff;
  --line:#dfe5ee;
  --text:#172033;
  --muted:#616b7d;
  display:grid;
  grid-template-columns:minmax(0,1.38fr) minmax(420px,1fr);
  grid-template-rows:minmax(0,1fr) auto;
  grid-template-areas:"login-story login-form" "login-story login-footer";
  place-items:stretch;
  min-height:100vh;
  min-height:100svh;
  padding:0;
  background:#f7f9fc;
  color:var(--text);
  color-scheme:light;
}
.login-form-side{
  grid-area:login-form;
  display:grid;
  place-items:center;
  min-width:0;
  padding:clamp(32px,5vh,58px) clamp(34px,4vw,64px) 24px;
}
.login-screen .login-card{
  width:min(540px,100%);
  padding:clamp(26px,3vw,36px);
  border:1px solid rgba(123,139,164,.22);
  border-radius:22px;
  background:#fff;
  box-shadow:0 22px 54px rgba(30,48,78,.11),0 2px 8px rgba(30,48,78,.05);
}
.login-screen .login-logo{
  width:min(220px,72%);
  margin:0 auto 22px;
}
.login-screen .auth-panel h1{
  margin-bottom:8px;
  color:#172033;
  font-size:clamp(27px,2.2vw,32px);
  font-weight:600;
  letter-spacing:-.025em;
}
.login-screen .auth-panel>p{
  margin:0;
  color:#667084;
  line-height:1.5;
}
.login-screen .auth-panel .form-grid{margin:24px 0 18px}
.login-screen .auth-panel label{color:#24324a}
.login-screen .auth-panel input,
.login-screen .auth-panel select,
.login-screen .auth-panel textarea{background:#fff;color:#172033}
.login-screen .auth-panel .btn{min-height:46px}
.login-screen .password-toggle,
.login-screen .auth-remember{min-height:44px}
.login-screen .auth-links button{
  min-height:44px;
  padding:8px 4px;
  border-radius:8px;
  line-height:1.35;
}
.login-screen .auth-links button:focus-visible,
.login-footer a:focus-visible{
  outline:3px solid rgba(20,184,166,.35);
  outline-offset:2px;
}
.login-auth-links{align-items:center}
.login-auth-links button:last-child{text-align:right}
.login-screen .auth-panel>p.login-trust-line{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  margin:22px 0 0;
  padding-top:18px;
  border-top:1px solid #edf0f5;
  color:#6d7688;
  font-size:12px;
  font-weight:500;
  letter-spacing:.01em;
}
.login-product-panel{
  position:relative;
  grid-area:login-story;
  display:grid;
  align-items:center;
  min-width:0;
  min-height:100vh;
  min-height:100svh;
  overflow:hidden;
  padding:clamp(50px,7vw,104px);
  background:
    radial-gradient(circle at 14% 17%,rgba(76,214,202,.2),transparent 29%),
    radial-gradient(circle at 84% 78%,rgba(77,120,225,.25),transparent 34%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(145deg,#032066 0%,#061c4e 62%,#04163d 100%);
  background-size:auto,auto,42px 42px,42px 42px,auto;
  color:#fff;
}
.login-product-panel::before,
.login-product-panel::after{
  content:"";
  position:absolute;
  border:1px solid rgba(126,221,213,.15);
  border-radius:50%;
  pointer-events:none;
}
.login-product-panel::before{width:420px;height:420px;right:-185px;top:-110px}
.login-product-panel::after{width:520px;height:520px;left:-300px;bottom:-310px}
.login-product-surface{position:relative;z-index:1;width:min(720px,100%)}
.login-product-kicker{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 20px;
  color:#a8eee7;
  font-size:13px;
  font-weight:650;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.login-product-kicker .material-symbols-rounded{font-size:20px}
.login-product-panel h2{
  max-width:660px;
  margin:0;
  color:#fff;
  font-size:clamp(42px,4.4vw,68px);
  font-weight:600;
  letter-spacing:-.045em;
  line-height:1.05;
}
.login-product-description{
  max-width:620px;
  margin:24px 0 0;
  color:rgba(255,255,255,.8);
  font-size:clamp(18px,1.55vw,23px);
  line-height:1.55;
}
.login-mobile-copy{display:none}
.login-workflow{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  width:min(650px,100%);
  margin:52px 0 0;
}
.login-workflow-step{
  position:relative;
  display:grid;
  justify-items:center;
  gap:12px;
  min-width:0;
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:600;
  letter-spacing:.025em;
}
.login-workflow-step:not(:first-child)::before{
  content:"";
  position:absolute;
  z-index:0;
  top:23px;
  right:50%;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,rgba(130,221,213,.25),rgba(130,221,213,.68));
}
.login-workflow-node{
  position:relative;
  z-index:1;
  width:46px;
  height:46px;
  border:1px solid rgba(167,230,224,.5);
  border-radius:50%;
  background:#0b3778;
  color:#c8f4f0;
  font-size:21px;
  box-shadow:0 0 0 7px rgba(5,30,80,.72);
  animation:login-flow-highlight 8s ease-in-out infinite;
}
.login-workflow-step:nth-child(2) .login-workflow-node{animation-delay:.5s}
.login-workflow-step:nth-child(3) .login-workflow-node{animation-delay:1s}
.login-workflow-step:nth-child(4) .login-workflow-node{animation-delay:1.5s}
.login-workflow-step:nth-child(5) .login-workflow-node{animation-delay:2s}
.login-workflow-step.is-finished{color:#fff}
.login-workflow-step.is-finished .login-workflow-node{border-color:#72e3d8;background:#128f89;color:#fff}
@keyframes login-flow-highlight{
  0%,9%{transform:translateY(-2px);box-shadow:0 0 0 7px rgba(5,30,80,.72),0 0 0 11px rgba(99,225,213,.24),0 9px 24px rgba(2,15,42,.28)}
  16%,100%{transform:translateY(0);box-shadow:0 0 0 7px rgba(5,30,80,.72)}
}
.login-product-value{
  margin:28px 0 0;
  color:rgba(255,255,255,.7);
  font-size:13px;
  font-weight:500;
  line-height:1.6;
}
.login-product-value span{padding:0 7px;color:#72dcd3}
.login-footer{
  grid-area:login-footer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:0 30px 22px;
  color:#747e90;
  font-size:12px;
}
.login-footer .policy-link{min-height:44px;display:inline-flex;align-items:center;color:#52647d}

@media(max-width:1100px) and (min-width:761px){
  .login-screen{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr)}
  .login-form-side{padding-inline:36px}
  .login-screen .login-card{padding:28px}
  .login-product-panel{padding:42px}
  .login-product-panel h2{font-size:clamp(38px,4.8vw,52px)}
  .login-product-description{font-size:18px}
  .login-workflow{margin-top:40px}
  .login-workflow-step{font-size:11px}
}

@media(max-width:760px){
  .login-screen{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto;
    grid-template-areas:"login-form" "login-story" "login-footer";
    gap:16px;
    align-content:start;
    padding:18px 16px 14px;
    background:#f5f7fb;
  }
  .login-form-side{display:block;padding:0}
  .login-screen .login-card{width:100%;padding:24px 20px;border-radius:18px;box-shadow:0 14px 34px rgba(30,48,78,.09)}
  .login-screen .login-logo{width:min(190px,66%);margin-bottom:18px}
  .login-screen .auth-panel h1{font-size:27px}
  .login-screen .auth-panel .form-grid{margin:20px 0 14px}
  .login-auth-links{align-items:stretch}
  .login-auth-links button,
  .login-auth-links button:last-child{text-align:center}
  .login-screen .auth-panel>p.login-trust-line{margin-top:18px;padding-top:15px;font-size:11px}
  .login-product-panel{
    min-height:0;
    padding:22px 20px 20px;
    border-radius:18px;
    background:
      radial-gradient(circle at 88% 22%,rgba(76,214,202,.2),transparent 32%),
      linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
      linear-gradient(145deg,#032066,#061c4e);
    background-size:auto,30px 30px,30px 30px,auto;
  }
  .login-product-panel::before{width:190px;height:190px;right:-115px;top:-85px}
  .login-product-panel::after{display:none}
  .login-product-kicker,.login-desktop-copy,.login-product-value{display:none}
  .login-mobile-copy{display:block}
  .login-product-panel h2{font-size:20px;line-height:1.25;letter-spacing:-.018em}
  .login-product-description{margin:6px 0 0;font-size:14px;line-height:1.5}
  .login-workflow{margin-top:19px}
  .login-workflow-step{gap:7px;font-size:9px;letter-spacing:0}
  .login-workflow-step:not(:first-child)::before{top:16px}
  .login-workflow-node{width:32px;height:32px;font-size:16px;box-shadow:0 0 0 4px rgba(5,30,80,.72);animation:none}
  .login-footer{padding:0 10px;gap:14px}
}

@media(max-width:390px){
  .login-screen{padding-inline:12px}
  .login-screen .login-card{padding-inline:18px}
  .login-screen .auth-panel>p.login-trust-line{gap:4px}
}

@media(prefers-reduced-motion:reduce){
  .login-workflow-node{animation:none}
}