*{box-sizing:border-box}body{margin:0;background:#09090a;color:#f5f5f5;font-family:Inter,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:#999}.eyebrow{font-size:11px;letter-spacing:.18em;color:#c7ae69;font-weight:700}.logo{width:64px;height:64px;border:1px solid #c7ae69;border-radius:16px;display:grid;place-items:center;color:#d8c17b;font-weight:800;letter-spacing:.12em;margin:auto}.logo.small{width:40px;height:40px;border-radius:10px;margin:0;font-size:11px}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#211b12,#09090a 55%)}.login-card{width:min(410px,100%);padding:40px;background:#111112;border:1px solid #2b2b2d;border-radius:22px}.login h1{font-size:36px;margin:10px 0 0}.login form{display:grid;gap:12px;margin-top:28px}.login input,.form input,.form select,.form textarea,.search{width:100%;padding:12px;border:1px solid #363639;border-radius:10px;background:#0d0d0e;color:#fff;outline:0}.login input:focus,.form input:focus,.form select:focus,.form textarea:focus,.search:focus{border-color:#c7ae69}.login button[type=submit],.primary{padding:12px;border:0;border-radius:10px;background:#c7ae69;color:#111;font-weight:750}.text-btn{display:block;margin:12px auto 0;background:transparent;border:0;color:#d8c17b;text-decoration:underline;padding:5px}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#0d0d0e;border-right:1px solid #262628;padding:20px 14px;display:flex;flex-direction:column;z-index:10;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.logout{margin-top:18px;flex-shrink:0}.brand{display:flex;gap:11px;align-items:center;padding:5px 8px 25px}.brand small{display:block;color:#888;margin-top:2px}.profile-card{margin:0 2px 18px;padding:13px 12px;border:1px solid #2a2a2c;border-radius:12px;background:#111112}.profile-eyebrow{font-size:9px;letter-spacing:.18em;color:#c7ae69;font-weight:800;margin-bottom:6px}.profile-email{font-size:12px;color:#eee;line-height:1.35;overflow-wrap:anywhere}.profile-role-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.profile-role-label{font-size:9px;letter-spacing:.12em;color:#777;font-weight:800}.role-badge{font-size:9px;letter-spacing:.12em;font-weight:800;padding:4px 7px;border-radius:99px;background:#1b1915;color:#d8c17b}.role-badge.owner{background:#292315;color:#e2c86d}.role-badge.marketing{background:#191d20;color:#d8d8d8}.nav{background:transparent;color:#aaa;border:0;text-align:left;padding:13px 14px;border-radius:10px;margin:2px 0}.nav.active,.nav:hover{background:#1b1915;color:#f3e7c4}.logout{margin-top:auto;background:transparent;color:#999;border:1px solid #333;border-radius:10px;padding:11px}main{margin-left:245px;min-height:100vh}header{height:86px;border-bottom:1px solid #262628;padding:18px 32px;display:flex;align-items:center;justify-content:space-between}header h2{margin:3px 0;font-size:26px}.menu{display:none;background:#181819;border:1px solid #333;color:#fff;border-radius:9px;padding:8px 11px}.page{max-width:1450px;margin:auto;padding:28px 32px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{background:#111112;border:1px solid #2a2a2c;border-radius:16px;padding:20px}.metric{font-size:30px;font-weight:800;margin-top:8px}.gold{color:#d8c17b}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.section-head h3{margin:0}.table-wrap{overflow:auto;border:1px solid #2a2a2c;border-radius:16px}.table{width:100%;border-collapse:collapse;min-width:700px}.table th,.table td{padding:14px 16px;border-bottom:1px solid #252527;text-align:left}.table th{font-size:11px;color:#888;letter-spacing:.1em;text-transform:uppercase}.table tr:last-child td{border-bottom:0}.pill{display:inline-block;padding:5px 9px;border-radius:99px;background:#1c1c1e;color:#ccc;font-size:12px}.hot{background:#342017;color:#ffb58f}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.search{max-width:380px}.secondary{padding:10px 14px;border:1px solid #38383b;background:#19191b;color:#eee;border-radius:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{display:grid;gap:7px}.fullcol{grid-column:1/-1}.modal-bg{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:#111112;border:1px solid #333;border-radius:18px;padding:24px}.modal h3{margin-top:0}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.timeline{display:grid;gap:10px}.event{border-left:2px solid #c7ae69;background:#151516;padding:10px 13px;border-radius:0 10px 10px 0}.empty{text-align:center;padding:32px;color:#777}.link{color:#d8c17b;text-decoration:none}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translateX(-105%);transition:.2s;max-height:100dvh;overflow-y:auto}.sidebar.open{transform:none}.menu{display:block}main{margin-left:0}.page{padding:20px 16px}header{padding:16px 18px}.form-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.login-card{padding:28px}}

.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.full-action{width:100%;margin-top:10px}.event-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.event-top small{color:#777}.form textarea{resize:vertical}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.dashboard-kpis>div{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.02)}.dashboard-kpis span{display:block;font-size:12px}.dashboard-kpis b{display:block;font-size:22px;margin-top:6px}.stage-list{display:grid;gap:8px}.stage-row{display:flex;justify-content:space-between;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.025)}.stage-row b{font-size:15px}.sales-summary{overflow:hidden}.sales-head,.sales-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.sales-head{font-size:12px;text-transform:uppercase;letter-spacing:.14em;opacity:.6}.sales-row{position:relative}.sales-row strong{font-size:15px}.sales-bar{grid-column:1/-1;height:5px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.sales-bar i{display:block;height:100%;background:currentColor;border-radius:99px}.sales-total{display:flex;justify-content:space-between;padding-top:16px;font-size:15px}.sales-total b{font-size:18px}@media(max-width:760px){.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.sales-head,.sales-row{grid-template-columns:1fr 1fr 1fr;font-size:13px}}

/* Mobile-first CRM refinements */
html,body{overflow-x:hidden}
input,select,textarea,button{max-width:100%}

@media(max-width:760px){
  .page{padding:16px 12px;max-width:100%;overflow-x:hidden}
  header{height:72px;padding:12px 14px;position:sticky;top:0;background:#09090a;z-index:8}
  header h2{font-size:24px}
  .cards{grid-template-columns:1fr 1fr;gap:10px}
  .card{padding:15px;border-radius:14px;min-width:0}
  .metric{font-size:26px;overflow-wrap:anywhere}
  .section-head{align-items:flex-start;flex-wrap:wrap}
  .section-head>div{min-width:0;flex:1}
  .section-head .primary,.section-head .secondary{width:100%;}
  .toolbar{display:grid;grid-template-columns:1fr;gap:10px}
  .toolbar .search{max-width:none}
  .toolbar .primary{width:100%}
  .search{max-width:none}
  .grid2{grid-template-columns:1fr;gap:12px;margin-top:14px}
  .dashboard-kpis{grid-template-columns:1fr 1fr;gap:8px}
  .dashboard-kpis>div{min-width:0;padding:11px}
  .dashboard-kpis b{font-size:20px}

  /* Convert wide desktop tables into easy-to-read mobile cards. */
  .table-wrap{overflow:visible;border:0;border-radius:0}
  .table{display:block;width:100%;min-width:0;border-collapse:separate}
  .table tr{display:block}
  .table tr:first-child{display:none}
  .table tr:not(:first-child){margin:0 0 12px;padding:12px 13px;background:#111112;border:1px solid #2a2a2c;border-radius:14px}
  .table td{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);text-align:left;min-width:0;overflow-wrap:anywhere;word-break:break-word}
  .table td:last-child{border-bottom:0}
  .table td::before{content:attr(data-label);color:#888;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding-top:2px}
  .table td b,.table td .pill,.table td select,.table td button{min-width:0}
  .table td select{width:100%;font-size:15px}
  .table td .quick-actions{margin-top:0}
  .quick-actions{grid-template-columns:1fr 1fr;gap:8px}
  .quick-actions .secondary,.quick-actions .primary{width:100%;padding:10px 8px}

  .modal-bg{padding:8px;align-items:end}
  .modal{width:100%;max-width:none;max-height:92vh;padding:17px 14px;border-radius:18px 18px 12px 12px;overflow:auto}
  .modal .section-head{position:sticky;top:-17px;padding:8px 0 12px;background:#111112;z-index:2}
  .form-grid{grid-template-columns:1fr;gap:12px}
  .form label{min-width:0}
  .form input,.form select,.form textarea,.login input{padding:13px 12px;font-size:16px;min-height:48px}
  .form textarea{min-height:100px}
  .actions{display:grid;grid-template-columns:1fr;gap:9px}
  .actions button{width:100%;min-height:48px}
  .modal h3{font-size:22px}
  .event-top{align-items:flex-start}
  .sales-head,.sales-row{grid-template-columns:1fr 1fr;gap:7px}
  .sales-head span:nth-child(3),.sales-row strong{grid-column:2}
  .sales-bar{grid-column:1/-1}
}

@media(max-width:430px){
  .cards{grid-template-columns:1fr 1fr}
  .card{padding:13px}
  .metric{font-size:24px}
  .eyebrow{font-size:10px}
  .table td{grid-template-columns:82px minmax(0,1fr);font-size:14px}
  .login{padding:12px}
  .login-card{padding:22px 17px}
}

/* V25: ensure mobile record cards always occupy the full available width */
@media(max-width:760px){
  .table-wrap{width:100%;max-width:100%;}
  .table{width:100%!important;max-width:100%;}
  .table tr:not(:first-child){width:100%!important;max-width:100%;}
  .table td{width:100%;}
}

/* V26: iPhone Safari full-width table-card fix (including implicit tbody) */
@media(max-width:760px){
  .table-wrap,.table-wrap>.table,.table-wrap>.table>tbody{display:block;width:100%!important;max-width:100%!important;min-width:0!important;}
  .table-wrap>.table>tbody>tr{display:block;width:100%!important;max-width:100%!important;}
  .table-wrap>.table>tbody>tr:first-child{display:none!important;}
  .table-wrap>.table>tbody>tr:not(:first-child){box-sizing:border-box;width:100%!important;max-width:100%!important;margin-left:0;margin-right:0;}
  .table-wrap>.table>tbody>tr>td{box-sizing:border-box;}
  #table,.table-wrap{margin-left:0;margin-right:0;}
}


/* Inline validation feedback */
.form label{position:relative}
.form input.field-invalid,.form select.field-invalid,.form textarea.field-invalid{border-color:#ef4444!important;box-shadow:0 0 0 1px rgba(239,68,68,.22)}
.field-error{color:#ff6b6b;font-size:13px;line-height:1.35;font-weight:600;margin-top:-1px}
.field-invalid:focus{border-color:#ef4444!important;box-shadow:0 0 0 2px rgba(239,68,68,.16)!important}
/* V28: make inline validation unmistakable on mobile */
.form label:has(input.field-invalid),
.form label:has(select.field-invalid),
.form label:has(textarea.field-invalid){color:#ff6b6b!important;}
.form input.field-invalid,
.form select.field-invalid,
.form textarea.field-invalid{background:rgba(239,68,68,.06)!important;}
.payment-balance{font-weight:700;color:#d8bd70}.payment-preview{display:flex;justify-content:space-between;align-items:center;margin:6px 0 12px;padding:14px 16px;border:1px solid #343437;border-radius:12px;background:#171719}.payment-preview span{color:#999;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.payment-preview b{font-size:22px;color:#d8bd70}
@media(max-width:760px){.payment-page .section-head{align-items:stretch}.payment-page .section-head .primary{width:100%}.payment-page .cards{grid-template-columns:1fr 1fr}.payment-page .table td .quick-actions{grid-template-columns:1fr 1fr}.payment-page .table td .quick-actions .primary{grid-column:1/-1}.payment-preview{position:sticky;bottom:0;z-index:2}.payment-page .pill{display:inline-block}}

/* V31: lock mobile modal/form to viewport — no horizontal dragging */
html,body{max-width:100%;overflow-x:hidden}
.modal-bg{width:100vw;max-width:100vw;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.modal{min-width:0;max-width:calc(100vw - 16px);overflow-x:hidden;overscroll-behavior:contain}
.modal *{max-width:100%}
.modal .form,.modal .form-grid,.modal label,.modal .payment-preview,.modal .actions{min-width:0;width:100%;max-width:100%}
.modal input,.modal select,.modal textarea,.modal button{min-width:0;max-width:100%}
@media(max-width:760px){
  .modal-bg{padding:8px;}
  .modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding-left:14px;padding-right:14px;}
  .modal .section-head{min-width:0;}
  .modal .section-head>div{min-width:0;overflow:hidden;}
  .modal .section-head h3,.modal .section-head p{overflow-wrap:anywhere;}
  .payment-preview{position:static;}
}

.approval-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}
.approval-row:first-child{border-top:0}
@media(max-width:720px){.approval-row{flex-direction:column;align-items:stretch}.approval-row .quick-actions{width:100%}.approval-row .quick-actions button{flex:1}}

/* V44: dedicated sales pipeline */
.pipeline-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;margin:16px 0}.pipeline-toolbar select{width:100%}.pipeline-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.pipeline-summary>div{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.02)}.pipeline-summary span{display:block;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.pipeline-summary b{display:block;font-size:21px;margin-top:6px}.pipeline-board{display:grid;grid-template-columns:repeat(11,minmax(230px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px}.pipeline-column{min-width:230px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.018);padding:10px}.pipeline-column-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.pipeline-column-head .eyebrow{margin:0}.pipeline-items{display:grid;gap:9px;padding-top:9px}.pipeline-lead{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#111112}.pipeline-lead-top{display:flex;justify-content:space-between;gap:7px;align-items:flex-start}.pipeline-lead-top .link{font-weight:700;font-size:15px;overflow-wrap:anywhere}.pipeline-lead .muted{font-size:12px;margin-top:5px;overflow-wrap:anywhere}.pipeline-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px;font-size:12px}.pipeline-follow{margin-top:9px;padding:8px;border-radius:9px;background:rgba(255,255,255,.035);font-size:11px;line-height:1.35}.pipeline-stage{width:100%;margin-top:9px;padding:9px 10px;font-size:12px}.pipeline-empty{padding:18px 5px;color:#666;text-align:center;font-size:12px}.pipeline-board::-webkit-scrollbar{height:7px}.pipeline-board::-webkit-scrollbar-thumb{background:#343437;border-radius:99px}
@media(max-width:760px){.pipeline-toolbar{grid-template-columns:1fr}.pipeline-summary{grid-template-columns:1fr 1fr}.pipeline-board{display:grid;grid-template-columns:1fr;overflow-x:visible}.pipeline-column{min-width:0}.pipeline-items{grid-template-columns:1fr}.pipeline-column-head{padding-bottom:9px}.pipeline-lead{padding:13px}.pipeline-stage{font-size:14px;min-height:44px}}

/* V45: Sales performance dashboard */
.dashboard-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:18px;padding:16px 18px;border:1px solid #2a2a2c;border-radius:16px;background:#111112}.dashboard-toolbar h3{margin:3px 0 0}.dashboard-range{min-width:170px;padding:12px;border:1px solid #363639;border-radius:10px;background:#0d0d0e;color:#fff}
.marketing-filter-row{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:10px;min-width:360px}
@media(max-width:760px){.marketing-filter-row{grid-template-columns:1fr;min-width:0}}@media(max-width:760px){.dashboard-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch}.dashboard-range{width:100%}}

/* V46: Marketing performance */
.marketing-table th,.marketing-table td{white-space:nowrap}.marketing-table td:first-child{white-space:normal;min-width:210px}.metric-card{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.018)}.metric-card span{display:block;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.metric-card b{display:block;font-size:25px;margin-top:7px}.metric-card.gold b{color:#d8bd70}@media(max-width:760px){.marketing-table{min-width:900px}.marketing-table td:first-child{min-width:180px}.marketing-table th,.marketing-table td{font-size:12px}.metric-card b{font-size:22px}}

/* V47: Marketing performance per-person breakdown */
.marketing-breakdown{display:grid;gap:12px;margin-bottom:18px}.breakdown-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:2px 2px 4px}.breakdown-heading h4{margin:5px 0 0;font-size:20px}.marketing-person-card{border:1px solid #2a2a2c;border-radius:16px;background:#0f0f10;padding:18px}.marketing-person-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px}.marketing-person-head h4{margin:5px 0 0;font-size:18px;overflow-wrap:anywhere}.performance-badge{border:1px solid rgba(216,189,112,.35);background:rgba(216,189,112,.08);color:#d8bd70;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;white-space:nowrap}.performance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.performance-grid>div{border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px;background:rgba(255,255,255,.015);min-width:0}.performance-grid span{display:block;color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.performance-grid b{display:block;font-size:20px;margin-top:5px;overflow-wrap:anywhere}.performance-grid small{display:block;color:#777;margin-top:3px}.performance-grid .overdue-number{color:#e39a7b}@media(max-width:760px){.breakdown-heading{align-items:flex-start;flex-direction:column;gap:4px}.marketing-person-card{padding:14px}.marketing-person-head{flex-direction:column}.performance-badge{align-self:flex-start}.performance-grid{grid-template-columns:1fr 1fr}.performance-grid>div{padding:10px}.performance-grid b{font-size:18px}}

/* V48 marketing accountability */
.accountability-intro{margin-bottom:18px}.accountability-intro h4{font-size:24px;margin:5px 0 6px}.attention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.attention-section{border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:16px;background:rgba(255,255,255,.018)}.attention-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.attention-section-head h4{margin:0;font-size:18px}.attention-section-head>span{min-width:30px;text-align:center;padding:5px 9px;border-radius:999px;background:rgba(216,189,107,.12);color:#d8bd6b;font-weight:700}.attention-item{width:100%;display:flex;justify-content:space-between;gap:14px;align-items:center;text-align:left;padding:12px 10px;border:0;border-top:1px solid rgba(255,255,255,.06);background:transparent;color:inherit;cursor:pointer}.attention-item:first-of-type{border-top:0}.attention-item:hover{background:rgba(255,255,255,.025)}.attention-item>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.attention-item b{font-size:15px}.attention-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.attention-right small{color:#999}.attention-tag{font-size:11px;font-weight:800;letter-spacing:.08em;color:#d8bd6b}.attention-reason{max-width:55%;color:#c9c9c9;font-size:13px;line-height:1.4;text-align:right}@media(max-width:700px){.attention-grid{grid-template-columns:1fr}.attention-item{padding:13px 4px}.attention-item b{font-size:14px}.attention-reason{max-width:50%}}

.actions-inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.timeline-list{display:grid;gap:12px;margin-top:8px}
.timeline-item{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;background:rgba(255,255,255,.02);display:grid;gap:9px}
.timeline-item-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}

.attention-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 18px}.attention-kpi{border:1px solid var(--border,#2b2b2b);border-radius:18px;padding:16px;background:rgba(255,255,255,.02)}.attention-kpi span{display:block;font-size:11px;letter-spacing:2px;font-weight:700;opacity:.65;margin-bottom:8px}.attention-kpi b{font-size:28px}.attention-kpi.danger b{color:#d9bf6b}.attention-kpi.success b{color:#f2f2f2}@media(max-width:700px){.attention-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V55: Marketing performance drill-down */
.metric-card{font:inherit;text-align:left;color:inherit;width:100%}
.metric-drillable{cursor:pointer;transition:transform .15s ease,border-color .15s ease}
.metric-drillable:hover{transform:translateY(-1px);border-color:rgba(216,189,112,.5)}
.metric-drillable small{display:block;margin-top:7px;color:#777;font-size:11px}
.marketing-drill-modal{max-width:760px}
.drill-count{color:#888;font-size:13px;margin-bottom:8px}
.drill-list{display:flex;flex-direction:column;gap:8px}
.drill-row{width:100%;display:flex;justify-content:space-between;gap:14px;align-items:center;text-align:left;padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);color:inherit;font:inherit}
.drill-row:hover{border-color:rgba(216,189,112,.45)}
.drill-row>div:first-child{min-width:0}.drill-row b{display:block}.drill-row .muted{display:block;margin-top:5px;overflow-wrap:anywhere}.drill-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;white-space:nowrap}.drill-right small{color:#888}
@media(max-width:760px){.marketing-drill-modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}.drill-row{align-items:flex-start}.drill-right{white-space:normal;text-align:right}}

/* V62: drill-down records with lead links */
.drill-row-clickable{cursor:pointer}.drill-row-clickable:hover{border-color:rgba(216,189,112,.45)}.drill-open-hint{color:#d8bd70 !important}

.attention-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;justify-content:flex-end}.attention-actions button{font:inherit;font-size:13px;padding:8px 11px;border-radius:10px}.attention-lead{cursor:default}.attention-open{cursor:pointer}.attention-update{cursor:pointer}

/* V67: mobile-friendly Owner follow-up cards */
.attention-followup{align-items:stretch;gap:16px}
.attention-followup .attention-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;justify-content:center}
.attention-follow-title{color:#c9c9c9;font-size:13px;overflow-wrap:anywhere}
.attention-follow-right{min-width:260px;max-width:52%;align-items:flex-end}
.attention-detail{display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:#aaa;font-size:13px;line-height:1.35;text-align:right}
.attention-assigned{display:flex;flex-direction:column;gap:2px;max-width:100%;overflow-wrap:anywhere}
.attention-assigned b{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#888}
.attention-assigned span{color:#d8bd70;overflow-wrap:anywhere}
@media(max-width:700px){
  .attention-followup{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:15px 4px}
  .attention-follow-right{min-width:0;max-width:none;width:100%;align-items:stretch}
  .attention-detail{align-items:flex-start;text-align:left}
  .attention-assigned{max-width:100%}
  .attention-actions{justify-content:stretch;width:100%}
  .attention-actions button{flex:1;min-height:44px}
}
.search-result{display:flex;width:100%;text-align:left;gap:8px;flex-direction:column;padding:14px;border:1px solid rgba(255,255,255,.1);background:#151517;color:inherit;border-radius:12px;margin:7px 0}.search-result span,.search-result small{color:#999}.search-result:hover{border-color:#d8bd6b}.metric{font-size:28px;font-weight:700;margin-top:8px}.metric.gold{color:#d8bd6b}.metric.success{color:#d8bd6b}.modal .search{width:100%}@media(max-width:700px){.search-result{padding:13px}.metric{font-size:24px}}
.lead-name-button{background:transparent;border:0;padding:0;margin:0;color:#d8c17b;text-align:left;font-weight:inherit;cursor:pointer;display:inline;font-size:inherit;line-height:inherit}.lead-name-button:hover{text-decoration:underline}.lead-name-button:focus-visible{outline:2px solid #c7ae69;outline-offset:3px;border-radius:4px}
/* V107: always-visible signed-in identity + mobile-safe lead taps */
.header-title{min-width:0}.header-profile{display:flex;align-items:center;gap:9px;margin-top:5px;flex-wrap:wrap}.header-profile-email{font-size:11px;color:#aaa;overflow-wrap:anywhere}.header-profile .role-badge{font-size:9px}.header-actions{display:flex;align-items:center;gap:8px}.lead-name-button{position:relative;z-index:2;-webkit-tap-highlight-color:rgba(216,193,123,.18);touch-action:manipulation}@media(max-width:760px){header{height:auto;min-height:96px;align-items:flex-start}.header-profile{max-width:72vw}.header-profile-email{font-size:10px}.header-actions{padding-top:2px}.header-profile .role-badge{font-size:8px}}


/* V112: Full WhatsApp Inbox */
.whatsapp-inbox{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px;min-height:650px}.wa-conversations,.wa-thread{background:#111112;border:1px solid #2a2a2c;border-radius:18px;min-width:0}.wa-conversations{overflow:hidden;display:flex;flex-direction:column}.wa-panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #252527}.wa-conversations>.search{margin:12px;width:calc(100% - 24px);max-width:none}.wa-conversation{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;width:100%;padding:13px 12px;border:0;border-top:1px solid rgba(255,255,255,.06);background:transparent;color:inherit;text-align:left;cursor:pointer}.wa-conversation:hover,.wa-conversation.active{background:#19191b}.wa-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#25211a;color:#d8c17b;font-weight:800}.wa-conversation-main{display:flex;flex-direction:column;gap:3px;min-width:0}.wa-conversation-main b,.wa-conversation-main small,.wa-conversation-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-conversation-main small,.wa-conversation-main span{color:#888;font-size:11px}.wa-conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;color:#777}.wa-conversation-meta small{font-size:10px}.wa-unread{min-width:20px;height:20px;padding:2px 6px;border-radius:99px;background:#d8c17b;color:#111;text-align:center;font-size:11px}.wa-thread{display:flex;flex-direction:column;overflow:hidden}.wa-thread-head{padding:16px;border-bottom:1px solid #252527;display:flex;justify-content:space-between;gap:14px;align-items:center}.wa-thread-head h3{margin:4px 0}.wa-thread-body{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:9px;background:radial-gradient(circle at top right,rgba(216,193,123,.035),transparent 35%)}.wa-bubble-row{display:flex}.wa-bubble-row.in{justify-content:flex-start}.wa-bubble-row.out{justify-content:flex-end}.wa-bubble{max-width:min(72%,620px);padding:10px 13px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:#181819;line-height:1.45;overflow-wrap:anywhere}.wa-bubble.out{background:#29251b;border-color:rgba(216,193,123,.18)}.wa-bubble-meta{display:flex;gap:5px;justify-content:flex-end;margin-top:5px;color:#777;font-size:10px}.wa-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border-top:1px solid #252527}.wa-compose textarea{min-height:48px;max-height:150px;resize:vertical}.wa-window-note{padding:0 12px 12px;color:#777;font-size:10px;line-height:1.4}.whatsapp-stats{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.actions-inline{display:flex;gap:8px;flex-wrap:wrap}.wa-panel-head .pill{white-space:nowrap}
@media(max-width:900px){.whatsapp-inbox{grid-template-columns:1fr;min-height:0}.wa-conversations{max-height:420px}.wa-thread{min-height:620px}.whatsapp-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.whatsapp-stats{grid-template-columns:1fr 1fr}.wa-thread-head{align-items:flex-start;flex-direction:column}.wa-thread-head .actions-inline,.wa-thread-head .actions-inline button{width:100%}.wa-bubble{max-width:88%}.wa-compose{grid-template-columns:1fr}.wa-compose button{width:100%;min-height:46px}.wa-conversations{max-height:360px}.wa-thread{min-height:560px}.whatsapp-page .section-head .secondary{width:100%}}

/* WhatsApp Inbox */
.whatsapp-page .section-head{align-items:center}
.whatsapp-stats{margin-bottom:14px}
.whatsapp-inbox{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:14px;min-height:620px}
.wa-conversations,.wa-thread{min-height:620px;overflow:hidden}
.wa-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.wa-conversations>.search{margin:12px;width:calc(100% - 24px)}
.wa-conversation{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:inherit;padding:13px 14px;cursor:pointer}
.wa-conversation:hover,.wa-conversation.active{background:rgba(255,255,255,.055)}
.wa-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(46,196,182,.16);font-weight:800}
.wa-conversation-main{min-width:0;display:flex;flex-direction:column;gap:3px}
.wa-conversation-main>b,.wa-conversation-main>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wa-conversation-main small{color:var(--muted,#a0a0a0);font-size:11px}
.wa-conversation-main>span{font-size:12px;color:var(--muted,#a0a0a0)}
.wa-conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.wa-unread{min-width:20px;padding:2px 7px;border-radius:999px;background:#d9a441;color:#111;font-size:11px;text-align:center}
.wa-thread{display:flex;flex-direction:column}
.wa-thread-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.wa-thread-head h3{margin:4px 0 3px}
.wa-thread-body{flex:1;overflow:auto;padding:18px;min-height:420px;max-height:520px;background:rgba(0,0,0,.08)}
.wa-bubble-row{display:flex;margin:7px 0}
.wa-bubble-row.in{justify-content:flex-start}.wa-bubble-row.out{justify-content:flex-end}
.wa-bubble{max-width:min(75%,620px);padding:10px 13px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.07)}
.wa-bubble.out{background:rgba(33,150,243,.14)}
.wa-bubble-meta{display:flex;gap:7px;justify-content:flex-end;margin-top:5px;font-size:10px;color:var(--muted,#a0a0a0)}
.wa-compose{display:flex;gap:10px;padding:12px;border-top:1px solid rgba(255,255,255,.08)}
.wa-compose textarea{flex:1;resize:vertical;min-height:52px}
.wa-window-note{padding:0 14px 12px;color:var(--muted,#a0a0a0);font-size:11px}
.actions-inline{display:flex;gap:8px;align-items:center}
@media(max-width:850px){
  .whatsapp-inbox{grid-template-columns:1fr;min-height:0}
  .wa-conversations,.wa-thread{min-height:0}
  .wa-thread-body{max-height:none;min-height:420px}
  .wa-bubble{max-width:88%}
}

/* V112.1 mobile WhatsApp stability fixes */
html,body,#app,main{max-width:100%;overflow-x:hidden}
.whatsapp-page,.whatsapp-inbox,.wa-thread,.wa-conversations{min-width:0;max-width:100%;box-sizing:border-box}
.wa-thread-body,.wa-compose,.wa-window-note{box-sizing:border-box;max-width:100%}
.wa-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}
.wa-compose textarea{display:block;width:100%;min-width:0;box-sizing:border-box}
.wa-compose button{width:auto;min-width:92px;white-space:nowrap;box-sizing:border-box}
@media(max-width:600px){
  .whatsapp-inbox{width:100%;overflow:hidden}
  .wa-thread{width:100%;overflow:hidden}
  .wa-thread-body{width:100%;overflow-x:hidden}
  .wa-compose{grid-template-columns:minmax(0,1fr) auto;width:100%;padding:10px;gap:8px}
  .wa-compose textarea{min-height:48px;max-height:120px;font-size:16px}
  .wa-compose button{width:auto;min-width:76px;min-height:48px;padding-left:16px;padding-right:16px}
  .wa-window-note{padding-left:10px;padding-right:10px}
}

/* V112.9 — plain mobile WhatsApp chat viewport */
@media (max-width:600px){
  .whatsapp-page.wa-chat-open .section-head,
  .whatsapp-page.wa-chat-open .whatsapp-stats,
  .whatsapp-page.wa-chat-open .wa-conversations{display:none!important}
  .whatsapp-page.wa-chat-open .whatsapp-inbox{display:block;width:100%;height:calc(100dvh - 112px);min-height:0;margin:0;padding:0;overflow:hidden}
  .whatsapp-page.wa-chat-open .wa-thread{display:flex;width:100%;height:100%;min-height:0;max-height:none;border:0;border-radius:0;background:transparent;overflow:hidden}
  .whatsapp-page.wa-chat-open .wa-thread-head{flex:0 0 auto;padding:12px 10px;min-height:58px}
  .whatsapp-page.wa-chat-open .wa-thread-body{flex:1 1 auto;min-height:0;height:auto;max-height:none;overflow-y:auto;overflow-x:hidden;padding:12px 10px 10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .whatsapp-page.wa-chat-open .wa-compose{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:inherit}
  .whatsapp-page.wa-chat-open .wa-compose textarea{min-height:44px;max-height:110px;width:100%;font-size:16px;resize:none}
  .whatsapp-page.wa-chat-open .wa-compose button{min-width:72px;width:auto;min-height:44px}
  .whatsapp-page.wa-chat-open .wa-window-note{flex:0 0 auto;padding:0 10px 6px;font-size:9px}
  .whatsapp-page.wa-chat-open .wa-thread-head .actions-inline{width:auto}
  .whatsapp-page.wa-chat-open .wa-thread-head .actions-inline button{width:auto}
}


/* V155.25 Automation Control Center — owner-only, read-only Phase 2 */
.automation-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.automation-tabs .active{box-shadow:inset 0 0 0 1px currentColor}.automation-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.automation-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}.automation-row:last-child{border-bottom:0}.automation-row span{color:var(--muted);text-align:right}@media(max-width:900px){.automation-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.automation-stats{grid-template-columns:1fr}.automation-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.automation-tabs button{white-space:nowrap}.automation-row{align-items:flex-start;flex-direction:column}.automation-row span{text-align:left}}
/* V155.26 Automation Control Center — Integrations visibility */
.automation-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.automation-safety-badge,.integration-status{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.integration-card{min-height:180px}.integration-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.integration-card-head h3{margin-top:0}.integration-status.ok{border-color:rgba(92,211,139,.45)}.integration-status.observe{border-color:rgba(224,190,83,.45)}.integration-status.off{opacity:.65}.integration-footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);font-size:12px}.integration-footer span{color:var(--muted)}.automation-note{margin-top:12px}@media(max-width:720px){.integration-grid{grid-template-columns:1fr}.automation-section-head{flex-direction:column}}
/* V155.28 Automation Control Center — execution history */
.execution-list{display:grid;gap:12px}.execution-card{padding:0;overflow:hidden}.execution-card summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;justify-content:space-between;gap:16px;align-items:center}.execution-card summary::-webkit-details-marker{display:none}.execution-card summary>div:first-child{display:flex;flex-direction:column;gap:5px;min-width:0}.execution-summary-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.execution-summary-right small,.execution-step small{color:#888}.execution-meta{display:flex;gap:10px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.execution-meta span{font-size:11px;color:#888;padding:6px 8px;border:1px solid rgba(255,255,255,.07);border-radius:8px}.execution-meta b{color:#ddd}.execution-steps{padding:8px 20px 18px}.execution-step{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.execution-step:last-child{border-bottom:0}.execution-step>div:first-child{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:8px;align-items:center;min-width:0}.execution-step>div:first-child small{grid-column:2}.step-order{width:24px;height:24px;border:1px solid rgba(216,193,123,.3);border-radius:50%;display:grid;place-items:center;color:#d8c17b;font-size:10px}.execution-step-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:48%;text-align:right}.execution-error{color:#d8a19a!important;overflow-wrap:anywhere}@media(max-width:650px){.execution-card summary,.execution-step{align-items:flex-start;flex-direction:column}.execution-summary-right,.execution-step-right{align-items:flex-start;text-align:left;max-width:100%}.execution-meta{padding:10px 14px}.execution-steps{padding:6px 14px 14px}}

/* V155.34 Phase 3.1 safe integration switches */
.integration-control-footer{align-items:center}.automation-toggle{min-width:118px;padding:7px 10px;font-size:11px;font-weight:800;letter-spacing:.03em}.automation-toggle.is-on:not(:disabled){box-shadow:inset 0 0 0 1px rgba(92,211,139,.45)}.automation-toggle:disabled{cursor:not-allowed;opacity:.72}
/* V155.36 — owner-only read-only integration connection diagnostics */
.connection-test-row{align-items:center;gap:12px}.connection-test-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.connection-test-btn{min-width:126px}.connection-test-btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:760px){.connection-test-row{align-items:flex-start}.connection-test-actions{width:100%;justify-content:space-between}.connection-test-btn{min-width:0}}

/* V155.38 Phase 3.5 live automation health */
.health-row{align-items:center}.health-value,.health-inline{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.health-value small,.health-inline small{color:var(--muted);font-size:10px}.health-summary-grid .automation-row{align-items:center}.health-summary-grid .automation-row>span{display:flex;align-items:center;justify-content:flex-end;gap:8px}.health-summary-grid .integration-status{color:inherit}
@media(max-width:560px){.health-value,.health-inline,.health-summary-grid .automation-row>span{justify-content:flex-start}}

/* V155.77 Phase 8 AI Lead Intelligence */
.ai-insights-panel{overflow:hidden}.ai-insight-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.ai-insight-kpis>div{padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02)}.ai-insight-kpis span{display:block;color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.ai-insight-kpis b{display:block;font-size:22px;margin-top:5px}.ai-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-insight-card{border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:14px;background:rgba(255,255,255,.018);min-width:0}.ai-insight-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.ai-insight-head b{font-size:16px}.ai-insight-head small{display:block;color:#888;margin-top:3px}.ai-insight-card p{color:#c7c7c7;margin:11px 0;line-height:1.45}.ai-temp{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;letter-spacing:.04em;white-space:nowrap;border:1px solid rgba(255,255,255,.12)}.ai-hot{color:#f0c76b;border-color:rgba(240,199,107,.4);background:rgba(240,199,107,.07)}.ai-warm{color:#ddd}.ai-cold{color:#8fa6b9}.ai-next-action{display:grid;gap:3px;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.ai-next-action span{font-size:9px;letter-spacing:.12em;color:#888;font-weight:800}.ai-next-action b{font-size:13px}.ai-reasons{display:flex;gap:5px;flex-wrap:wrap;margin:4px 0 12px}.ai-reasons span{font-size:10px;border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:4px 7px;color:#999}.ai-insight-card .secondary{width:100%;margin-top:4px}@media(max-width:760px){.ai-insight-kpis{grid-template-columns:1fr 1fr}.ai-insight-grid{grid-template-columns:1fr}.ai-insight-head{align-items:center}}
.ai-priority-box{margin:0 0 16px;padding:14px;border:1px solid rgba(240,199,107,.18);border-radius:14px;background:rgba(240,199,107,.025)}
.ai-priority-title{margin-bottom:10px}.ai-priority-title h4{margin:2px 0 3px;font-size:17px}.ai-priority-title p{margin:0}
.ai-priority-row{display:grid;grid-template-columns:34px minmax(0,1fr) 42px 70px;gap:9px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}
.ai-priority-row:first-of-type{border-top:0}.ai-priority-rank{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(240,199,107,.35);color:#f0c76b;font-weight:900;font-size:12px}
.ai-priority-main{min-width:0}.ai-priority-main b{display:block;font-size:14px}.ai-priority-main small{display:block;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0}.ai-priority-main span{display:block;font-size:11px;color:#cfcfcf}.ai-priority-score{text-align:center;font-weight:900;color:#f0c76b;font-size:14px}.ai-priority-row .secondary{padding:7px 8px;min-height:34px}
.ai-flags{display:flex;gap:5px;flex-wrap:wrap;margin:4px 0 12px}.ai-flags span{font-size:10px;border:1px solid rgba(220,100,100,.28);background:rgba(220,100,100,.06);border-radius:999px;padding:4px 7px;color:#d9a4a4}
@media(max-width:760px){.ai-priority-row{grid-template-columns:30px minmax(0,1fr) 38px}.ai-priority-row .secondary{grid-column:2/4;width:100%}}
.ai-daily-brief{margin:0 0 14px;padding:15px;border:1px solid rgba(90,160,255,.18);border-radius:14px;background:linear-gradient(180deg,rgba(90,160,255,.05),rgba(255,255,255,.015))}.ai-daily-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ai-daily-head h4{margin:3px 0 0;font-size:18px}.ai-live-dot{font-size:9px;letter-spacing:.12em;font-weight:900;color:#7fc3ff;border:1px solid rgba(127,195,255,.3);border-radius:999px;padding:5px 8px}.ai-daily-lines{display:grid;gap:7px;margin-top:12px}.ai-daily-lines>div{display:flex;gap:8px;align-items:flex-start;color:#cfcfcf}.ai-daily-lines span{color:#7fc3ff}.ai-daily-lines b{font-size:12px;font-weight:700;line-height:1.4}.ai-quote-chase{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.ai-quote-row{display:flex;width:100%;justify-content:space-between;gap:12px;align-items:center;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.05);padding:10px 0;color:inherit;text-align:left;cursor:pointer}.ai-quote-row:first-of-type{margin-top:6px}.ai-quote-row b{font-size:13px}.ai-quote-row span{font-size:11px;color:#999;text-align:right}.ai-recent-change{display:grid;gap:3px;padding:9px 0;border-top:1px solid rgba(255,255,255,.06)}.ai-recent-change span{font-size:9px;letter-spacing:.12em;color:#888;font-weight:800}.ai-recent-change b{font-size:12px;font-weight:600;color:#bdbdbd}
@media(max-width:760px){.ai-daily-head h4{font-size:16px}.ai-quote-row{align-items:flex-start;flex-direction:column;gap:3px}.ai-quote-row span{text-align:left}}
.ai-action-center{margin:0 0 16px;padding:15px;border:1px solid rgba(240,199,107,.16);border-radius:14px;background:linear-gradient(180deg,rgba(240,199,107,.035),rgba(255,255,255,.012))}.ai-action-center-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.ai-action-center-head h4{margin:3px 0 2px;font-size:18px}.ai-action-center-head p{margin:0}.ai-action-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-action-group{border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px;background:rgba(255,255,255,.015);min-width:0}.ai-action-group:first-child{grid-column:1/-1}.ai-action-group-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:7px}.ai-action-group-head p{margin:2px 0 0;color:#888;font-size:11px}.ai-action-group-head>b{min-width:28px;height:28px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);font-size:12px}.ai-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.ai-action-row:has(.ai-priority-rank){grid-template-columns:34px minmax(0,1fr) auto}.ai-action-main{min-width:0}.ai-action-main b{display:block;font-size:13px}.ai-action-main small{display:block;color:#d0d0d0;font-size:11px;margin:2px 0}.ai-action-main span{display:block;color:#858585;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-action-buttons{display:flex;gap:6px}.ai-action-buttons .secondary{padding:7px 9px;min-height:34px;white-space:nowrap}.ai-review-btn{border-color:rgba(240,199,107,.22)!important}.empty.compact{padding:10px 0;font-size:11px}.ai-insight-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:900px){.ai-action-groups{grid-template-columns:1fr}.ai-action-group:first-child{grid-column:auto}.ai-insight-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ai-action-center-head{align-items:flex-start}.ai-action-row,.ai-action-row:has(.ai-priority-rank){grid-template-columns:1fr}.ai-action-row:has(.ai-priority-rank) .ai-priority-rank{display:none}.ai-action-buttons{width:100%}.ai-action-buttons .secondary{flex:1}.ai-action-main span{white-space:normal}.ai-insight-kpis{grid-template-columns:1fr 1fr}}

/* V155.81 Phase 8 — lead detail intelligence */
.lead-ai-detail{border:1px solid rgba(216,189,107,.34);background:linear-gradient(180deg,rgba(216,189,107,.055),rgba(255,255,255,.018))}
.lead-ai-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.lead-ai-detail-head h3{margin:4px 0 0}
.lead-ai-summary{font-size:1.02rem;line-height:1.55;margin:0 0 12px}
.lead-ai-status{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.lead-ai-status span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 9px;font-size:.8rem;color:var(--muted)}
.lead-ai-next{padding:13px 14px;border-radius:12px;background:rgba(216,189,107,.08);margin:0 0 12px}
.lead-ai-next b{display:block;margin-top:5px;line-height:1.4}
.lead-ai-flags{padding:12px 14px;border:1px solid rgba(255,183,77,.22);border-radius:12px;margin:0 0 12px}
.lead-ai-flags div{margin-top:6px;font-size:.9rem}
.lead-ai-clear{padding:10px 12px;border-radius:10px;background:rgba(120,200,150,.08);margin-bottom:12px;font-size:.88rem}
.lead-ai-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
.lead-ai-money>div{border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:10px}.lead-ai-money span{display:block;color:var(--muted);font-size:.76rem}.lead-ai-money b{display:block;margin-top:4px}
.lead-ai-recent{border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.lead-ai-recent>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.055)}.lead-ai-recent small{color:var(--muted);text-align:right}
@media(max-width:640px){.lead-ai-detail-head{align-items:stretch;flex-direction:column}.lead-ai-detail-head button{width:100%}.lead-ai-money{grid-template-columns:1fr}.lead-ai-recent>div{flex-direction:column;gap:3px}.lead-ai-recent small{text-align:left}}

/* V155.84 — SLV Workflow Engine */
.workflow-engine-list{display:grid;gap:12px}.workflow-engine-card{overflow:hidden}.workflow-engine-card .flow-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.workflow-engine-card h3{margin:5px 0 4px}.workflow-engine-track{margin:16px 0;overflow-x:auto;padding-bottom:4px}.workflow-node{min-width:145px;display:flex;flex-direction:column;gap:3px;align-items:flex-start}.workflow-node small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#777}.workflow-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.workflow-meta span{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 8px;color:#888;font-size:10px}.workflow-meta b{color:#ddd}.workflow-actions{margin-top:14px}.workflow-builder-modal{max-width:760px}.workflow-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workflow-builder-modal label{display:block;color:#aaa;font-size:11px;margin:12px 0 6px}.workflow-builder-modal input,.workflow-builder-modal textarea,.workflow-builder-modal select{width:100%}.workflow-preview{margin:16px 0}.workflow-preview .flow-track{margin:8px 0 0}@media(max-width:650px){.workflow-builder-grid{grid-template-columns:1fr}.workflow-engine-card .flow-card-head{flex-direction:column}.workflow-actions button{flex:1 1 45%}.workflow-node{min-width:132px}}

/* V155.96 Phase 9 workflow engine scheduler/webhook/live approval */
.workflow-runtime-note{margin:10px 0;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:grid;gap:4px}.workflow-runtime-note code{font-size:10px;overflow-wrap:anywhere;color:#ddd}.workflow-runtime-note small{color:var(--muted);font-size:10px}.workflow-log-modal{max-width:820px}.workflow-log-run{margin-top:10px}.workflow-step-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px 0;border-top:1px solid rgba(255,255,255,.06);font-size:11px}.workflow-step-row small{grid-column:1/-1;color:var(--muted)}

/* V156.00 Phase 10.1 — read-only visual workflow foundation */
.workflow-visual-modal{max-width:980px}.wf-canvas-shell{margin-top:14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.02);overflow:hidden}.wf-canvas-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px;color:#888}.wf-canvas{display:flex;align-items:stretch;gap:10px;overflow-x:auto;padding:24px;min-height:190px;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:18px 18px}.wf-canvas-node{min-width:180px;max-width:220px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#111214;box-shadow:0 10px 24px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.wf-canvas-node.trigger{border-top:3px solid #5f9cff}.wf-canvas-node.condition{border-top:3px solid #e4b64b}.wf-canvas-node.action{border-top:3px solid #6fcf97}.wf-canvas-node-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.wf-canvas-node-head>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.09);font-size:10px}.wf-canvas-node small{font-size:9px;letter-spacing:.08em;color:#777}.wf-canvas-node b{font-size:12px;line-height:1.4}.wf-canvas-node em{font-style:normal;font-size:9px;color:#8f949c;background:rgba(255,255,255,.05);padding:5px 7px;border-radius:7px;word-break:break-word}.wf-canvas-link{min-width:34px;display:grid;place-items:center;color:#666;font-size:24px}.wf-canvas-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.08)}.wf-canvas-outcomes>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.wf-canvas-outcomes small{grid-column:2;color:#777;font-size:9px}.wf-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.wf-dot.pass{background:#6fcf97}.wf-dot.block{background:#e4b64b}.wf-dot.fail{background:#eb5757}@media(max-width:650px){.workflow-visual-modal{width:min(96vw,980px)}.wf-canvas{padding:16px}.wf-canvas-node{min-width:160px}.wf-canvas-outcomes{grid-template-columns:1fr}}

/* V156.02 — prominent visual workflow entry */
.workflow-card-head-actions{justify-content:flex-end}.workflow-visual-head{border-color:rgba(216,193,123,.5);color:#eadb9c;font-weight:800;white-space:nowrap}.workflow-visual-head:hover{border-color:#d8c17b;background:rgba(216,193,123,.08)}@media(max-width:650px){.workflow-card-head-actions{width:100%;justify-content:flex-start}.workflow-visual-head{order:-1;flex:1 1 100%}}

/* V156.03 Phase 10.2 — editable visual workflow builder */
.wf-editor-modal{max-width:1080px}.wf-editor-settings{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin:14px 0}.wf-editor-settings .wf-editor-desc{grid-column:1/-1}.wf-editor-settings label,.wf-edit-node label{display:block;color:#9a9a9a;font-size:10px;margin:7px 0 5px}.wf-editor-settings input,.wf-editor-settings select,.wf-editor-settings textarea,.wf-edit-node input,.wf-edit-node select{width:100%}.wf-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.wf-editor-nodes{display:grid;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background-image:radial-gradient(rgba(255,255,255,.065) 1px,transparent 1px);background-size:18px 18px}.wf-edit-node{border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#111214;padding:12px;transition:border-color .12s,transform .12s,opacity .12s}.wf-edit-node.trigger{border-left:3px solid #5f9cff}.wf-edit-node.condition{border-left:3px solid #e4b64b}.wf-edit-node.action{border-left:3px solid #6fcf97}.wf-edit-node.dragging{opacity:.5}.wf-edit-node.drag-over{border-color:#d8c17b;transform:translateY(2px)}.wf-edit-node-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.wf-drag-handle{font-size:18px;color:#777;cursor:grab;user-select:none}.wf-node-actions button{padding:5px 8px;min-width:34px}.danger-soft{border-color:rgba(235,87,87,.28)!important;color:#eaa}.wf-node-lock{margin-top:8px;color:#777;font-size:10px}.wf-editor-footer{justify-content:flex-end;margin-top:14px}.wf-editor-footer>.muted{margin-right:auto}.wf-editor-footer button{min-width:120px}@media(max-width:760px){.wf-editor-settings{grid-template-columns:1fr}.wf-editor-settings .wf-editor-desc{grid-column:auto}.wf-editor-toolbar{align-items:flex-start;flex-direction:column}.wf-editor-toolbar .actions-inline{width:100%}.wf-editor-toolbar button{flex:1}.wf-edit-node-head{align-items:flex-start;flex-wrap:wrap}.wf-node-actions{width:100%}.wf-editor-footer{align-items:stretch;flex-direction:column}.wf-editor-footer>.muted{margin:0}.wf-editor-footer button{width:100%}}

/* V156.04 Phase 10.3 branching visual workflows */
.wf-branch-preview-shell{margin-top:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.02)}
.wf-branch-preview{display:grid;gap:12px;padding:14px;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:18px 18px}
.wf-branch-empty{padding:16px;border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:#888;font-size:11px}
.wf-branch-card{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,2fr);gap:12px;align-items:stretch}
.wf-branch-condition{border:1px solid rgba(228,182,75,.28);border-left:3px solid #e4b64b;border-radius:12px;background:#111214;padding:12px;display:flex;flex-direction:column;gap:6px}
.wf-branch-condition small{color:#777}
.wf-branch-lanes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wf-branch-lanes>div{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:7px;min-height:74px}
.wf-branch-lanes>.true{border-top:3px solid #6fcf97}.wf-branch-lanes>.false{border-top:3px solid #e4b64b}
.wf-branch-lanes span{font-size:10px;background:rgba(255,255,255,.05);padding:6px 8px;border-radius:7px}.wf-branch-lanes small{color:#777;font-size:10px}
.wf-test-badge{font-size:9px;letter-spacing:.06em;padding:5px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#aaa}
.wf-test-badge.passed{border-color:rgba(111,207,151,.35);color:#8bd8aa}.wf-test-badge.skipped{border-color:rgba(228,182,75,.28);color:#d8bd70}.wf-test-badge.failed,.wf-test-badge.blocked{border-color:rgba(235,87,87,.28);color:#e98f8f}
@media(max-width:760px){.wf-branch-card{grid-template-columns:1fr}.wf-branch-lanes{grid-template-columns:1fr 1fr}}

/* V156.06 Phase 10.4 execution trace */
.wf-execution-trace{margin-top:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.02)}
.wf-trace-controls{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.wf-trace-controls label{font-size:10px;color:var(--muted);min-width:110px}.wf-trace-controls select{flex:1;min-width:0}
.wf-trace-summary{padding:10px 14px;font-size:11px;color:#aeb3ba;border-bottom:1px solid rgba(255,255,255,.06)}
.wf-trace-steps{padding:0 14px 12px}.wf-trace-step{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 0;border-top:1px solid rgba(255,255,255,.05);font-size:11px}.wf-trace-step:first-child{border-top:0}.wf-trace-step small{grid-column:1/-1;color:var(--muted)}
.wf-run-badge,.wf-test-badge{margin-top:auto;align-self:flex-start;font-size:9px;font-weight:700;padding:4px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}
.wf-trace-passed{box-shadow:0 0 0 2px rgba(111,207,151,.35),0 10px 24px rgba(0,0,0,.18)!important}.wf-trace-failed{box-shadow:0 0 0 2px rgba(235,87,87,.4),0 10px 24px rgba(0,0,0,.18)!important}.wf-trace-blocked{box-shadow:0 0 0 2px rgba(228,182,75,.4),0 10px 24px rgba(0,0,0,.18)!important}.wf-trace-skipped{opacity:.62}
.wf-run-badge.passed,.wf-trace-step.passed b{color:#6fcf97}.wf-run-badge.failed,.wf-trace-step.failed b{color:#eb5757}.wf-run-badge.blocked,.wf-trace-step.blocked b{color:#e4b64b}.wf-run-badge.skipped,.wf-trace-step.skipped b{color:#8f949c}
@media(max-width:650px){.wf-trace-controls{align-items:stretch;flex-direction:column}.wf-trace-controls label{min-width:0}}

/* V156.07 Phase 10.5 run diagnostics + retry visibility */
.wf-trace-diagnostics{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.012)}
.wf-diag-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.wf-diag-grid>div{border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:8px;min-width:0}
.wf-diag-grid span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.wf-diag-grid b{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wf-diag-ok,.wf-diag-error{margin-top:9px;border-radius:9px;padding:9px 10px;font-size:10px}
.wf-diag-ok{border:1px solid rgba(111,207,151,.18);color:#8bd8aa}
.wf-diag-error{border:1px solid rgba(235,87,87,.28);display:grid;gap:4px;color:#e98f8f}
.wf-diag-error span,.wf-diag-error small{color:#c6a2a2;overflow-wrap:anywhere}
.wf-step-snapshot{grid-column:1/-1;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:7px 9px;margin-top:2px}
.wf-step-snapshot summary{cursor:pointer;color:#aaa;font-size:9px;font-weight:700}
.wf-step-snapshot label{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin:8px 0 4px}
.wf-step-snapshot pre{margin:0;max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:9px;line-height:1.45;color:#b9bdc3;background:rgba(0,0,0,.2);border-radius:7px;padding:8px}
@media(max-width:800px){.wf-diag-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.wf-diag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* V156.09 Phase 10.6 - controlled failed-run recovery */
.wf-recovery-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.wf-recovery-controls small{color:var(--muted)}
.wf-recovery-link{margin-top:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}


/* V156.10 Phase 10.7 - recovery lineage / retry chain */
.wf-recovery-lineage{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.008)}
.wf-lineage-empty{display:flex;gap:8px;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:9px 11px}.wf-lineage-empty b{font-size:10px}.wf-lineage-empty span{font-size:9px;color:var(--muted)}
.wf-lineage-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.wf-lineage-head>div{display:grid;gap:2px}.wf-lineage-head b{font-size:11px}.wf-lineage-head small,.wf-lineage-head>span{font-size:9px;color:var(--muted)}
.wf-lineage-track{display:flex;align-items:stretch;gap:7px;overflow-x:auto;padding-bottom:4px}
.wf-lineage-run{min-width:145px;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:9px 10px;background:rgba(255,255,255,.025);color:var(--text);cursor:pointer;display:grid;gap:3px}.wf-lineage-run span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.wf-lineage-run b{font-size:10px}.wf-lineage-run small{font-size:8px;color:var(--muted);white-space:nowrap}.wf-lineage-run.selected{outline:2px solid rgba(228,190,96,.55);outline-offset:-2px}.wf-lineage-run.passed b{color:#6fcf97}.wf-lineage-run.failed b{color:#eb5757}.wf-lineage-run.blocked b{color:#e4b64b}.wf-lineage-run.skipped b{color:#8f949c}.wf-lineage-arrow{align-self:center;color:#777;font-style:normal;font-size:16px}
@media(max-width:520px){.wf-lineage-run{min-width:132px}.wf-lineage-head{align-items:flex-start}.wf-lineage-empty{align-items:flex-start;flex-direction:column}}
/* V156.11 Phase 10.8 multi-condition AND/OR builder */
.wf-condition-mode{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:8px 14px;align-items:end;margin:10px 0 12px;padding:10px;border:1px solid rgba(216,193,123,.18);border-radius:10px;background:rgba(216,193,123,.035)}
.wf-condition-mode small{color:#888;align-self:center}.wf-condition-rules{display:grid;gap:9px}.wf-condition-rule{display:grid;grid-template-columns:64px 1fr 1fr 1fr 1fr auto;gap:8px;align-items:end;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.02)}
.wf-rule-number{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#d8c17b;align-self:center}.wf-rule-remove{margin-bottom:1px}.wf-add-rule{margin:9px 0}.wf-condition-routing{margin-top:10px}
@media(max-width:900px){.wf-condition-rule{grid-template-columns:1fr 1fr}.wf-rule-number,.wf-rule-remove{grid-column:1/-1}.wf-rule-remove{width:100%}}
@media(max-width:600px){.wf-condition-mode,.wf-condition-rule{grid-template-columns:1fr}.wf-rule-number,.wf-rule-remove{grid-column:auto}}

/* V156.13 Phase 10.9 execution history audit filters */
.wf-trace-filters{display:grid;grid-template-columns:minmax(170px,1.5fr) repeat(4,minmax(125px,1fr)) auto auto;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.015)}
.wf-trace-filters input,.wf-trace-filters select{min-width:0;width:100%}
.wf-trace-filter-count{font-size:10px;color:var(--muted);white-space:nowrap;text-align:right}
@media(max-width:1100px){.wf-trace-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.wf-trace-filter-count{text-align:left}}
@media(max-width:650px){.wf-trace-filters{grid-template-columns:1fr}.wf-trace-filter-count{text-align:left}}

/* V156.14 Phase 10.10 audit export */
.wf-trace-controls{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:10px;align-items:center}
#wfExportAudit:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:650px){.wf-trace-controls{grid-template-columns:1fr}.wf-trace-controls label{margin-bottom:-4px}}
/* V156.15 Phase 10.11 — workflow version history / safe restore preview */
.wf-version-history{margin-top:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;background:rgba(255,255,255,.025)}
.wf-version-history-body{margin-top:12px}.wf-version-list{display:grid;gap:10px}.wf-version-card{border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:12px;background:rgba(0,0,0,.12)}
.wf-version-card.current{border-color:rgba(103,232,249,.35);box-shadow:0 0 0 1px rgba(103,232,249,.08) inset}.wf-version-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wf-version-card-head>div:first-child{display:grid;gap:3px}.wf-version-change{display:block;margin-top:9px;opacity:.72}
.wf-restore-preview-modal{max-width:720px}.wf-restore-safety{display:grid;gap:7px;margin:14px 0;padding:13px;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}.wf-restore-safety b{margin-bottom:3px}.wf-restore-safety span{font-size:.9rem;opacity:.84}
@media(max-width:720px){.wf-version-card-head{flex-direction:column}.wf-version-card-head .actions-inline{width:100%;justify-content:flex-start}}

/* V156.16 Phase 10.12 promotion readiness */
.wf-promotion-readiness{margin-top:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;background:rgba(255,255,255,.025)}
.wf-readiness-body{margin-top:12px}.wf-readiness-state{font-weight:800;letter-spacing:.06em}.wf-readiness-state.ready{color:#67e8a5}.wf-readiness-state.blocked{color:#fb7185}
.wf-readiness-summary{display:grid;gap:4px;padding:12px;border-radius:12px;margin-bottom:10px}.wf-readiness-summary.ready{border:1px solid rgba(103,232,165,.35);background:rgba(103,232,165,.06)}.wf-readiness-summary.blocked{border:1px solid rgba(251,113,133,.3);background:rgba(251,113,133,.05)}
.wf-readiness-summary small,.wf-readiness-check small{opacity:.72}.wf-readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wf-readiness-check{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:11px}.wf-readiness-check>span{font-weight:900;font-size:18px;line-height:1}.wf-readiness-check>div{display:grid;gap:3px}.wf-readiness-check.pass>span{color:#67e8a5}.wf-readiness-check.fail>span{color:#fb7185}
@media(max-width:720px){.wf-readiness-grid{grid-template-columns:1fr}}

/* Phase 10.14 — read-only workflow operations health */
.wf-health-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 2px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025)}
.wf-health-strip>div{display:grid;gap:2px;min-width:150px}.wf-health-strip span{font-size:9px;letter-spacing:.12em;color:#888}.wf-health-strip b{font-size:12px}.wf-health-strip small{color:#999}.wf-health-strip.healthy{border-color:rgba(103,232,165,.28);background:rgba(103,232,165,.045)}.wf-health-strip.healthy b{color:#67e8a5}.wf-health-strip.attention{border-color:rgba(251,113,133,.3);background:rgba(251,113,133,.045)}.wf-health-strip.attention b{color:#fb7185}.wf-health-strip.testing b{color:#f5d36b}.wf-health-strip.standby b{color:#a8b3cf}.wf-health-strip.pending{border-color:rgba(245,211,107,.28);background:rgba(245,211,107,.04)}.wf-health-strip.pending b{color:#f5d36b}
@media(max-width:650px){.wf-health-strip{align-items:flex-start;flex-direction:column;gap:5px}}

/* V156.23 Phase 10.17 read-only workflow attention center */
.wf-attention-list{display:grid;gap:10px;margin-top:14px}.wf-attention-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line,#2b2b2b);border-radius:14px}.wf-attention-item>div:first-child{display:grid;gap:5px}.wf-attention-item small{display:block;color:var(--muted,#999)}@media(max-width:720px){.wf-attention-item{align-items:flex-start;flex-direction:column}.wf-attention-item .actions-inline{width:100%}.wf-attention-item .actions-inline button{flex:1}}

.email-subject{margin-bottom:7px}.email-subject b{font-size:13px}.wa-conversation-meta .pill{font-size:9px;padding:3px 7px}

/* V156.32 Unified Inbox email reply composer */
.email-compose{border-top:1px solid rgba(255,255,255,.08);padding:12px;box-sizing:border-box}
.email-compose>input{display:block;width:100%;box-sizing:border-box;margin:0 0 8px;min-height:42px}
.email-compose .wa-compose{border-top:0;padding:0}
@media(max-width:600px){.email-compose{padding:8px 10px}.email-compose>input{font-size:16px;min-height:44px}.email-compose .wa-compose{padding:0}}