.clint-view { display:grid; gap:18px; padding-bottom:22px; }
.clint-hero { position:relative; display:flex; justify-content:space-between; align-items:stretch; gap:28px; overflow:hidden; min-height:190px; border:1px solid #123e68; border-radius:20px; padding:29px 32px; color:#fff; background:radial-gradient(circle at 89% 0%,rgba(35,196,153,.24),transparent 32%),linear-gradient(117deg,#061b3c 0%,#0b315e 70%,#0c3f65 100%); box-shadow:0 19px 37px rgba(7,36,78,.14); }
.clint-hero::after { content:""; position:absolute; right:24%; bottom:-96px; width:240px; height:240px; border:1px solid rgba(112,218,201,.13); border-radius:50%; box-shadow:0 0 0 43px rgba(112,218,201,.035),0 0 0 86px rgba(112,218,201,.02); pointer-events:none; }
.clint-hero > * { position:relative; z-index:1; }
.clint-eyebrow { color:#63dfb9; font-size:10px; font-weight:850; letter-spacing:.17em; }
.clint-hero h2 { margin:12px 0 8px; color:#fff; font-size:clamp(24px,2.4vw,34px); font-weight:800; letter-spacing:-.045em; line-height:1.1; }
.clint-hero p { max-width:560px; margin:0; color:#b3d1e7; font-size:12px; line-height:1.6; }
.clint-status { display:inline-flex; align-items:center; gap:7px; margin-top:16px; border:1px solid rgba(255,255,255,.18); border-radius:999px; padding:5px 10px; color:#dceff7; background:rgba(255,255,255,.07); font-size:10px; font-weight:750; }
.clint-status i { width:7px; height:7px; border-radius:50%; background:#f4c743; box-shadow:0 0 0 3px rgba(244,199,67,.16); }
.clint-status-ready i { background:#49dfab; box-shadow:0 0 0 3px rgba(73,223,171,.16); }
.clint-status-error i { background:#ff928d; box-shadow:0 0 0 3px rgba(255,146,141,.16); }
.clint-hero-total { display:flex; flex:0 0 255px; flex-direction:column; justify-content:center; align-items:flex-end; border-left:1px solid rgba(190,224,238,.2); padding-left:26px; text-align:right; }
.clint-hero-total small { color:#8dbdd2; font-size:9px; font-weight:850; letter-spacing:.13em; }
.clint-hero-total strong { margin:3px 0; color:#fff; font-size:51px; font-weight:830; letter-spacing:-.075em; line-height:1; }
.clint-hero-total span { color:#aac9dc; font-size:10px; }
.clint-toolbar { display:flex; justify-content:space-between; align-items:center; gap:15px; border:1px solid var(--line); border-radius:13px; padding:11px 15px; background:#fff; }
.clint-toolbar p { max-width:700px; margin:0; color:var(--muted); font-size:10px; line-height:1.5; }
.clint-toolbar > div { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:end; gap:8px; }
.clint-toolbar .button { min-height:32px; white-space:nowrap; font-size:10px; }
.clint-refresh-note { margin:-9px 3px 0; color:#60798d; font-size:10px; line-height:1.45; }
.clint-origin-filter { display:grid; gap:3px; color:var(--muted); font-size:9px; font-weight:760; }
.clint-origin-filter select { min-width:170px; max-width:260px; min-height:31px; border:1px solid #d9e5ef; border-radius:8px; padding:5px 10px; background:#fff; color:var(--navy-900); font-size:10px; }
.clint-period { display:flex; flex-wrap:wrap; align-items:end; gap:10px; border:1px solid var(--line); border-radius:13px; padding:13px 15px; background:#fff; }
.clint-period > div { flex:1 1 300px; }
.clint-period p { margin:3px 0 0; color:var(--muted); font-size:10px; }
.clint-period label { display:grid; gap:4px; color:var(--muted); font-size:10px; font-weight:700; }
.clint-period input { min-height:33px; border:1px solid #dce7f0; border-radius:8px; padding:5px 8px; color:var(--navy-900); font-size:11px; }
.clint-period .button { min-height:33px; font-size:10px; }
.clint-section-intro { margin:11px 0 -4px; }
.clint-section-intro h2 { margin:4px 0 3px; color:var(--navy-900); font-size:19px; font-weight:800; letter-spacing:-.035em; }
.clint-section-intro p { margin:0; color:var(--muted); font-size:11px; }
.clint-owners { display:grid; gap:15px; }
.clint-owner-card { border:1px solid var(--line); border-radius:17px; padding:18px; background:#fff; box-shadow:var(--shadow); }
.clint-owner-heading, .clint-owner-heading > div { display:flex; align-items:center; gap:12px; }
.clint-owner-heading { justify-content:space-between; padding:0 3px 14px; }
.clint-owner-avatar { display:grid; flex:0 0 38px; place-items:center; width:38px; height:38px; border-radius:11px; color:#fff; background:linear-gradient(145deg,#138e70,#0a6c97); font-size:16px; font-weight:800; }
.clint-owner-heading h3 { margin:0; color:var(--navy-900); font-size:14px; font-weight:780; }
.clint-owner-heading p { margin:2px 0 0; color:var(--muted); font-size:10px; }
.clint-owner-heading > strong { color:var(--navy-900); font-size:20px; font-weight:830; white-space:nowrap; }
.clint-owner-heading > strong small { color:var(--muted); font-size:10px; font-weight:600; }
.clint-origins { display:grid; grid-template-columns:repeat(auto-fit,minmax(265px,1fr)); gap:12px; }
.clint-origin-card { min-width:0; border:1px solid #dfe9f0; border-radius:13px; padding:15px; background:#f9fcff; }
.clint-origin-heading { display:flex; justify-content:space-between; align-items:start; gap:10px; margin-bottom:12px; }
.clint-origin-heading span { color:#0d9586; font-size:8px; font-weight:860; letter-spacing:.15em; }
.clint-origin-heading h4 { margin:2px 0 0; color:var(--navy-900); font-size:12px; font-weight:780; }
.clint-origin-heading strong { color:var(--navy-900); font-size:16px; white-space:nowrap; }
.clint-origin-heading strong small { color:var(--muted); font-size:9px; font-weight:560; }
.clint-stage-list { display:grid; gap:6px; }
.clint-stage { display:grid; grid-template-columns:7px minmax(0,1fr) auto; align-items:center; gap:8px; border:1px solid #e7eef5; border-radius:8px; padding:7px 9px; background:#fff; color:#536b82; font-size:10px; }
.clint-stage-button { width:100%; text-align:left; }
.clint-stage-button:hover, .clint-stage-button.expanded { border-color:#a6dcd3; background:#f4fbf8; color:#174a54; }
.clint-stage-button strong small { color:#0d9180; font-size:12px; }
.clint-stage-dot { width:6px; height:6px; border-radius:50%; background:#18b4a0; }
.clint-stage strong { color:var(--navy-900); font-size:11px; }
.clint-deal-list { margin:-2px 0 6px; border:1px solid #dfe9ed; border-top:0; border-radius:0 0 10px 10px; padding:11px 12px; background:#fff; }
.clint-deal-list-head { display:flex; justify-content:space-between; margin-bottom:7px; color:#0d9180; font-size:9px; font-weight:830; letter-spacing:.11em; }
.clint-deal-list-head strong { color:var(--navy-900); font-size:10px; letter-spacing:0; }
.clint-deal-row { display:flex; align-items:center; justify-content:space-between; gap:10px; border-top:1px solid #ebf1f5; padding:9px 0; }
.clint-deal-row > div { display:grid; min-width:0; gap:2px; }
.clint-deal-row strong { overflow:hidden; color:var(--navy-900); font-size:10px; font-weight:750; text-overflow:ellipsis; }
.clint-deal-row small { color:var(--muted); font-size:9px; overflow-wrap:anywhere; }
.clint-deal-row a { flex:0 0 auto; color:#0b8a78; font-size:9px; font-weight:780; text-decoration:none; white-space:nowrap; }
.clint-deal-row a:hover { text-decoration:underline; }
.clint-deal-more, .clint-deal-error button { border:0; padding:7px 0 0; color:#0c7c78; background:transparent; font-size:10px; font-weight:800; }
.clint-deal-loading, .clint-deal-error { border:1px solid #dfe9ed; border-radius:8px; padding:11px; background:#fff; color:var(--muted); font-size:10px; }
.clint-deal-error { color:#ac4a52; }
.clint-kanban-boards { display:grid; gap:18px; min-width:0; }
.clint-kanban-board { min-width:0; overflow:hidden; border:1px solid #17416c; border-radius:20px; color:#f3f8ff; background:radial-gradient(circle at 95% -35%,rgba(255,212,59,.14),transparent 35%),linear-gradient(140deg,#071c3c,#0b2a52 73%,#0c315b); box-shadow:0 20px 40px rgba(8,31,68,.17); }
.clint-kanban-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:24px 27px 18px; }
.clint-kanban-heading > div > span { color:#f4cc47; font-size:9px; font-weight:850; letter-spacing:.19em; }
.clint-kanban-heading h4 { margin:5px 0 2px; color:#fff; font-size:21px; font-weight:830; letter-spacing:-.04em; }
.clint-kanban-heading p { margin:0; color:#adc4dc; font-size:10px; line-height:1.5; }
.clint-kanban-heading > strong { display:flex; align-items:baseline; gap:5px; border:1px solid rgba(246,208,68,.3); border-radius:11px; padding:9px 12px; color:#ffdf59; background:rgba(255,216,64,.08); font-size:23px; white-space:nowrap; }
.clint-kanban-heading > strong small { color:#cad8e6; font-size:9px; font-weight:650; }
.clint-kanban-unmapped { margin:0 27px 16px; border:1px solid rgba(255,216,64,.28); border-radius:9px; padding:10px 12px; color:#f7e7ac; background:rgba(255,216,64,.08); font-size:11px; line-height:1.45; }
.clint-kanban-track { display:flex; gap:12px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-color:#6590aa #0a284c; scrollbar-width:thin; padding:0 27px 22px; outline:none; }
.clint-kanban-track:focus-visible { outline:3px solid #ffd84c; outline-offset:-5px; }
.clint-kanban-track::-webkit-scrollbar { height:9px; }
.clint-kanban-track::-webkit-scrollbar-track { border-radius:99px; background:#102d53; }
.clint-kanban-track::-webkit-scrollbar-thumb { border-radius:99px; background:#5c8ead; }
.clint-kanban-column { display:flex; flex:0 0 clamp(252px,28vw,292px); flex-direction:column; min-width:0; min-height:270px; max-height:580px; scroll-snap-align:start; border:1px solid rgba(151,192,222,.18); border-radius:15px; padding:12px; background:linear-gradient(180deg,#153b68,#0e315a); }
.clint-kanban-column-head { display:flex; justify-content:space-between; align-items:center; gap:8px; min-height:58px; border-bottom:1px solid rgba(180,214,235,.18); padding:1px 2px 12px; }
.clint-kanban-column-head span { color:#92bdd4; font-size:8px; font-weight:850; letter-spacing:.15em; }
.clint-kanban-column-head h5 { margin:5px 0 0; color:#fff; font-size:13px; font-weight:780; line-height:1.3; }
.clint-kanban-column-head > strong { display:grid; flex:0 0 auto; place-items:center; min-width:27px; min-height:27px; border-radius:8px; padding:3px 6px; color:#061e3c; background:#ffd94d; font-size:12px; font-weight:850; }
.clint-kanban-cards { display:grid; align-content:start; gap:9px; flex:1; min-height:0; overflow-y:auto; overscroll-behavior-y:contain; scrollbar-color:#557da0 transparent; scrollbar-width:thin; padding:11px 2px 2px; }
.clint-kanban-deal { display:grid; gap:6px; border:1px solid #dce6ef; border-left:3px solid #ffd54c; border-radius:11px; padding:11px 12px; background:#fff; box-shadow:0 7px 18px rgba(2,16,35,.13); }
.clint-kanban-deal h5 { margin:0; color:#0b294c; font-size:12px; font-weight:800; line-height:1.35; overflow-wrap:anywhere; }
.clint-kanban-deal p { margin:0; color:#506e85; font-size:10px; overflow-wrap:anywhere; }
.clint-kanban-deal > small { color:#647d96; font-size:9px; line-height:1.4; }
.clint-kanban-deal > button { justify-self:start; border:0; border-radius:6px; padding:5px 0; color:#0b7295; background:transparent; font-size:10px; font-weight:800; text-align:left; cursor:pointer; }
.clint-kanban-deal > button:hover { color:#065777; text-decoration:underline; }
.clint-kanban-deal > button:focus-visible { outline:2px solid #137eab; outline-offset:2px; }
.clint-detail-overlay { position:fixed; inset:0; z-index:120; display:grid; place-items:center; overflow-y:auto; padding:16px; background:rgba(4,19,41,.68); backdrop-filter:blur(3px); }
.clint-detail-dialog { display:flex; flex-direction:column; width:min(830px,100%); max-height:calc(100dvh - 32px); overflow:hidden; border:1px solid #d4e4ef; border-radius:18px; color:#173353; background:#fff; box-shadow:0 28px 80px rgba(2,15,31,.35); }
.clint-detail-dialog:focus { outline:none; }
.clint-detail-dialog:focus-visible { outline:3px solid #ffd54c; outline-offset:2px; }
.clint-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; border-bottom:1px solid #e0eaf0; padding:20px 24px 16px; background:linear-gradient(110deg,#f7fcff,#fff); }
.clint-detail-head > div { min-width:0; }
.clint-detail-head span { color:#0c8292; font-size:9px; font-weight:850; letter-spacing:.14em; }
.clint-detail-head h2 { margin:6px 0 2px; color:#0b284d; font-size:21px; line-height:1.2; overflow-wrap:anywhere; }
.clint-detail-head p { margin:0; color:#557087; font-size:11px; overflow-wrap:anywhere; }
.clint-detail-head button { display:grid; flex:0 0 34px; place-items:center; width:34px; height:34px; border:1px solid #cfdeeb; border-radius:9px; color:#123c64; background:#fff; font-size:25px; line-height:1; cursor:pointer; }
.clint-detail-head button:hover { background:#edf7fa; }
.clint-detail-body { display:grid; gap:18px; overflow-y:auto; padding:20px 24px; }
.clint-detail-commercial { border:1px solid #b9dfe6; border-radius:11px; padding:13px 15px; background:#f0fbfc; }
.clint-detail-commercial h3 { margin:0 0 9px; color:#0c6173; font-size:12px; font-weight:840; }
.clint-detail-commercial dl { display:flex; flex-wrap:wrap; gap:8px 20px; margin:0; }
.clint-detail-commercial dl > div { min-width:130px; }
.clint-detail-commercial dt { color:#587b85; font-size:9px; font-weight:780; }
.clint-detail-commercial dd { margin:3px 0 0; color:#0c3258; font-size:11px; font-weight:790; }
.clint-kanban-commercial { display:flex; flex-wrap:wrap; gap:5px; margin:7px 0; }
.clint-kanban-commercial > span { display:grid; gap:2px; max-width:100%; border:1px solid #c8e6df; border-radius:7px; padding:5px 7px; color:#135448; background:#ecf8f3; font-size:10px; font-weight:750; overflow-wrap:anywhere; }
.clint-kanban-commercial > span small { color:#47766d; font-size:8px; font-weight:750; text-transform:uppercase; letter-spacing:.04em; }
.clint-detail-tags h3, .clint-detail-section h3 { margin:0 0 9px; color:#0c3258; font-size:12px; font-weight:840; }
.clint-detail-tags > div { display:flex; flex-wrap:wrap; gap:6px; }
.clint-detail-tags span { border:1px solid #cce3e6; border-radius:999px; padding:5px 8px; color:#146474; background:#eef9f9; font-size:10px; font-weight:700; overflow-wrap:anywhere; }
.clint-detail-tags p, .clint-detail-section p { margin:0; color:#70879b; font-size:10px; line-height:1.5; }
.clint-detail-sections { display:grid; grid-template-columns:repeat(auto-fit,minmax(205px,1fr)); align-items:start; gap:12px; }
.clint-detail-section { min-width:0; border:1px solid #dce8ef; border-radius:11px; padding:14px; background:#fbfdff; }
.clint-detail-section dl { display:grid; gap:0; margin:0; }
.clint-detail-section dl > div { display:grid; gap:3px; border-top:1px solid #e7eef3; padding:8px 0; }
.clint-detail-section dl > div:first-child { border-top:0; padding-top:0; }
.clint-detail-section dl > div:last-child { padding-bottom:0; }
.clint-detail-section dt { color:#617d94; font-size:9px; font-weight:780; overflow-wrap:anywhere; }
.clint-detail-section dd { margin:0; color:#163a5c; font-size:11px; font-weight:650; line-height:1.45; overflow-wrap:anywhere; }
.clint-detail-message { margin:0; border:1px solid #dce8ef; border-radius:10px; padding:16px; color:#526e84; background:#f8fcff; font-size:11px; }
.clint-detail-message.error { border-color:#efced0; color:#93414a; background:#fff7f7; }
.clint-detail-message.error p { margin:0 0 8px; }
.clint-detail-message button { border:0; padding:0; color:#0d718d; background:transparent; font-size:11px; font-weight:800; cursor:pointer; }
.clint-detail-footer { display:flex; justify-content:space-between; align-items:center; gap:10px; border-top:1px solid #e0eaf0; padding:13px 24px; }
.clint-detail-footer a { color:#087692; font-size:11px; font-weight:800; text-decoration:none; }
.clint-detail-footer a:hover { text-decoration:underline; }
.clint-detail-footer button { margin-left:auto; border:1px solid #cddfec; border-radius:8px; padding:8px 14px; color:#153b62; background:#fff; font-size:11px; font-weight:800; cursor:pointer; }
.clint-detail-footer button:hover { background:#edf7fa; }
.clint-kanban-action { width:100%; flex:0 0 auto; margin-top:10px; border:1px solid rgba(255,216,78,.55); border-radius:9px; padding:9px 8px; color:#ffe073; background:rgba(255,210,56,.08); font-size:10px; font-weight:800; cursor:pointer; }
.clint-kanban-action:hover:not(:disabled) { background:rgba(255,210,56,.17); }
.clint-kanban-action:disabled { opacity:.65; cursor:wait; }
.clint-kanban-empty, .clint-kanban-pending, .clint-kanban-skeleton, .clint-kanban-error { margin:0; border:1px dashed rgba(181,213,235,.25); border-radius:9px; padding:15px 12px; color:#adc5d8; background:rgba(255,255,255,.035); font-size:10px; line-height:1.45; }
.clint-kanban-error { border-color:#e49494; color:#ffd4d4; }
.clint-kanban-empty-board { margin:0 27px 22px; color:#bcd0df; font-size:11px; }
.clint-staff-view { gap:14px; }
.clint-staff-head { display:flex; justify-content:space-between; align-items:center; gap:18px; border:1px solid #1b476e; border-radius:17px; padding:18px 23px; color:#fff; background:linear-gradient(120deg,#071d3d,#0d3158); }
.clint-staff-head h2 { margin:4px 0 3px; color:#fff; font-size:21px; font-weight:820; letter-spacing:-.04em; }
.clint-staff-head p { margin:0; color:#b7cce0; font-size:10px; }
.clint-staff-tools { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:10px; }
.clint-staff-tools .clint-status { margin:0; }
.clint-staff-sync { color:#b8cde0; font-size:10px; line-height:1.5; text-align:right; white-space:nowrap; }
.clint-staff-tools .clint-origin-filter { color:#c5d8e8; }
.clint-staff-tools .button { min-height:32px; white-space:nowrap; font-size:10px; }
.clint-shortcuts { display:flex; justify-content:space-between; align-items:center; gap:15px; border:1px solid #b9e4d1; border-radius:13px; padding:13px 17px; background:linear-gradient(95deg,#effbf4,#f5fbff); }
.clint-shortcuts > div { display:grid; gap:3px; }
.clint-shortcuts strong { color:#0a3656; font-size:12px; font-weight:830; }
.clint-shortcuts span { color:#527185; font-size:10px; line-height:1.4; }
.clint-shortcuts a { flex:0 0 auto; border-radius:8px; padding:9px 13px; color:#082c49; background:#ffdf54; font-size:11px; font-weight:840; text-decoration:none; box-shadow:0 4px 12px rgba(17,45,72,.08); }
.clint-shortcuts a:hover, .clint-shortcuts a:focus-visible { background:#ffcf28; }
.clint-shortcuts a span { color:inherit; font-size:13px; }
.clint-staff-view > .clint-waiting { border-color:#d4e3ee; background:#f8fcff; }
.clint-staff-history { display:grid; gap:10px; }
.clint-staff-history .panel-title { margin:0; }
.clint-staff-history-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:8px; }
.clint-staff-history-list > div { display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid #deebf0; border-radius:9px; padding:10px 12px; background:#f8fcff; color:#526c82; font-size:10px; }
.clint-staff-history-list strong { color:#0a667e; font-size:14px; }
.clint-actor-history { display:grid; gap:7px; margin-top:13px; border-top:1px solid #e8eef3; padding-top:12px; }
.clint-actor-history > span { color:#0c927c; font-size:9px; font-weight:840; letter-spacing:.12em; }
.clint-actor-history > div { display:flex; flex-wrap:wrap; gap:6px; }
.clint-actor-history > div > span { border:1px solid #d9ebe5; border-radius:999px; padding:5px 8px; color:#456b69; background:#f7fdfa; font-size:9px; }
.clint-actor-history strong { margin-left:4px; color:#0b675e; }
.clint-observed { border:1px solid #d9e9e3; border-radius:16px; padding:19px 20px; background:linear-gradient(130deg,#f8fefa,#f4fafc); }
.clint-observed .clint-section-intro { margin:0 0 13px; }
.clint-observed-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:9px; }
.clint-observed-grid > div { display:grid; gap:4px; border:1px solid #dcebe8; border-radius:10px; padding:12px; background:#fff; }
.clint-observed-grid span { color:var(--muted); font-size:10px; }
.clint-observed-grid strong { color:#0b685f; font-size:21px; }
.clint-observed-note { margin:11px 0 0; color:var(--muted); font-size:10px; }
.clint-daily { display:grid; gap:14px; overflow:hidden; border-color:#d9e7ec; background:linear-gradient(145deg,#fff 74%,#f4faf7); }
.clint-daily-head { display:flex; justify-content:space-between; align-items:start; gap:15px; }
.clint-daily-head h2 { margin:4px 0 5px; color:#0a2449; font-size:21px; font-weight:830; letter-spacing:-.035em; }
.clint-daily-head p { max-width:740px; margin:0; color:#61758b; font-size:11px; line-height:1.55; }
.clint-daily-observed { flex:0 0 auto; border:1px solid #c9e6d5; border-radius:999px; padding:6px 10px; color:#0c7c59; background:#effaf3; font-size:9px; font-weight:810; }
.clint-daily-filter { display:flex; flex-wrap:wrap; align-items:end; gap:9px; border:1px solid #e2eaf0; border-radius:11px; padding:11px; background:#f8fbfd; }
.clint-daily-filter label { display:grid; gap:4px; color:#52677f; font-size:10px; font-weight:780; }
.clint-daily-filter input { min-height:35px; border:1px solid #d5e2ec; border-radius:8px; padding:6px 9px; background:#fff; color:#102d51; font:inherit; font-size:11px; }
.clint-daily-filter .button { min-height:35px; font-size:10px; }
.clint-daily-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.clint-daily-summary > div { display:grid; align-content:start; gap:4px; min-width:0; border:1px solid #ddebe7; border-radius:10px; padding:11px 12px; background:#f9fdfb; }
.clint-daily-summary span { color:#597388; font-size:10px; font-weight:720; }
.clint-daily-summary strong { color:#0a3553; font-size:23px; font-weight:850; line-height:1; }
.clint-daily-summary small { color:#0d8070; font-size:9px; line-height:1.3; }
.clint-daily-explanation { margin:0; border-left:3px solid #f2c843; border-radius:0 8px 8px 0; padding:9px 12px; color:#4f657d; background:#fff9e9; font-size:11px; line-height:1.5; }
.clint-daily-explanation strong { color:#14375a; }
.clint-daily-scroll { max-width:100%; max-height:440px; overflow:auto; border:1px solid #dce7ed; border-radius:12px; outline:none; scrollbar-color:#9bb5c5 #f5f9fb; }
.clint-daily-scroll:focus-visible { outline:3px solid #eac142; outline-offset:2px; }
.clint-daily-table { width:100%; min-width:1120px; border-collapse:separate; border-spacing:0; background:#fff; color:#173657; font-size:11px; text-align:left; }
.clint-daily-table thead { background:#0c2c55; color:#eef7fc; }
.clint-daily-table thead th { position:sticky; top:0; z-index:1; padding:11px; color:#f4fbff; background:#0c2c55; font-size:10px; font-weight:830; letter-spacing:.04em; text-transform:uppercase; }
.clint-daily-table th:first-child { min-width:102px; }
.clint-daily-table thead small { display:block; margin-top:3px; color:#b2d3d8; font-size:8px; font-weight:640; letter-spacing:0; text-transform:none; }
.clint-daily-table td, .clint-daily-table tbody th { vertical-align:top; border-top:1px solid #e7eef3; padding:11px; }
.clint-daily-table tbody th { position:static; color:#143b59; background:#f6fafb; font-size:10px; font-weight:820; letter-spacing:0; text-transform:none; white-space:nowrap; }
.clint-daily-table tbody th small, .clint-daily-table tbody td small { display:block; margin-top:3px; color:#71899a; font-size:9px; font-weight:560; white-space:normal; }
.clint-daily-table tbody td strong { color:#123d60; font-size:12px; }
.clint-daily-open { border:0; border-radius:5px; padding:2px 4px; color:#0a718a; background:#e9f6f7; font:inherit; font-size:11px; font-weight:830; cursor:pointer; white-space:nowrap; }
.clint-daily-open:hover, .clint-daily-open[aria-expanded="true"] { color:#064c67; background:#d4eff0; }
.clint-daily-open:focus-visible { outline:2px solid #e0b92d; outline-offset:2px; }
.clint-daily-open span { font-size:9px; }
.clint-daily-table tbody tr:nth-child(even) td { background:#f9fbfc; }
.clint-daily-table tbody tr:hover td { background:#eef8f8; }
.clint-goal-funnel { display:grid; gap:13px; padding:23px; }
.clint-goal-funnel-head { display:flex; justify-content:space-between; align-items:start; gap:20px; }
.clint-goal-funnel-head h2 { margin:4px 0 5px; color:#102d51; font-size:21px; font-weight:820; letter-spacing:-.035em; }
.clint-goal-funnel-head p { max-width:780px; margin:0; color:#61758b; font-size:11px; line-height:1.55; }
.clint-goal-funnel-head-actions { display:grid; justify-items:end; gap:8px; flex:0 0 auto; }
.clint-goal-funnel-controls { display:flex; gap:3px; border:1px solid #dce7f1; border-radius:9px; padding:3px; background:#f5f8fc; }
.clint-goal-funnel-controls button { min-width:45px; border:0; border-radius:6px; padding:6px 9px; color:#627993; background:transparent; font-size:10px; font-weight:780; cursor:pointer; }
.clint-goal-funnel-controls button.active { color:#176191; background:#fff; box-shadow:0 1px 5px rgba(18,53,91,.14); }
.clint-goal-funnel-controls button:hover { color:#0e5e8c; background:#fff; }
.clint-goal-funnel-controls button:focus-visible { outline:2px solid #e2b536; outline-offset:1px; }
.clint-goal-funnel-asof { flex:0 0 auto; border:1px solid #cfe4df; border-radius:999px; padding:7px 10px; color:#147a68; background:#f1faf6; font-size:9px; font-weight:760; }
.clint-goal-funnel-period { margin:0; color:#607a91; font-size:11px; font-weight:750; }
.clint-goal-funnel-list { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.clint-goal-funnel-row { --clint-funnel-accent:#15a8bc; display:grid; grid-template-columns:minmax(190px,1.35fr) minmax(90px,.48fr) minmax(175px,1.15fr) minmax(155px,.9fr) minmax(120px,.7fr); align-items:center; gap:13px; min-width:0; border:1px solid #e0eaf2; border-radius:11px; padding:13px 15px; background:#fafdff; }
.clint-goal-funnel-row:nth-child(2) { --clint-funnel-accent:#149c9d; }
.clint-goal-funnel-row:nth-child(3) { --clint-funnel-accent:#287cb8; }
.clint-goal-funnel-row:nth-child(4) { --clint-funnel-accent:#275ca2; }
.clint-goal-funnel-row:nth-child(5) { --clint-funnel-accent:#135179; }
.clint-goal-funnel-bookings { grid-template-columns:minmax(190px,1.15fr) minmax(0,3.3fr) minmax(120px,.7fr); }
.clint-goal-funnel-booking-split { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-items:start; gap:12px; min-width:0; }
.clint-goal-funnel-booking-metric { display:grid; align-content:start; gap:6px; min-width:0; border-left:1px solid #dce8f1; padding-left:13px; }
.clint-goal-funnel-booking-metric > strong { color:#173a5d; font-size:11px; font-weight:810; }
.clint-goal-funnel-booking-metric > small { color:#6d8296; font-size:9px; }
.clint-goal-funnel-booking-metric.room .clint-goal-funnel-count strong { color:#147b7e; }
.clint-goal-funnel-booking-metric .clint-goal-funnel-rates { display:flex; flex-wrap:wrap; gap:3px 10px; font-size:9px; }
.clint-goal-funnel-row.final { --clint-funnel-accent:#e1b229; border-color:#efdca4; background:#fffdf7; }
.clint-goal-funnel-row.unavailable { background:#f8fafc; }
.clint-goal-funnel-step { display:flex; align-items:center; gap:11px; min-width:0; }
.clint-goal-funnel-index { display:grid; flex:0 0 28px; place-items:center; width:28px; height:28px; border-radius:8px; color:var(--clint-funnel-accent); background:color-mix(in srgb,var(--clint-funnel-accent) 13%,white); font-size:10px; font-weight:850; }
.clint-goal-funnel-step strong { display:block; color:#102d51; font-size:12px; font-weight:810; }
.clint-goal-funnel-step small { display:block; margin-top:2px; color:#6f8497; font-size:9px; line-height:1.35; }
.clint-goal-funnel-count { display:flex; align-items:baseline; gap:5px; white-space:nowrap; }
.clint-goal-funnel-count strong { color:#0b2c50; font-size:24px; font-weight:850; line-height:1; }
.clint-goal-funnel-count span { color:#698197; font-size:10px; }
.clint-goal-funnel-progress { min-width:0; }
.clint-goal-funnel-track { height:7px; overflow:hidden; border-radius:999px; background:#e4ecf2; }
.clint-goal-funnel-track span { display:block; height:100%; border-radius:inherit; background:var(--clint-funnel-accent); }
.clint-goal-funnel-progress small { display:block; margin-top:5px; color:#6e8498; font-size:9px; line-height:1.35; }
.clint-goal-funnel-rates { display:grid; gap:3px; color:#6d8296; font-size:10px; line-height:1.35; }
.clint-goal-funnel-rates strong { color:#183d61; }
.clint-goal-funnel-source { display:grid; justify-items:end; gap:5px; text-align:right; }
.clint-goal-funnel-source span { border:1px solid #cce4e0; border-radius:999px; padding:5px 8px; color:#137e71; background:#eef8f5; font-size:9px; font-weight:800; white-space:nowrap; }
.clint-goal-funnel-row:nth-child(n+4) .clint-goal-funnel-source span { border-color:#d3dfea; color:#245c86; background:#eef4f9; }
.clint-goal-funnel-source small { color:#718599; font-size:9px; }
.clint-goal-funnel-note { margin:0; border-left:3px solid #e7bb36; padding:3px 0 3px 12px; color:#60798d; font-size:10px; line-height:1.55; }
.clint-daily-details { display:grid; gap:10px; border:1px solid #cfe5e2; border-radius:12px; padding:15px; background:#f5fbf9; }
.clint-daily-details-head { display:flex; justify-content:space-between; align-items:start; gap:12px; }
.clint-daily-details-head span { color:#0b8976; font-size:9px; font-weight:840; letter-spacing:.1em; }
.clint-daily-details-head h3 { margin:4px 0 3px; color:#0b3053; font-size:16px; font-weight:810; }
.clint-daily-details-head p { margin:0; color:#687f8e; font-size:10px; }
.clint-daily-details-head button { flex:0 0 auto; border:1px solid #cbdde4; border-radius:7px; padding:6px 9px; color:#365b72; background:#fff; font-size:10px; font-weight:750; cursor:pointer; }
.clint-daily-details-count { color:#678293; font-size:10px; }
.clint-daily-details-count strong { color:#0d3b5c; }
.clint-daily-details-list { display:grid; gap:6px; max-height:380px; overflow:auto; }
.clint-daily-detail { display:grid; grid-template-columns:minmax(150px,1.4fr) minmax(150px,1fr) minmax(130px,1fr); gap:14px; align-items:center; border:1px solid #dceae7; border-radius:9px; padding:10px 11px; background:#fff; }
.clint-daily-detail > div { display:grid; gap:3px; min-width:0; }
.clint-daily-detail strong { overflow-wrap:anywhere; color:#12385a; font-size:11px; font-weight:790; }
.clint-daily-detail span { color:#0d8177; font-size:9px; font-weight:760; }
.clint-daily-detail small { color:#71889a; font-size:9px; overflow-wrap:anywhere; }
.clint-daily-detail a { width:max-content; max-width:100%; color:#087d83; font-size:9px; font-weight:780; text-decoration:none; }
.clint-daily-detail a:hover { text-decoration:underline; }
.clint-daily-details-empty, .clint-daily-details-state { margin:0; border:1px dashed #d5e5e5; border-radius:8px; padding:12px; color:#60798b; background:#fff; font-size:10px; }
.clint-daily-details-state.error { border-color:#e8c0c0; color:#a34950; background:#fff9f9; }
.clint-daily-more { justify-self:center; border:1px solid #b6d6de; border-radius:8px; padding:8px 12px; color:#0b6680; background:#eff8fa; font-size:10px; font-weight:800; cursor:pointer; }
.clint-daily-more:hover { background:#e0f2f5; }
.clint-daily-details-note { margin:0; border-left:3px solid #f2cc45; padding:3px 0 3px 9px; color:#667d8d; font-size:10px; line-height:1.5; }
.clint-daily-coverage { margin:0; border-left:3px solid #f2cc45; padding:3px 0 3px 10px; color:#64788b; font-size:10px; line-height:1.5; }
.clint-appointments { display:grid; gap:14px; overflow:hidden; scroll-margin-top:24px; border-color:#dbe7ee; background:linear-gradient(160deg,#fff 76%,#f4faf7); }
.clint-appointments-head { display:flex; justify-content:space-between; align-items:start; gap:24px; }
.clint-appointments-head h2 { margin:4px 0 5px; color:#0a2449; font-size:21px; font-weight:830; letter-spacing:-.035em; }
.clint-appointments-head p { max-width:760px; margin:0; color:#61758b; font-size:11px; line-height:1.55; }
.clint-appointments-total { display:grid; flex:0 0 auto; gap:2px; min-width:112px; border:1px solid #d7ebdf; border-radius:12px; padding:11px 14px; background:#effaf3; text-align:right; }
.clint-appointments-total strong { color:#08613f; font-size:27px; font-weight:850; line-height:1; }
.clint-appointments-total span { color:#5e7a72; font-size:9px; font-weight:730; }
.clint-appointments-filter { display:flex; flex-wrap:wrap; align-items:end; gap:9px; border:1px solid #e2eaf0; border-radius:11px; padding:11px; background:#f8fbfd; }
.clint-appointments-filter label { display:grid; gap:4px; color:#52677f; font-size:10px; font-weight:780; }
.clint-appointments-filter input { min-height:35px; border:1px solid #d5e2ec; border-radius:8px; padding:6px 9px; background:#fff; color:#102d51; font:inherit; font-size:11px; }
.clint-appointments-filter .button { min-height:35px; font-size:10px; }
.clint-appointments-asof { margin:-4px 0 0; color:#72879a; font-size:10px; }
.clint-appointments-scroll { max-width:100%; overflow:auto; border:1px solid #dce7ed; border-radius:12px; outline:none; scrollbar-color:#9bb5c5 #f5f9fb; }
.clint-appointments-scroll:focus-visible { outline:3px solid #eac142; outline-offset:2px; }
.clint-appointments-table { width:100%; min-width:1710px; border-collapse:separate; border-spacing:0; background:#fff; color:#173657; font-size:11px; text-align:left; }
.clint-appointments-table.with-owner { min-width:1820px; }
.clint-appointments-table thead { background:#0c2c55; color:#eaf6fa; }
.clint-appointments-table thead th { position:sticky; top:0; z-index:1; padding:12px 11px; color:#f4fbff; background:#0c2c55; font-size:10px; font-weight:830; letter-spacing:.045em; text-transform:uppercase; white-space:nowrap; }
.clint-appointments-table td { vertical-align:top; border-top:1px solid #e7eef3; padding:12px 11px; line-height:1.42; }
.clint-appointments-table tbody tr:nth-child(even) { background:#f9fbfd; }
.clint-appointments-table tbody tr:hover { background:#f2f8fa; }
.clint-appointments-table td strong, .clint-appointments-table td small, .clint-appointments-table td a { display:block; }
.clint-appointments-table td strong { font-size:11px; font-weight:770; }
.clint-appointments-table td small { margin-top:3px; color:#72869a; font-size:10px; }
.clint-appointments-table td a { margin-top:5px; color:#087d83; font-size:10px; font-weight:750; text-decoration:none; }
.clint-appointments-table td a:hover { text-decoration:underline; }
.clint-appointments-table td .clint-appointment-link { color:#607d87; font-size:9px; font-weight:650; }
.clint-appointment-kind { display:inline-flex; border-radius:7px; padding:5px 7px; color:#315d72; background:#eaf2f6; font-size:10px; font-weight:760; line-height:1.3; white-space:nowrap; }
.clint-appointment-kind.booked { color:#0c604d; background:#e1f3ea; }
.clint-appointment-unbooked { display:block; max-width:145px; color:#657e8c; font-size:10px; line-height:1.4; }
.clint-appointment-status { display:inline-flex; border-radius:999px; padding:4px 7px; color:#795c18; background:#fff4d5; font-size:9px; font-weight:800; white-space:nowrap; }
.clint-appointment-status.positive { color:#0b754e; background:#dff6e8; }
.clint-appointment-status.negative { color:#9a4b4d; background:#f9e8e8; }
.clint-appointment-edit { width:200px; }
.clint-appointment-edit summary { width:max-content; max-width:100%; margin-top:8px; color:#086d7f; cursor:pointer; font-size:10px; font-weight:790; }
.clint-appointment-edit summary:focus-visible { outline:2px solid #eac142; outline-offset:3px; }
.clint-appointment-edit form { display:grid; gap:8px; margin-top:8px; border:1px solid #d7e7e7; border-radius:9px; padding:10px; background:#fff; box-shadow:0 8px 20px rgba(16,45,81,.08); }
.clint-appointment-edit label { display:grid; gap:3px; color:#506a7f; font-size:9px; font-weight:760; }
.clint-appointment-edit input, .clint-appointment-edit select { width:100%; min-width:0; min-height:29px; border:1px solid #d8e3eb; border-radius:6px; padding:4px 6px; color:#113355; background:#fff; font:inherit; font-size:10px; }
.clint-appointment-edit .button { min-height:30px; font-size:10px; }
.clint-appointments-message { border:1px dashed #cfdee6; border-radius:10px; padding:18px; color:#60778b; background:#f8fbfd; font-size:11px; }
.clint-appointments-message.error { border-color:#e9b7b9; color:#a3484e; background:#fff8f8; }
.clint-appointments-more { justify-self:center; border:1px solid #b6d6de; border-radius:8px; padding:9px 13px; color:#0b6680; background:#eff8fa; font-size:10px; font-weight:800; cursor:pointer; }
.clint-appointments-more:hover { background:#e0f2f5; }
.clint-appointments-coverage { margin:0; border-left:3px solid #f2cc45; padding:3px 0 3px 10px; color:#64788b; font-size:10px; line-height:1.5; }
.clint-config-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:16px; }
.clint-config-grid .panel { margin:0; }
.clint-identity-panel { border-color:#d2e9e5; background:linear-gradient(125deg,#fff 0%,#f7fcfb 100%); }
.clint-email-list { display:grid; gap:8px; max-height:360px; overflow:auto; padding-right:3px; }
.clint-email-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; border:1px solid #e0ebf1; border-radius:11px; padding:11px 12px; background:#f9fcff; }
.clint-email-row > div { display:grid; min-width:0; gap:3px; }
.clint-email-row strong { color:var(--navy-900); font-size:11px; font-weight:780; }
.clint-email-row strong span { margin-left:4px; color:#178a80; font-size:9px; font-weight:800; }
.clint-email-row small { overflow-wrap:anywhere; color:var(--muted); font-size:10px; }
.clint-email-row em { color:#397a78; font-size:9px; font-style:normal; }
.clint-email-row .button { min-height:31px; flex:0 0 auto; font-size:10px; }
.clint-personal-pipeline { display:grid; gap:4px; min-width:min(210px,100%); margin-left:auto; color:var(--muted); font-size:10px; font-weight:700; }
.clint-personal-pipeline select { max-width:260px; min-height:33px; border:1px solid #c9dce8; border-radius:8px; padding:5px 8px; background:#fff; color:var(--navy-900); font:inherit; }
.clint-manual-link { margin-top:12px; border-top:1px solid #e8eef3; padding-top:12px; }
.clint-manual-link summary { width:max-content; max-width:100%; color:#0b7188; cursor:pointer; font-size:10px; font-weight:800; }
.clint-manual-link > p { margin:9px 0; color:var(--muted); font-size:10px; }
.clint-mapping-list, .clint-rules-list { display:grid; gap:0; }
.clint-mapping-row, .clint-rule-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(170px,220px); align-items:center; gap:12px; border-top:1px solid #e8eef3; padding:10px 0; }
.clint-mapping-row:first-child, .clint-rule-row:first-child { border-top:0; }
.clint-mapping-row > div, .clint-rule-row > div { display:grid; gap:3px; min-width:0; }
.clint-mapping-row strong, .clint-rule-row strong { overflow:hidden; color:var(--navy-900); font-size:11px; font-weight:760; text-overflow:ellipsis; }
.clint-mapping-row small, .clint-rule-row small { color:var(--muted); font-size:9px; overflow-wrap:anywhere; }
.clint-mapping-row select, .clint-rule-row select { width:100%; min-height:32px; border:1px solid #dce7f0; border-radius:8px; padding:5px 8px; background:#fff; color:var(--navy-900); font-size:10px; }
.clint-config-note { border-left:3px solid #f4c743; padding:3px 0 3px 10px; color:#67768a; font-size:10px; }
.clint-origin-selection-count { margin:0 0 8px; color:#48617d; font-size:10px; font-weight:700; }
.clint-origin-selection-count strong { color:var(--navy-900); font-size:13px; }
.clint-origin-selection-alert { border-color:#efd793; background:#fffaf0; }
.clint-origin-selection-alert strong { display:block; margin-bottom:3px; color:#7b5807; }
.clint-origin-selection-alert p { margin:0; }
.clint-origin-controls { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:4px 0 8px; }
.clint-origin-controls > input { flex:1 1 190px; min-width:0; min-height:34px; border:1px solid #dce7f0; border-radius:9px; padding:7px 10px; background:#fff; color:var(--navy-900); font-size:11px; }
.clint-origin-controls > label { display:flex; align-items:center; gap:6px; color:var(--ink-soft); font-size:10px; font-weight:700; cursor:pointer; }
.clint-origin-controls > label input { accent-color:#128c75; }
.clint-origin-list-count { margin:0; padding:5px 0 8px; color:var(--muted); font-size:9px; }
.clint-origin-settings { display:grid; gap:0; max-height:340px; overflow:auto; }
.clint-origin-settings label { display:flex; align-items:center; gap:10px; border-top:1px solid #e8eef3; padding:9px 0; cursor:pointer; }
.clint-origin-settings label:first-child { border-top:0; }
.clint-origin-settings input { width:16px; height:16px; flex:0 0 16px; accent-color:#128c75; }
.clint-origin-settings span { display:grid; gap:2px; }
.clint-origin-settings strong { color:var(--navy-900); font-size:10px; font-weight:720; }
.clint-origin-settings small { color:var(--muted); font-size:9px; }
.clint-footnote { margin:2px 0 0; border-top:1px solid var(--line); padding-top:13px; color:var(--muted); font-size:10px; line-height:1.5; }
.clint-connect { display:grid; gap:9px; }
.clint-connect h3 { margin:0; color:var(--navy-900); font-size:17px; }
.clint-connect p { max-width:690px; margin:0; color:var(--muted); font-size:11px; }
.clint-connect .clint-rotation-warning { border-left:3px solid #efbf38; padding:7px 10px; color:#8a6317; background:#fff9e8; }
.clint-connect form { display:grid; gap:5px; margin-top:8px; }
.clint-connect form > label { color:var(--ink-soft); font-size:10px; font-weight:700; }
.clint-connect form > div { display:flex; gap:8px; }
.clint-connect input { width:min(100%,500px); min-height:38px; border:1px solid #dce7f0; border-radius:8px; padding:8px 10px; color:var(--navy-900); }
.clint-connect .button { min-height:38px; }
.clint-mcp-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:7px; }
.clint-mcp-actions .button { min-width:190px; }
.clint-mcp-badge { display:inline-flex; align-items:center; gap:7px; border:1px solid #b8e2d4; border-radius:999px; padding:7px 10px; color:#0d765b; background:#ebfaf3; font-size:10px; font-weight:800; }
.clint-mcp-badge::before { content:""; width:7px; height:7px; border-radius:50%; background:#16b77c; }
.clint-connect .clint-connect-scope { color:#516b81; }
.clint-legacy-connection { margin-top:9px; border-top:1px solid #e3ebf1; padding-top:12px; }
.clint-legacy-connection summary { width:max-content; max-width:100%; color:#0b7188; cursor:pointer; font-size:10px; font-weight:800; }
.clint-legacy-connection > p { margin-top:8px; }
.clint-activities-panel { display:grid; gap:12px; border-color:#d5e8e1; background:linear-gradient(140deg,#fff 60%,#f4fcf8); }
.clint-activities-panel .panel-title { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin:0; }
.clint-activities-total { display:grid; min-width:92px; border-radius:12px; padding:10px 13px; color:#0e7764; background:#eaf8f2; text-align:center; }
.clint-activities-total strong { font-size:25px; line-height:1; }
.clint-activities-total small { margin-top:4px; font-size:9px; font-weight:760; text-transform:uppercase; letter-spacing:.07em; }
.clint-activities-asof { margin:0; color:var(--muted); font-size:10px; }
.clint-activities-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:9px; }
.clint-activity-person { display:grid; gap:9px; border:1px solid #dcece5; border-radius:11px; padding:12px; background:#fff; }
.clint-activity-person-head { display:flex; justify-content:space-between; gap:8px; align-items:center; color:var(--navy-900); font-size:11px; }
.clint-activity-person-head span { color:#0e7764; font-size:10px; font-weight:800; white-space:nowrap; }
.clint-activity-types { display:flex; flex-wrap:wrap; gap:6px; }
.clint-activity-types > span { border:1px solid #dcece5; border-radius:999px; padding:5px 8px; color:#50706d; background:#f8fcfa; font-size:9px; }
.clint-activity-types strong { margin-left:4px; color:#0e7764; }
.clint-activity-person > small { color:#9a6b27; font-size:9px; }
.clint-loading, .clint-waiting, .clint-error, .clint-alert { border:1px solid #dfe9f0; border-radius:12px; padding:17px; background:#fff; color:var(--muted); font-size:11px; }
.clint-alert { border-color:#f0d6a6; background:#fffaf0; color:#9e6d26; }
.clint-error { border-color:#f1cbd0; color:#a83e4b; }
.clint-error p { margin:4px 0 10px; }
.clint-error button { border:0; padding:0; color:#157899; background:transparent; font-weight:800; }
.clint-empty-mini { margin:8px 0; color:var(--muted); font-size:10px; }
.clint-view .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media(max-width:900px) { .clint-config-grid { grid-template-columns:1fr; } .clint-hero-total { flex-basis:190px; } }
@media(max-width:900px) { .clint-daily-summary { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:1080px) { .clint-goal-funnel-row { grid-template-columns:minmax(0,1.3fr) minmax(90px,.5fr) minmax(0,1fr) minmax(130px,.8fr); } .clint-goal-funnel-bookings { grid-template-columns:minmax(0,.8fr) minmax(0,2fr); } .clint-goal-funnel-source { grid-column:1 / -1; display:flex; justify-content:flex-end; align-items:center; gap:9px; text-align:right; } }
@media(max-width:670px) { .clint-hero { flex-direction:column; padding:23px; } .clint-hero-total { flex-basis:auto; align-items:flex-start; border-top:1px solid rgba(190,224,238,.2); border-left:0; padding:14px 0 0; text-align:left; } .clint-hero-total strong { font-size:38px; } .clint-toolbar { align-items:stretch; flex-direction:column; } .clint-toolbar > div { justify-content:flex-start; } .clint-origin-filter select { width:100%; } }
@media(max-width:670px) { .clint-kanban-heading { align-items:flex-start; flex-direction:column; padding:20px 18px 15px; } .clint-kanban-unmapped { margin:0 18px 14px; } .clint-kanban-track { padding:0 18px 18px; } .clint-kanban-column { flex-basis:min(82vw,292px); } }
@media(max-width:670px) { .clint-detail-overlay { padding:8px; } .clint-detail-dialog { max-height:calc(100dvh - 16px); border-radius:13px; } .clint-detail-head { padding:16px; } .clint-detail-head h2 { font-size:18px; } .clint-detail-body { padding:16px; } .clint-detail-footer { padding:12px 16px; } .clint-detail-sections { grid-template-columns:1fr; } }
@media(max-width:670px) { .clint-staff-head { align-items:flex-start; flex-direction:column; padding:18px; } .clint-staff-tools { justify-content:flex-start; } }
@media(max-width:670px) { .clint-daily-head { flex-direction:column; } .clint-daily-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .clint-daily-filter label { flex:1 1 125px; } .clint-daily-filter input { width:100%; } }
@media(max-width:670px) { .clint-goal-funnel { padding:17px; } .clint-goal-funnel-head { flex-direction:column; gap:10px; } .clint-goal-funnel-head-actions { justify-items:start; } .clint-goal-funnel-row { grid-template-columns:minmax(0,1fr) auto; gap:10px 12px; } .clint-goal-funnel-step { grid-column:1; } .clint-goal-funnel-count { grid-column:2; } .clint-goal-funnel-progress,.clint-goal-funnel-rates,.clint-goal-funnel-source { grid-column:1 / -1; } .clint-goal-funnel-rates { display:flex; flex-wrap:wrap; gap:4px 13px; } .clint-goal-funnel-source { justify-content:flex-start; text-align:left; } .clint-goal-funnel-bookings { grid-template-columns:minmax(0,1fr); } .clint-goal-funnel-booking-split { grid-template-columns:minmax(0,1fr); gap:10px; } .clint-goal-funnel-booking-metric { border-left:0; border-top:1px solid #dce8f1; padding:10px 0 0; } .clint-goal-funnel-booking-metric .clint-goal-funnel-count { grid-column:auto; } }
@media(max-width:670px) { .clint-daily-detail { grid-template-columns:1fr; gap:8px; } }
@media(max-width:670px) { .clint-appointments-head { flex-direction:column; gap:12px; } .clint-appointments-total { align-self:stretch; text-align:left; } .clint-appointments-filter label { flex:1 1 125px; } .clint-appointments-filter input { width:100%; } }
@media(max-width:670px) { .clint-shortcuts { align-items:stretch; flex-direction:column; } .clint-shortcuts a { text-align:center; } .clint-staff-sync { text-align:left; } }
@media(max-width:460px) { .clint-mapping-row, .clint-rule-row { grid-template-columns:1fr; gap:5px; } .clint-email-row { align-items:stretch; flex-direction:column; } .clint-email-row .button { align-self:flex-start; } .clint-connect form > div { flex-direction:column; } .clint-connect input { width:100%; } }