:root { --pilot-ink:#172033; --pilot-muted:#667085; --pilot-line:#e6eaf0; --pilot-surface:#ffffff; --pilot-surface-muted:#f8fafc; --pilot-bg:#f5f7fb; --pilot-blue:#3156d9; --pilot-red:#bc3f4e; --pilot-orange:#bf6b22; --pilot-green:#238158; --pilot-focus:rgba(49,86,217,.18); --pilot-radius-sm:5px; --pilot-radius:8px; --pilot-space-1:4px; --pilot-space-2:8px; --pilot-space-3:12px; --pilot-space-4:16px; --pilot-topbar-height:56px; --pilot-content-max-width:1480px; --pilot-font-xs:11px; --pilot-font-sm:12px; --pilot-font-base:13px; --pilot-sidebar-width:240px; --pilot-sidebar-bg:#131b2d; --pilot-sidebar-text:#d7dfef; --pilot-sidebar-muted:#8d9ab3; --pilot-sidebar-active-bg:#273b72; --pilot-sidebar-active-text:#fff; --pilot-sidebar-item-height:38px; --pilot-sidebar-font-size:.84rem; --pilot-sidebar-submenu-font-size:.8rem; --pilot-sidebar-icon-size:16px; --pilot-sidebar-radius:7px; }
* { box-sizing:border-box; }
body.cstpro-pilot-front-office { background:var(--pilot-bg); color:var(--pilot-ink); font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; margin:0; }
.cstpro-pilot-front-office #wpadminbar { display:none !important; }
.cstpro-front-app { display:grid; grid-template-columns:var(--pilot-sidebar-width) minmax(0,1fr); min-height:100vh; }
.cstpro-front-sidebar { background:var(--pilot-sidebar-bg); color:var(--pilot-sidebar-text); display:flex; flex-direction:column; gap:14px; height:100vh; overflow-y:auto; padding:18px 12px 14px; position:sticky; top:0; }
.cstpro-front-brand { align-items:center; color:#fff; display:flex; font-size:17px; gap:9px; min-height:36px; padding:0 8px; }
.cstpro-front-brand span { align-items:center; background:#4770ec; border-radius:8px; display:flex; flex:0 0 30px; font-size:18px; font-weight:800; height:30px; justify-content:center; width:30px; }
.cstpro-front-brand strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cstpro-front-menu-close { display:none; }
.cstpro-front-menu-overlay { display:none; }
.cstpro-front-sidebar nav { display:grid; gap:8px; }
.cstpro-front-nav-section { display:grid; gap:3px; }
.cstpro-front-nav-section>p { color:var(--pilot-sidebar-muted); font-size:10px; font-weight:750; letter-spacing:.08em; margin:8px 8px 3px; text-transform:uppercase; }
.cstpro-front-nav-link,.cstpro-front-subnav-link,.cstpro-front-nav-parent { align-items:center; border:0; border-radius:var(--pilot-sidebar-radius); color:#b8c4db; display:grid; font-size:var(--pilot-sidebar-font-size); font-weight:650; gap:9px; grid-template-columns:var(--pilot-sidebar-icon-size) minmax(0,1fr); min-height:var(--pilot-sidebar-item-height); padding:0 9px; position:relative; text-align:left; text-decoration:none; width:100%; }
.cstpro-front-nav-parent { background:transparent; cursor:pointer; font-family:inherit; grid-template-columns:var(--pilot-sidebar-icon-size) minmax(0,1fr) 14px; }
.cstpro-front-nav-link span,.cstpro-front-subnav-link span,.cstpro-front-nav-parent span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cstpro-front-nav-icon { height:var(--pilot-sidebar-icon-size); width:var(--pilot-sidebar-icon-size); }
.cstpro-front-nav-link:hover,.cstpro-front-nav-link:focus,.cstpro-front-subnav-link:hover,.cstpro-front-subnav-link:focus,.cstpro-front-nav-parent:hover,.cstpro-front-nav-parent:focus { background:#223352; color:#fff; outline:none; }
.cstpro-front-nav-link.is-active,.cstpro-front-nav-parent.is-active { background:var(--pilot-sidebar-active-bg); color:var(--pilot-sidebar-active-text); }
.cstpro-front-nav-link.is-active::before,.cstpro-front-nav-parent.is-active::before { background:#6f90ff; border-radius:999px; content:""; height:20px; left:0; position:absolute; width:3px; }
.cstpro-front-nav-parent b { border:solid currentColor; border-width:0 1.5px 1.5px 0; height:6px; justify-self:center; transform:rotate(45deg); transition:transform .16s ease; width:6px; }
.cstpro-front-nav-parent.is-open b { transform:rotate(-135deg); }
.cstpro-front-subnav { display:none; gap:2px; padding:3px 0 3px 28px; }
.cstpro-front-subnav.is-open { display:grid; }
.cstpro-front-subnav-link { font-size:var(--pilot-sidebar-submenu-font-size); font-weight:560; min-height:36px; padding-left:8px; }
.cstpro-front-subnav-link.is-active { background:#1e2b46; color:#fff; }
.cstpro-front-sidebar__bottom { border-top:1px solid #34415c; display:grid; gap:3px; margin-top:auto; padding-top:10px; }
.cstpro-front-sidebar__bottom a { border-radius:var(--pilot-sidebar-radius); color:#b8c4db; font-size:13px; min-height:34px; padding:8px 9px; text-decoration:none; }
.cstpro-front-sidebar__bottom a:hover,.cstpro-front-sidebar__bottom a:focus { background:#223352; color:#fff; outline:none; }
.cstpro-front-shell { min-width:0; }
.cstpro-front-topbar { align-items:center; background:rgba(255,255,255,.94); border-bottom:1px solid var(--pilot-line); display:flex; gap:14px; min-height:var(--pilot-topbar-height); padding:8px clamp(18px,3vw,42px); position:sticky; top:0; z-index:5; }
.cstpro-front-search { display:flex; flex:1; max-width:580px; }
.cstpro-front-search input { border:1px solid #d9deea; border-radius:6px 0 0 6px; min-width:0; padding:10px 12px; width:100%; }
.cstpro-front-search button { background:#edf1fb; border:1px solid #d9deea; border-left:0; border-radius:0 6px 6px 0; color:#24345e; padding:0 13px; }
.cstpro-front-topbar__actions { align-items:center; display:flex; gap:8px; margin-left:auto; }
.cstpro-front-add-menu { position:relative; }
.cstpro-front-add-menu summary { list-style:none; }
.cstpro-front-add-menu summary::-webkit-details-marker { display:none; }
.cstpro-front-add-menu div { background:#fff; border:1px solid var(--pilot-line); border-radius:8px; box-shadow:0 18px 40px rgba(23,32,51,.14); display:grid; min-width:220px; padding:6px; position:absolute; right:0; top:calc(100% + 8px); z-index:20; }
.cstpro-front-add-menu a { border-radius:6px; color:var(--pilot-ink); font-weight:700; padding:10px 12px; text-decoration:none; }
.cstpro-front-add-menu a:hover,.cstpro-front-add-menu a:focus { background:#edf1fb; color:var(--pilot-blue); outline:none; }
.cstpro-front-user { color:var(--pilot-muted); font-size:13px; max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cstpro-front-menu-toggle { display:none; }
.cstpro-front-main { margin:0 auto; max-width:var(--pilot-content-max-width); padding:26px clamp(18px,3vw,42px) 52px; width:100%; }
.cstpro-front-page-header { align-items:flex-start; display:flex; gap:20px; justify-content:space-between; margin-bottom:22px; }
.cstpro-front-eyebrow { color:var(--pilot-blue); font-size:12px; font-weight:800; letter-spacing:.08em; margin:0 0 7px; text-transform:uppercase; }
.cstpro-front-page-header h1 { font-size:26px; letter-spacing:0; line-height:1.14; margin:0; }
.cstpro-front-page-header p { color:var(--pilot-muted); margin:8px 0 0; }
.cstpro-front-page-actions { display:flex; flex-wrap:wrap; gap:8px; }
.cstpro-front-button { align-items:center; background:#fff; border:1px solid #cbd4e5; border-radius:6px; color:#24345e; cursor:pointer; display:inline-flex; font-size:13px; font-weight:700; justify-content:center; min-height:36px; padding:8px 12px; text-decoration:none; }
.cstpro-front-button:hover,.cstpro-front-button:focus { border-color:var(--pilot-blue); box-shadow:0 0 0 3px rgba(49,86,217,.16); outline:none; }
.cstpro-front-button--primary { background:var(--pilot-blue); border-color:var(--pilot-blue); color:#fff; }
.cstpro-front-command { align-items:center; background:linear-gradient(120deg,#172554,#3156d9); border-radius:8px; color:#fff; display:flex; justify-content:space-between; margin-bottom:22px; padding:22px 26px; }
.cstpro-front-command h2 { font-size:19px; margin:0; }.cstpro-front-command p { color:#d9e3ff; margin:7px 0 0; }.cstpro-front-command a { background:#fff; border-radius:6px; color:#21366e; font-weight:800; padding:10px 14px; text-decoration:none; }
.cstpro-front-kpis { display:grid; gap:14px; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:22px; }
.cstpro-front-kpi { background:var(--pilot-surface); border:1px solid var(--pilot-line); border-radius:8px; color:var(--pilot-ink); padding:18px; text-decoration:none; }.cstpro-front-kpi strong { display:block; font-size:28px; }.cstpro-front-kpi span { color:var(--pilot-muted); font-size:14px; }.cstpro-front-kpi--red { border-top:3px solid var(--pilot-red); }.cstpro-front-kpi--orange { border-top:3px solid var(--pilot-orange); }.cstpro-front-kpi--blue { border-top:3px solid var(--pilot-blue); }.cstpro-front-kpi--green { border-top:3px solid var(--pilot-green); }.cstpro-front-kpi--gray { border-top:3px solid #7b8799; }
.cstpro-front-overview-grid,.cstpro-front-two-columns { display:grid; gap:18px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.cstpro-front-panel,.cstpro-front-collection,.cstpro-front-list,.cstpro-front-form,.cstpro-front-iris,.cstpro-front-settings { background:#fff; border:1px solid var(--pilot-line); border-radius:8px; }.cstpro-front-panel { min-width:0; padding:18px; }.cstpro-front-panel header { align-items:center; display:flex; justify-content:space-between; margin-bottom:10px; }.cstpro-front-panel h2 { font-size:16px; margin:0; }.cstpro-front-panel header a { color:var(--pilot-blue); font-size:13px; font-weight:700; text-decoration:none; }
.cstpro-front-mini-list { display:grid; }.cstpro-front-mini-list a,.cstpro-front-mini-list>div { align-items:center; border-top:1px solid #edf0f5; color:inherit; display:grid; gap:9px; grid-template-columns:auto minmax(0,1fr) auto; padding:11px 0; text-decoration:none; }.cstpro-front-mini-list strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.cstpro-front-mini-list small { color:var(--pilot-muted); }.cstpro-front-empty,.cstpro-front-muted { color:var(--pilot-muted); font-size:14px; padding:12px 0; }
.cstpro-front-status { background:#edf1f8; border-radius:20px; color:#3d4c6c; font-size:11px; font-weight:800; padding:4px 7px; text-transform:capitalize; white-space:nowrap; }.cstpro-front-status--todo { background:#fff0dd; color:#9b5520; }.cstpro-front-status--in_progress { background:#e4edff; color:#26499a; }.cstpro-front-status--waiting { background:#fff1da; color:#9d5b19; }.cstpro-front-status--review { background:#f1e6ff; color:#6a3b9c; }.cstpro-front-status--done { background:#e0f5e9; color:#19744c; }.cstpro-front-status--cancelled { background:#edf0f4; color:#586577; }
.cstpro-front-filters { align-items:center; display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; }.cstpro-front-filters input,.cstpro-front-filters select { background:#fff; border:1px solid #d9deea; border-radius:6px; min-height:42px; padding:8px 10px; }.cstpro-front-filters input { min-width:240px; }.cstpro-front-filters label { color:#25324b; display:grid; font-size:12px; font-weight:800; gap:4px; }
.cstpro-front-list { overflow:hidden; }.cstpro-front-list__head,.cstpro-front-list__row { align-items:center; display:grid; gap:12px; grid-template-columns:minmax(190px,1.5fr) minmax(105px,.7fr) minmax(110px,.6fr) minmax(160px,1fr) 62px; padding:13px 16px; }.cstpro-front-list__head { background:#f8fafc; color:var(--pilot-muted); font-size:11px; font-weight:800; text-transform:uppercase; }.cstpro-front-list__row { border-top:1px solid #edf0f5; font-size:14px; }.cstpro-front-list__row a { color:var(--pilot-blue); font-weight:700; text-decoration:none; }.cstpro-front-list__row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.cstpro-front-list__row .is-overdue { color:var(--pilot-red); font-weight:800; }
.cstpro-front-newsletter-table { background:#fff; border:1px solid var(--pilot-line); border-radius:8px; overflow:auto; }
.cstpro-front-newsletter-table__head,.cstpro-front-newsletter-row { align-items:center; display:grid; gap:12px; grid-template-columns:minmax(160px,1.1fr) minmax(220px,1.5fr) 96px 120px 130px 110px minmax(120px,.8fr) minmax(140px,1fr) 72px; min-width:1180px; padding:12px 14px; }
.cstpro-front-newsletter-table__head { background:#f8fafc; color:var(--pilot-muted); font-size:11px; font-weight:800; text-transform:uppercase; }
.cstpro-front-newsletter-row { border-top:1px solid #edf0f5; font-size:13px; }
.cstpro-front-newsletter-row strong,.cstpro-front-newsletter-row span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cstpro-front-newsletter-row a { color:var(--pilot-blue); font-weight:800; text-decoration:none; }
.cstpro-front-form--newsletter { max-width:1160px; }
.cstpro-front-month-nav,.cstpro-front-bulk { align-items:center; background:#fff; border:1px solid var(--pilot-line); border-radius:8px; display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; padding:14px 16px; }
.cstpro-front-month-nav label { align-items:center; color:#25324b; display:flex; font-size:12px; font-weight:800; gap:8px; }
.cstpro-front-month-nav input,.cstpro-front-bulk select { border:1px solid #d9deea; border-radius:6px; min-height:40px; padding:7px 10px; }
.cstpro-front-todo-board { background:#fff; border:1px solid var(--pilot-line); border-radius:8px; margin-bottom:18px; padding:16px; }
.cstpro-front-todo-board>header { align-items:center; display:flex; justify-content:space-between; margin-bottom:12px; }
.cstpro-front-todo-board h2 { font-size:18px; margin:0; }
.cstpro-front-todo-board p { color:var(--pilot-muted); margin:5px 0 0; }
.cstpro-front-todo-board__grid { display:grid; gap:12px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.cstpro-front-todo-lane { border:1px solid var(--pilot-line); border-radius:8px; min-width:0; overflow:hidden; }
.cstpro-front-todo-lane>header { align-items:center; background:#f8fafc; border-top:4px solid #7b8799; display:flex; justify-content:space-between; padding:12px; }
.cstpro-front-todo-lane>header strong { font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cstpro-front-todo-lane>header span { background:#eef2f7; border-radius:999px; font-size:12px; font-weight:800; min-width:28px; padding:5px 8px; text-align:center; }
.cstpro-front-todo-lane--standby>header { border-top-color:var(--pilot-orange); }
.cstpro-front-todo-lane--progress>header { border-top-color:var(--pilot-blue); }
.cstpro-front-todo-lane--payment>header { border-top-color:var(--pilot-red); }
.cstpro-front-todo-lane--done>header { border-top-color:var(--pilot-green); }
.cstpro-front-todo-cards { display:grid; gap:8px; max-height:360px; overflow:auto; padding:10px; }
.cstpro-front-todo-card { border:1px solid #edf0f5; border-radius:6px; color:var(--pilot-ink); display:grid; gap:4px; padding:10px; text-decoration:none; }
.cstpro-front-todo-card:hover,.cstpro-front-todo-card:focus { border-color:var(--pilot-blue); outline:none; }
.cstpro-front-todo-card strong,.cstpro-front-todo-card span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cstpro-front-todo-card small { color:var(--pilot-muted); }
.cstpro-front-todo-table { background:#fff; border:1px solid var(--pilot-line); border-radius:8px; overflow:auto; }
.cstpro-front-todo-table__head,.cstpro-front-todo-row { align-items:center; display:grid; gap:8px; grid-template-columns:34px minmax(160px,1.15fr) minmax(190px,1.35fr) 126px 120px 120px 70px 60px 126px minmax(280px,1.2fr); min-width:1320px; padding:10px 12px; }
.cstpro-front-todo-table__head { background:#f8fafc; color:var(--pilot-muted); font-size:11px; font-weight:800; text-transform:uppercase; }
.cstpro-front-todo-row { border-top:1px solid #edf0f5; font-size:12px; }
.cstpro-front-todo-row--standby { background:#fffaf0; }
.cstpro-front-todo-row--progress { background:#f5f8ff; }
.cstpro-front-todo-row--payment { background:#fff5f5; }
.cstpro-front-todo-row--done { background:#f3fbf7; }
.cstpro-front-todo-row input:not([type="checkbox"]),.cstpro-front-todo-row select { border:1px solid #ccd5e4; border-radius:5px; font:inherit; min-height:34px; min-width:0; padding:6px 7px; width:100%; }
.cstpro-front-todo-row input[type="checkbox"] { height:18px; width:18px; }
.cstpro-front-todo-row a { color:var(--pilot-blue); font-weight:800; text-decoration:none; }
.cstpro-front-todo-actions { align-items:center; display:flex; gap:6px; }
.cstpro-front-todo-actions form { align-items:center; display:flex; gap:6px; margin:0; }
.cstpro-front-todo-actions .cstpro-front-button { min-height:34px; padding:7px 9px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-main { max-width:1600px; padding-top:24px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-page-header { margin-bottom:18px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-page-header h1 { font-size:28px; line-height:1.12; }
.cstpro-front-app[data-route="todo"] .cstpro-front-page-header p { font-size:15px; line-height:1.35; margin-top:6px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-page-actions .cstpro-front-button { min-height:38px; padding:8px 12px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-month-nav { gap:8px; margin-bottom:14px; padding:10px 12px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-month-nav input,.cstpro-front-app[data-route="todo"] .cstpro-front-month-nav .cstpro-front-button { min-height:36px; padding:7px 10px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-todo-board { margin-bottom:14px; padding:12px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-todo-board>header { margin-bottom:9px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-todo-board h2 { font-size:15px; line-height:1.2; }
.cstpro-front-app[data-route="todo"] .cstpro-front-todo-board p { font-size:13px; margin-top:3px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-todo-board__grid { gap:10px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-todo-lane>header { padding:9px 10px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-todo-lane>header strong { font-size:12px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-todo-lane>header span { font-size:11px; min-width:24px; padding:4px 7px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-todo-cards { gap:7px; max-height:300px; padding:8px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-todo-card { gap:3px; padding:8px 9px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-todo-card strong { font-size:14px; line-height:1.18; }
.cstpro-front-app[data-route="todo"] .cstpro-front-todo-card span { font-size:13px; line-height:1.25; }
.cstpro-front-app[data-route="todo"] .cstpro-front-todo-card small { font-size:12px; line-height:1.25; }
.cstpro-front-app[data-route="todo"] .cstpro-front-filters,.cstpro-front-app[data-route="todo"] .cstpro-front-bulk { margin-bottom:12px; padding:10px 12px; }
.cstpro-front-app[data-route="todo"] .cstpro-front-todo-table__head,.cstpro-front-app[data-route="todo"] .cstpro-front-todo-row { padding:8px 10px; }
.cstpro-front-email-mini { display:grid; gap:10px; grid-template-columns:repeat(4,minmax(0,1fr)); margin:12px 0; }
.cstpro-front-email-mini span { background:#f8fafc; border:1px solid var(--pilot-line); border-radius:6px; color:var(--pilot-muted); padding:10px; }
.cstpro-front-email-mini strong { color:var(--pilot-ink); display:block; font-size:22px; }
.cstpro-front-email-triage { display:grid; gap:14px; }
.cstpro-front-email-actions { align-items:center; background:#fff; border:1px solid var(--pilot-line); border-radius:8px; display:flex; flex-wrap:wrap; gap:8px; padding:12px; }
.cstpro-front-email-actions select { border:1px solid #ccd5e4; border-radius:6px; min-height:40px; padding:7px 10px; }
.cstpro-front-email-list { display:grid; gap:10px; }
.cstpro-front-email-card { background:#fff; border:1px solid var(--pilot-line); border-left:4px solid #7b8799; border-radius:8px; display:grid; gap:7px; padding:14px; }
.cstpro-front-email-card--compact { max-height:190px; overflow:hidden; }
.cstpro-front-email-card[data-classification="DELETE"] { border-left-color:var(--pilot-red); }
.cstpro-front-email-card[data-classification="KEEP"] { border-left-color:var(--pilot-green); }
.cstpro-front-email-card[data-classification="TO_PROCESS"] { border-left-color:var(--pilot-orange); }
.cstpro-front-email-card label { align-items:center; display:flex; gap:10px; min-width:0; }
.cstpro-front-email-card strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cstpro-front-email-card p { color:var(--pilot-muted); margin:0; }
.cstpro-front-email-snippet { display:-webkit-box; line-height:1.35; max-height:4.1em; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.cstpro-front-email-detail dl { display:grid; gap:8px 14px; grid-template-columns:160px minmax(0,1fr); }
.cstpro-front-email-detail dd { margin:0; min-width:0; overflow-wrap:anywhere; }
.cstpro-front-email-body { background:#fff; border:1px solid var(--pilot-line); border-radius:8px; line-height:1.55; margin:14px 0; max-width:980px; padding:16px; white-space:normal; }
.cstpro-front-email-detail pre { background:#f8fafc; border:1px solid var(--pilot-line); border-radius:8px; max-height:260px; overflow:auto; padding:12px; white-space:pre-wrap; }
.cstpro-front-email-html { background:#fff; border:1px solid var(--pilot-line); border-radius:8px; max-height:420px; overflow:auto; padding:14px; }
.cstpro-front-related-grid { display:grid; gap:18px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:18px; }
.cstpro-front-related-grid ul { display:grid; gap:8px; list-style:none; margin:10px 0 0; padding:0; }
.cstpro-front-related-grid li { border-top:1px solid #edf0f5; display:flex; gap:10px; justify-content:space-between; padding:8px 0; }
.cstpro-front-form { display:grid; gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:900px; padding:24px; }.cstpro-front-form label,.cstpro-front-login label { color:#25324b; display:grid; font-size:13px; font-weight:800; gap:7px; }.cstpro-front-form input,.cstpro-front-form select,.cstpro-front-form textarea,.cstpro-front-login input,.cstpro-front-iris textarea { border:1px solid #ccd5e4; border-radius:6px; color:var(--pilot-ink); font:inherit; padding:10px; width:100%; }.cstpro-front-form__wide { grid-column:1 / -1; }.cstpro-front-status-form { display:flex; gap:8px; margin-top:12px; }
.cstpro-front-create { background:#fff; border:1px solid var(--pilot-line); border-radius:8px; margin:0 0 18px; padding:14px 18px; }.cstpro-front-create summary { color:var(--pilot-blue); cursor:pointer; font-weight:800; }.cstpro-front-create .cstpro-front-form { border:0; margin-top:14px; padding:0; }
.cstpro-project-selector { min-width:0; }
.cstpro-project-selector small { color:var(--pilot-muted); font-size:11px; font-weight:600; }
.cstpro-project-selector__search { margin-bottom:6px; }
.cstpro-front-collection { display:grid; gap:0; overflow:hidden; }.cstpro-front-collection article { border-bottom:1px solid #edf0f5; padding:16px 18px; }.cstpro-front-collection h2 { font-size:16px; margin:0 0 5px; }.cstpro-front-collection p { color:var(--pilot-muted); margin:0; }
.cstpro-front-calendar { display:grid; gap:10px; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); }.cstpro-front-calendar a { background:#fff; border:1px solid var(--pilot-line); border-radius:8px; color:var(--pilot-ink); display:grid; gap:7px; padding:16px; text-decoration:none; }.cstpro-front-calendar time { color:var(--pilot-blue); font-size:13px; font-weight:800; }.cstpro-front-calendar span { color:var(--pilot-muted); font-size:13px; }
.cstpro-front-iris,.cstpro-front-settings { max-width:800px; padding:24px; }.cstpro-front-iris h2,.cstpro-front-settings h2 { margin-top:0; }.cstpro-front-iris form { display:grid; gap:12px; }.cstpro-front-settings dl { display:grid; grid-template-columns:180px 1fr; gap:12px; }.cstpro-front-settings dt { color:var(--pilot-muted); }.cstpro-front-settings dd { margin:0; }
.cstpro-front-notice { background:#e8f5ee; border-left:4px solid var(--pilot-green); border-radius:4px; margin:0 0 18px; padding:12px; }.cstpro-front-notice--error { background:#ffebec; border-color:var(--pilot-red); color:#8c2431; }
.cstpro-front-login { align-items:center; background:radial-gradient(circle at 85% 12%,#4b70dc 0,#172554 42%,#111827 100%); display:flex; justify-content:center; min-height:100vh; padding:20px; }.cstpro-front-login__card { background:#fff; border-radius:10px; max-width:440px; padding:36px; width:100%; }.cstpro-front-login__card h1 { margin:0; }.cstpro-front-login__card>p:not(.cstpro-front-eyebrow) { color:var(--pilot-muted); }.cstpro-front-login__card form { display:grid; gap:15px; margin:24px 0 14px; }.cstpro-front-check { align-items:center; display:flex !important; font-weight:500 !important; }.cstpro-front-check input { width:auto !important; }
.cstpro-pilot-mail-toolbar { align-items:stretch; background:#fff; border:1px solid var(--pilot-line); border-radius:8px; display:grid; gap:10px; grid-template-columns:auto minmax(0,1fr); margin-bottom:12px; padding:10px; }.cstpro-pilot-mail-toolbar .cstpro-front-filters { margin:0; }.cstpro-pilot-mail-simulation { background:#fff7e6; border-left:4px solid #f4b740; border-radius:4px; color:#694600; font-size:12px; font-weight:800; grid-column:1 / -1; margin:0; padding:9px 10px; }.cstpro-pilot-mail-sync { align-items:center; display:flex; }.cstpro-pilot-mail-sync form { margin:0; }.cstpro-pilot-mail-filters { display:grid !important; gap:8px !important; grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(118px,.7fr)) minmax(120px,.7fr) repeat(2,130px) auto auto !important; }
.cstpro-pilot-live-mail { background:#fff; border:1px solid var(--pilot-line); border-radius:8px; margin-bottom:12px; overflow:hidden; }
.cstpro-pilot-live-mail>header { align-items:center; background:var(--pilot-surface-muted); border-bottom:1px solid var(--pilot-line); display:flex; justify-content:space-between; padding:10px 12px; }
.cstpro-pilot-live-mail h2,.cstpro-pilot-live-mail h3 { font-size:15px; line-height:1.25; margin:0; }
.cstpro-pilot-live-mail p { color:var(--pilot-muted); margin:3px 0 0; }
.cstpro-pilot-live-mail [data-cstpro-live-mail-status] { background:#eaf0ff; border-radius:999px; color:var(--pilot-blue); font-size:11px; font-weight:800; padding:5px 9px; }
.cstpro-pilot-live-mail [data-cstpro-live-mail-status].is-error { background:#ffe8eb; color:var(--pilot-red); }
.cstpro-pilot-live-mail__layout { display:grid; grid-template-columns:minmax(260px,.9fr) minmax(360px,1.4fr); min-height:260px; }
.cstpro-pilot-live-mail__list { border-right:1px solid var(--pilot-line); max-height:360px; overflow:auto; }
.cstpro-live-mail-row { background:#fff; border:0; border-bottom:1px solid #edf0f5; cursor:pointer; display:grid; gap:3px; padding:10px 12px; text-align:left; width:100%; }
.cstpro-live-mail-row:hover,.cstpro-live-mail-row:focus { background:#edf3ff; outline:none; }
.cstpro-live-mail-row strong,.cstpro-live-mail-row span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cstpro-live-mail-row strong { font-size:12px; }
.cstpro-live-mail-row span { color:var(--pilot-ink); font-size:13px; font-weight:700; }
.cstpro-live-mail-row time { color:var(--pilot-muted); font-size:11px; }
.cstpro-live-mail-row.is-unread { box-shadow:inset 3px 0 var(--pilot-blue); }
.cstpro-live-mail-row.is-unread strong,.cstpro-live-mail-row.is-unread span { font-weight:900; }
.cstpro-pilot-live-mail__reader { min-width:0; overflow:auto; padding:12px; }
.cstpro-pilot-live-mail__reader header { border-bottom:1px solid var(--pilot-line); margin-bottom:10px; padding-bottom:8px; }
.cstpro-live-mail-body { color:#1f2937; font-size:13px; line-height:1.55; max-height:260px; overflow:auto; overflow-wrap:anywhere; }
.cstpro-live-mail-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.cstpro-live-mail-actions button { background:#fff; border:1px solid #cbd4e5; border-radius:6px; color:#24345e; cursor:pointer; font-size:12px; font-weight:800; min-height:32px; padding:6px 9px; }
.cstpro-live-mail-actions button:hover,.cstpro-live-mail-actions button:focus { border-color:var(--pilot-blue); box-shadow:0 0 0 3px var(--pilot-focus); outline:none; }
.cstpro-live-mail-client { background:#fff; border:1px solid var(--pilot-line); border-radius:8px; display:grid; grid-template-columns:230px minmax(360px,.95fr) minmax(420px,1.15fr); height:calc(100vh - 136px); min-height:590px; overflow:hidden; }
.cstpro-live-mail-sidebar { background:#f8fafc; border-right:1px solid var(--pilot-line); display:grid; align-content:start; gap:4px; min-width:0; overflow:auto; padding:10px; }
.cstpro-live-mail-sidebar header { align-items:center; display:flex; justify-content:space-between; margin-bottom:4px; }
.cstpro-live-mail-sidebar header strong,.cstpro-live-mail-sidebar__label { color:var(--pilot-muted); font-size:11px; font-weight:850; letter-spacing:.06em; margin:8px 6px 4px; text-transform:uppercase; }
.cstpro-live-mail-sidebar button { align-items:center; background:transparent; border:0; border-radius:6px; color:#263247; cursor:pointer; display:grid; font:inherit; font-size:12px; font-weight:700; gap:8px; grid-template-columns:minmax(0,1fr) auto; min-height:34px; padding:7px 8px; text-align:left; }
.cstpro-live-mail-sidebar button:hover,.cstpro-live-mail-sidebar button:focus,.cstpro-live-mail-sidebar button.is-active { background:#eaf0ff; color:var(--pilot-blue); outline:none; }
.cstpro-live-mail-sidebar button span { background:#e8edf5; border-radius:999px; color:#516079; font-size:10px; min-width:22px; padding:2px 6px; text-align:center; }
.cstpro-live-mail-main { border-right:1px solid var(--pilot-line); display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; min-width:0; overflow:hidden; }
.cstpro-live-mail-search { align-items:center; border-bottom:1px solid var(--pilot-line); display:grid; gap:7px; grid-template-columns:minmax(0,1fr) 94px 126px 88px; padding:8px; }
.cstpro-live-mail-search input,.cstpro-live-mail-search select,.cstpro-live-mail-search button { border:1px solid #cbd4e5; border-radius:6px; font:inherit; font-size:12px; min-height:34px; padding:6px 8px; }
.cstpro-live-mail-search button { background:var(--pilot-blue); border-color:var(--pilot-blue); color:#fff; cursor:pointer; font-weight:800; }
.cstpro-live-mail-status { background:#f8fafc; border-bottom:1px solid var(--pilot-line); color:var(--pilot-muted); font-size:12px; font-weight:700; min-height:32px; padding:8px 10px; }
.cstpro-live-mail-status.is-error { background:#fff1f2; color:var(--pilot-red); }
.cstpro-live-mail-list { min-height:0; overflow:auto; }
.cstpro-live-classic-row { align-items:center; background:#fff; border:0; border-bottom:1px solid #edf0f5; color:var(--pilot-ink); cursor:pointer; display:grid; gap:8px; grid-template-columns:8px minmax(120px,.9fr) minmax(150px,1.4fr) minmax(90px,.7fr) 92px; min-height:58px; padding:8px 10px; text-align:left; width:100%; }
.cstpro-live-classic-row:hover,.cstpro-live-classic-row:focus { background:#f3f6ff; outline:none; }
.cstpro-live-classic-row i { background:#cbd5e1; border-radius:999px; height:7px; width:7px; }
.cstpro-live-classic-row.is-unread i { background:var(--pilot-blue); }
.cstpro-live-classic-row strong,.cstpro-live-classic-row span,.cstpro-live-classic-row small { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cstpro-live-classic-row strong { font-size:12px; }
.cstpro-live-classic-row span { font-size:13px; font-weight:720; }
.cstpro-live-classic-row small,.cstpro-live-classic-row time { color:var(--pilot-muted); font-size:11px; }
.cstpro-live-classic-row.is-unread strong,.cstpro-live-classic-row.is-unread span { font-weight:900; }
.cstpro-live-mail-skeleton { animation:cstpro-live-pulse 1.1s ease-in-out infinite; background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9); border-bottom:1px solid #edf0f5; height:58px; }
@keyframes cstpro-live-pulse { 0%{opacity:.55} 50%{opacity:1} 100%{opacity:.55} }
.cstpro-live-mail-pagination { align-items:center; border-top:1px solid var(--pilot-line); display:flex; gap:8px; justify-content:center; min-height:42px; padding:6px; }
.cstpro-live-mail-pagination button,.cstpro-live-mail-reader footer button { background:#fff; border:1px solid #cbd4e5; border-radius:6px; color:#24345e; cursor:pointer; font-size:12px; font-weight:800; min-height:32px; padding:6px 9px; }
.cstpro-live-mail-reader { min-width:0; overflow:auto; padding:14px; }
.cstpro-live-mail-reader header { border-bottom:1px solid var(--pilot-line); margin-bottom:12px; padding-bottom:10px; }
.cstpro-live-mail-reader h2 { font-size:18px; line-height:1.25; margin:0 0 7px; }
.cstpro-live-mail-reader p { color:var(--pilot-muted); font-size:12px; margin:4px 0; overflow-wrap:anywhere; }
.cstpro-live-reader-body { color:#1f2937; font-size:13px; line-height:1.55; overflow-wrap:anywhere; }
.cstpro-live-mail-reader footer { border-top:1px solid var(--pilot-line); display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; padding-top:10px; }
.cstpro-pilot-mail-client { background:#fff; border:1px solid var(--pilot-line); border-radius:8px; display:grid; grid-template-columns:220px minmax(360px,.95fr) minmax(420px,1.2fr); height:calc(100vh - 190px); min-height:620px; overflow:hidden; }.cstpro-pilot-mail-folders { background:#f8fafc; border-right:1px solid var(--pilot-line); display:grid; align-content:start; gap:3px; overflow:auto; padding:14px 10px; }.cstpro-pilot-mail-folders strong { color:var(--pilot-muted); font-size:11px; letter-spacing:.06em; margin:8px 8px 6px; text-transform:uppercase; }.cstpro-pilot-mail-folders a { align-items:center; border-radius:5px; color:var(--pilot-ink); display:grid; font-size:12px; gap:8px; grid-template-columns:minmax(0,1fr) auto; padding:8px; text-decoration:none; }.cstpro-pilot-mail-folders a:hover,.cstpro-pilot-mail-folders a:focus { background:#eaf0ff; color:var(--pilot-blue); outline:2px solid var(--pilot-blue); outline-offset:1px; }.cstpro-pilot-mail-folders span { background:#e8edf5; border-radius:999px; font-size:11px; min-width:24px; padding:2px 6px; text-align:center; }
.cstpro-pilot-mail-list { border-right:1px solid var(--pilot-line); gap:0; min-height:0; min-width:0; overflow:hidden; }.cstpro-pilot-mail-list .cstpro-front-email-actions { border:0; border-bottom:1px solid var(--pilot-line); border-radius:0; padding:8px; }.cstpro-pilot-mail-list .cstpro-front-email-list { display:block; gap:0; height:calc(100% - 54px); overflow:auto; }.cstpro-pilot-mail-row { align-items:start; border-bottom:1px solid #edf0f5; display:grid; gap:7px; grid-template-columns:22px minmax(0,1fr) 66px; min-height:68px; padding:9px 10px; position:relative; }.cstpro-pilot-mail-row.is-selected { background:#edf3ff; box-shadow:inset 3px 0 var(--pilot-blue); }.cstpro-pilot-mail-row.is-unread strong,.cstpro-pilot-mail-row.is-unread b { color:#111827; font-weight:900; }.cstpro-pilot-mail-row>a { color:var(--pilot-ink); display:grid; gap:2px; min-width:0; text-decoration:none; }.cstpro-pilot-mail-row strong { font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.cstpro-pilot-mail-row b { font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.cstpro-pilot-mail-row span { color:var(--pilot-muted); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.cstpro-pilot-mail-row time { color:var(--pilot-muted); font-size:11px; text-align:right; }.cstpro-pilot-mail-row em { align-self:start; background:#eaf0ff; border-radius:999px; color:var(--pilot-blue); font-size:10px; font-style:normal; grid-column:2 / -1; justify-self:start; line-height:1; padding:5px 7px; text-transform:uppercase; }.cstpro-pilot-mail-row small { background:#fff3cd; border-radius:999px; color:#815b00; font-size:10px; grid-column:2 / -1; justify-self:start; padding:4px 7px; }
.cstpro-pilot-mail-reading { background:#fff; min-height:0; min-width:0; overflow:auto; padding:12px 14px; }.cstpro-pilot-mail-reading .cstpro-front-panel { border:0; box-shadow:none; padding:0; }.cstpro-pilot-mail-reading .cstpro-front-email-detail header { align-items:flex-start; border-bottom:1px solid var(--pilot-line); display:flex; gap:10px; justify-content:space-between; margin-bottom:10px; padding-bottom:10px; }.cstpro-pilot-mail-reading .cstpro-front-email-detail h2 { font-size:16px; font-weight:750; line-height:1.28; margin:0; }.cstpro-pilot-mail-reading .cstpro-front-email-detail header a { font-size:12px; }.cstpro-pilot-mail-kicker { color:var(--pilot-muted); font-size:10px; font-weight:800; letter-spacing:.06em; margin:0 0 3px; text-transform:uppercase; }.cstpro-pilot-mail-warning { background:#fff8e8; border-left:3px solid #f4b740; border-radius:4px; color:#694600; font-size:12px; margin:8px 0; padding:8px 10px; }.cstpro-pilot-mail-reading .cstpro-front-email-body { border:0; border-top:1px solid var(--pilot-line); border-radius:0; color:#1f2937; font-size:13px; line-height:1.55; margin:10px 0; max-width:none; overflow-wrap:anywhere; padding:13px 0; white-space:normal; }.cstpro-pilot-mail-empty { color:var(--pilot-muted); display:grid; min-height:240px; place-content:center; text-align:center; }
.cstpro-mail-reading-compact .cstpro-mail-meta-grid { background:#f8fafc; border:1px solid var(--pilot-line); border-radius:6px; display:grid; gap:5px 9px; grid-template-columns:92px minmax(0,1fr); margin:0; padding:9px 10px; }.cstpro-mail-reading-compact .cstpro-mail-meta-grid dt { color:var(--pilot-muted); font-size:10px; font-weight:800; text-transform:uppercase; }.cstpro-mail-reading-compact .cstpro-mail-meta-grid dd { color:#263247; font-size:12px; line-height:1.35; margin:0; min-width:0; overflow-wrap:anywhere; }.cstpro-mail-decision-badge { background:#eaf0ff; border-radius:999px; color:var(--pilot-blue); display:inline-flex; font-size:11px; font-weight:800; line-height:1; padding:4px 7px; }.cstpro-mail-help { align-items:center; background:#f8fafc; border:1px solid #cbd4e5; border-radius:999px; color:#516079; cursor:help; display:inline-flex; font-size:12px; font-weight:900; height:26px; justify-content:center; margin-left:auto; padding:0; width:26px; }.cstpro-mail-help:hover,.cstpro-mail-help:focus { border-color:var(--pilot-blue); box-shadow:0 0 0 3px rgba(49,86,217,.13); color:var(--pilot-blue); outline:none; }.cstpro-pilot-unsubscribe { background:#fff8e8; border:1px solid #f5d48a; border-radius:6px; font-size:12px; margin:10px 0; padding:10px; }.cstpro-pilot-unsubscribe h3 { font-size:13px; margin:0 0 6px; }.cstpro-pilot-unsubscribe p { margin:4px 0; }
@media (max-width:1280px) { .cstpro-pilot-mail-toolbar { grid-template-columns:1fr; }.cstpro-pilot-mail-filters { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }.cstpro-pilot-mail-client { grid-template-columns:180px minmax(320px,.95fr) minmax(360px,1.05fr); } }
@media (max-width:1024px) { .cstpro-live-mail-client { grid-template-columns:190px minmax(0,1fr); height:auto; min-height:0; }.cstpro-live-mail-reader { border-top:1px solid var(--pilot-line); grid-column:1 / -1; max-height:none; }.cstpro-live-mail-search { grid-template-columns:1fr 94px; }.cstpro-live-classic-row { grid-template-columns:8px minmax(100px,.8fr) minmax(130px,1.2fr) 76px; }.cstpro-live-classic-row small { display:none; }.cstpro-pilot-mail-client { grid-template-columns:180px minmax(0,1fr); height:auto; }.cstpro-pilot-mail-reading { border-top:1px solid var(--pilot-line); grid-column:1 / -1; max-height:none; }.cstpro-pilot-mail-filters { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:800px) { .cstpro-live-mail-client { display:block; }.cstpro-live-mail-sidebar { border-right:0; max-height:220px; }.cstpro-live-mail-search { grid-template-columns:1fr; }.cstpro-live-classic-row { grid-template-columns:8px minmax(0,1fr) 74px; }.cstpro-live-classic-row strong { grid-column:2 / 3; }.cstpro-live-classic-row span { grid-column:2 / 3; }.cstpro-live-classic-row time { grid-column:3 / 4; grid-row:1 / 3; }.cstpro-pilot-live-mail__layout { display:block; }.cstpro-pilot-live-mail__list { border-right:0; max-height:260px; }.cstpro-pilot-live-mail>header { align-items:flex-start; flex-direction:column; gap:8px; }.cstpro-pilot-mail-client { display:block; min-height:0; }.cstpro-pilot-mail-folders { display:none; }.cstpro-pilot-mail-list { border-right:0; }.cstpro-pilot-mail-reading { border-top:1px solid var(--pilot-line); }.cstpro-pilot-mail-row { grid-template-columns:22px minmax(0,1fr) 58px; }.cstpro-pilot-mail-filters { grid-template-columns:1fr !important; } }
@media (max-width:1100px) { .cstpro-front-app { grid-template-columns:var(--pilot-sidebar-width) minmax(0,1fr); }.cstpro-front-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.cstpro-front-list__head,.cstpro-front-list__row { grid-template-columns:minmax(160px,1.4fr) 100px 105px minmax(110px,.8fr) 50px; }.cstpro-front-todo-board__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:800px) { :root { --pilot-sidebar-width:260px; --pilot-sidebar-font-size:.84rem; --pilot-sidebar-submenu-font-size:.8rem; }.cstpro-front-app { display:block; overflow-x:hidden; }.cstpro-front-sidebar { box-shadow:4px 0 18px rgba(15,23,42,.28); height:100dvh; left:0; max-width:260px; padding:14px 10px; position:fixed; top:0; transform:translateX(-105%); transition:transform .18s ease; width:min(260px,86vw); z-index:30; }.cstpro-front-app.is-menu-open .cstpro-front-sidebar { transform:translateX(0); }.cstpro-front-menu-overlay { background:rgba(15,23,42,.46); border:0; cursor:pointer; display:none; inset:0; padding:0; position:fixed; z-index:20; }.cstpro-front-app.is-menu-open .cstpro-front-menu-overlay { display:block; }.cstpro-front-menu-close { align-items:center; background:#243451; border:1px solid #3a4b6c; border-radius:7px; color:#fff; cursor:pointer; display:inline-flex; font-size:18px; height:32px; justify-content:center; margin-left:auto; width:32px; }.cstpro-front-brand { font-size:16px; padding:0 4px; }.cstpro-front-menu-toggle { display:inline-flex; min-height:40px; }.cstpro-front-topbar { gap:10px; padding:10px 16px; }.cstpro-front-search { display:none; }.cstpro-front-user { display:none; }.cstpro-front-main { padding:25px 16px 45px; }.cstpro-front-page-header { flex-direction:column; margin-bottom:20px; }.cstpro-front-page-header h1 { font-size:27px; }.cstpro-front-overview-grid,.cstpro-front-two-columns,.cstpro-front-related-grid,.cstpro-front-todo-board__grid { grid-template-columns:1fr; }.cstpro-front-command { align-items:flex-start; flex-direction:column; gap:16px; }.cstpro-front-list { overflow-x:auto; }.cstpro-front-list__head,.cstpro-front-list__row { min-width:700px; }.cstpro-front-form { grid-template-columns:1fr; padding:18px; }.cstpro-front-form__wide { grid-column:auto; }.cstpro-front-topbar__actions a:not(.cstpro-front-button--primary) { display:none; } }