*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
    /* Eliminate iOS Safari ~300ms tap delay on interactive elements */
    button,[onclick],[role="button"],.nav-item,a{touch-action:manipulation}
    :root{
      --bg-page:#F4F7FB;--bg-surface:#FFFFFF;--bg-input:#FFFFFF;
      --navy:#1B3A5C;--navy-deep:#142D47;
      --border:#D8E0EA;--border2:#EEF3F8;
      --text:#1B3A5C;--text2:#5A7A9A;--text3:#7A95B0;--text-hint:#B5CDE8;
      --accent:#4A7BAF;--accent-bg:#EAF0F7;--accent-border:#B5CDE8;--accent-dark:#EAF0F7;
      --bg:#F4F7FB;--surface:#FFFFFF;--surface2:#F4F7FB;--surface3:#EEF3F8;
      --danger:#9B3333;--internal:#EAF0F7;--internal-accent:#4A7BAF;
      --status-draft:#B8860B;--status-sent:#4A7BAF;--status-won:#2E6B44;--status-scheduled:#8B6914;--status-completed:#1B5E3A;--status-invoiced:#D2691E;--status-paid:#2EAD4A;--status-lost:#9B3333;
      --pill-sent-bg:#E8F4ED;--pill-sent-text:#2E6B44;
      --pill-draft-bg:#FFF8E1;--pill-draft-text:#B8860B;
      --pill-won-bg:#E8F4ED;--pill-won-text:#2E6B44;
      --pill-scheduled-bg:#FFF3D6;--pill-scheduled-text:#8B6914;
      --pill-completed-bg:#D9F0E4;--pill-completed-text:#1B5E3A;
      --pill-invoiced-bg:#FFF0E0;--pill-invoiced-text:#D2691E;
      --pill-paid-bg:#E6F9ED;--pill-paid-text:#2EAD4A;
      --pill-lost-bg:#FBEAEA;--pill-lost-text:#9B3333;
      --badge-draft:#B8860B;--badge-sent:#4A7BAF;--badge-won:#2E6B44;--badge-scheduled:#8B6914;--badge-completed:#1B5E3A;--badge-invoiced:#D2691E;--badge-paid:#2EAD4A;--badge-lost:#9B3333;
      --cta-bg:#1B3A5C;--cta-text:#FFFFFF;
      --shadow-sm:0 1px 3px rgba(27,58,92,0.06);
      --shadow-md:0 2px 8px rgba(27,58,92,0.08);
      --shadow-lg:0 4px 16px rgba(27,58,92,0.10);
      --radius:10px;--radius-lg:14px;
    }
    html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
    body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Inter',sans-serif;background:var(--bg-page);color:var(--text);font-size:14px;line-height:1.5;min-height:100%;overscroll-behavior:none}
    .screen{display:none;height:100vh;flex-direction:column;overflow:hidden}
    .screen.active{display:flex}
    .topbar{background:var(--bg-surface);padding:52px 20px 14px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;border-bottom:0.5px solid var(--border);box-shadow:var(--shadow-sm)}
    .topbar-title{font-size:17px;font-weight:600;letter-spacing:0.02em;color:var(--text);line-height:1;text-align:center}
    .topbar-title::before{content:'TREEBIDLY';display:block;font-size:8px;font-weight:500;letter-spacing:0.08em;color:var(--text3);line-height:1;margin-bottom:2px}
    .topbar-back{font-size:13px;font-weight:500;color:var(--accent);background:none;border:none;cursor:pointer;padding:6px 0;transition:opacity .15s}
    .topbar-back:active{opacity:.6}
    .topbar-action{font-size:12px;font-weight:500;color:var(--accent);background:none;border:none;cursor:pointer;padding:6px 0;transition:opacity .15s}
    .topbar-action:active{opacity:.6}
    .scroll-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:40px;position:relative}
    /* Desktop: full width, mobile-first app */
    .ptr-indicator{text-align:center;height:0;overflow:hidden;transition:height .2s ease;color:var(--text3);font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center}
    .ptr-indicator.pulling{transition:none}
    .ptr-indicator svg{width:18px;height:18px;margin-right:6px;transition:transform .2s ease}
    .ptr-indicator.ready svg{transform:rotate(180deg)}
    .pb-nav{padding-bottom:120px}
    .pb-approve{padding-bottom:180px}

    /* HOME */
    .home-header{padding:18px 20px;border-bottom:0.5px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface)}
    .home-header-left{}
    .home-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:2px}
    .home-logo-img{width:36px;height:36px;border-radius:8px;object-fit:contain;display:none}
    .home-company{font-size:18px;font-weight:700;letter-spacing:0.01em;color:var(--navy);line-height:1}
    .home-tagline{font-size:10px;color:var(--text3);letter-spacing:.04em}

    /* RECORD HERO */
    .record-hero-card{background:linear-gradient(135deg,var(--navy) 0%,#2a5a8a 100%);border-radius:var(--radius-lg);padding:24px 16px;text-align:center;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:var(--shadow-lg)}
    .record-hero-card:active{transform:scale(.98);box-shadow:var(--shadow-sm)}
    .record-icon-circle{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.20);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;transition:all .2s}
    .record-hero-card:active .record-icon-circle{background:rgba(255,255,255,.18)}
    .record-hero-card.recording .record-icon-circle{border-color:rgba(255,255,255,.5);animation:pulse-ring 1.4s ease-in-out infinite}
    @keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}70%{box-shadow:0 0 0 12px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
    .record-label{font-size:13px;font-weight:600;color:#fff;letter-spacing:.1em}
    .record-sub{font-size:11px;color:rgba(255,255,255,.5);margin-top:4px}
    .record-timer-inline{font-size:22px;font-weight:600;color:#fff;margin-top:10px;letter-spacing:2px;font-variant-numeric:tabular-nums}
    .record-hero-card.recording{background:linear-gradient(135deg,#9B3333 0%,#c04444 100%)}

    /* INTAKE OPTIONS */
    .intake-divider{display:flex;align-items:center;gap:10px;margin:16px 20px 0;color:var(--text3);font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
    .intake-divider::before,.intake-divider::after{content:'';flex:1;border-top:0.5px solid var(--border)}

    .intake-options{margin:14px 20px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .intake-btn{padding:14px;background:var(--bg-surface);border:0.5px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:flex-start;gap:5px;cursor:pointer;transition:all .15s;position:relative;text-align:left;box-shadow:var(--shadow-sm)}
    .intake-btn:active{background:var(--surface2);transform:scale(.98);box-shadow:none}
    .intake-btn input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
    .intake-btn-icon{font-size:22px}
    .intake-btn-label{font-size:13px;font-weight:500;color:var(--text);line-height:1.2}
    .intake-btn-sub{font-size:11px;color:var(--text3);line-height:1.3}

    .manual-btn{margin:8px 20px 0;padding:14px;background:var(--bg-surface);border:0.5px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s;width:calc(100% - 40px);box-shadow:var(--shadow-sm)}
    .manual-btn:active{background:var(--surface2);transform:scale(.98);box-shadow:none}
    .manual-btn-icon{font-size:20px;flex-shrink:0}
    .manual-btn-label{font-size:14px;font-weight:500;color:var(--text)}
    .manual-btn-sub{font-size:11px;color:var(--text3);margin-top:1px}
    .manual-btn-arrow{color:var(--text3);font-size:18px;margin-left:auto}

    .dash-kpi-card{background:var(--bg-surface);border:0.5px solid var(--border);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-sm)}
    .dash-kpi-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}
    .dash-kpi-value{font-size:24px;font-weight:700;color:var(--text);margin-top:4px;line-height:1.1}
    .dash-kpi-sub{font-size:10px;color:var(--text3);margin-top:3px}
    .dash-pipeline-chip{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid transparent}
    .dash-pipeline-chip:active{transform:scale(.95)}
    .dash-pipeline-chip.active{border-color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,0.1)}
    .dash-nudge{background:linear-gradient(135deg,#fff8ed 0%,#fef3e0 100%);border:1px solid #f0d9a8;border-radius:10px;padding:12px 14px;margin-bottom:8px;cursor:pointer;transition:all .15s}
    .dash-nudge:active{transform:scale(.98)}
    .dash-nudge-title{font-size:12px;font-weight:600;color:#8a6d3b}
    .dash-nudge-sub{font-size:11px;color:#a0884e;margin-top:2px}

    .section-head{padding:20px 20px 10px;display:flex;align-items:center;justify-content:space-between}
    .section-head h2{font-size:10px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--text3)}
    .section-head button{font-size:10px;font-weight:500;color:var(--accent);background:none;border:none;cursor:pointer}

    /* HISTORY */
    .history-item{margin:0 20px 10px;background:var(--bg-surface);border:0.5px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .15s}
    .history-item:active{transform:scale(.99)}
    .history-main{padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s}
    .history-main:active{background:var(--surface2)}
    .history-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}
    .history-info{flex:1;min-width:0}
    .history-client{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .history-meta{font-size:11px;color:var(--text3);margin-top:2px}
    .history-total{font-size:17px;font-weight:700;color:var(--navy);flex-shrink:0}
    .history-footer{padding:6px 12px;border-top:0.5px solid var(--border);display:flex;gap:6px}
    .hist-btn{font-size:10px;font-weight:500;padding:5px 12px;border-radius:6px;border:0.5px solid var(--border);background:none;color:var(--text3);cursor:pointer;transition:all .15s}
    .hist-btn:active{background:var(--surface2)}
    .hist-btn.tx{color:var(--accent);border-color:var(--accent-border)}

    .empty-history{margin:0 20px;padding:24px;text-align:center;color:var(--text3);font-size:13px;background:var(--bg-surface);border-radius:10px;border:0.5px solid var(--border)}

    /* WELCOME CARD */
    .welcome-card{margin:16px 20px 0;background:var(--bg-surface);border:0.5px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-md);position:relative}
    .welcome-title{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:6px}
    .welcome-desc{font-size:13px;color:var(--text2);line-height:1.5;margin-bottom:14px}
    .welcome-steps{display:flex;gap:8px;margin-bottom:16px}
    .welcome-step{flex:1;text-align:center;padding:10px 6px;background:var(--surface2);border-radius:var(--radius);border:0.5px solid var(--border2)}
    .welcome-step-num{font-size:11px;font-weight:700;color:var(--accent);margin-bottom:2px}
    .welcome-step-label{font-size:11px;font-weight:500;color:var(--text);line-height:1.3}
    .welcome-dismiss{width:100%;padding:10px;background:none;border:0.5px solid var(--border);border-radius:var(--radius);font-size:12px;font-weight:500;color:var(--text3);cursor:pointer;transition:all .15s}
    .welcome-dismiss:active{background:var(--surface2)}
    .info-toggle{display:none;margin:12px 20px 0;width:32px;height:32px;border-radius:50%;background:var(--bg-surface);border:0.5px solid var(--border);color:var(--accent);font-size:15px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s;font-family:Georgia,serif;line-height:1}
    .info-toggle:active{background:var(--surface2);transform:scale(0.95)}

    .navbar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-surface);border-top:0.5px solid var(--border);display:flex;padding:6px 0 26px;z-index:200;box-shadow:0 -2px 10px rgba(27,58,92,0.04)}
    .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:6px 0;transition:opacity .15s;position:relative}
    .nav-item:active{opacity:.6}
    .nav-item.active{background:rgba(27,58,92,0.07);border-radius:8px;margin:0 2px}
    .nav-item.active::after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:3px;background:var(--navy);border-radius:3px 3px 0 0}
    .nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}
    .nav-icon svg{width:22px;height:22px;stroke:var(--text3);stroke-width:1.8;fill:none;transition:stroke .15s}
    .nav-item.active .nav-icon svg{stroke:var(--navy);stroke-width:2}
    .nav-label{font-size:9px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--text3);transition:color .15s}
    .nav-item.active .nav-label{color:var(--navy);font-weight:600}

    /* REVIEW SCREEN */
    #screen-review{background:var(--bg-page)}
    .review-inner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center}
    .review-icon{font-size:52px;margin-bottom:14px}
    .review-title{font-size:22px;font-weight:600;letter-spacing:1px;color:var(--text);margin-bottom:4px}
    .review-dur{font-size:14px;color:var(--text2);margin-bottom:20px;letter-spacing:2px}
    .review-audio{width:100%;max-width:300px;margin-bottom:20px;border-radius:8px;outline:none}
    .warn-box{background:#FFF8E8;border:1.5px solid #d4a04a;border-radius:10px;padding:14px 16px;margin-bottom:22px;max-width:320px;text-align:left}
    .warn-title{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;color:#d4a04a;margin-bottom:6px}
    .warn-text{font-size:13px;color:#8b6a00;line-height:1.6}
    .review-btns{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px}
    .rbtn{padding:16px;border-radius:var(--radius-lg);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border:none;transition:all .15s}
    .rbtn:active{transform:scale(.97)}
    .rbtn.primary{background:linear-gradient(135deg,var(--navy) 0%,#2a5a8a 100%);color:#fff;box-shadow:0 2px 8px rgba(27,58,92,0.25)}
    .rbtn.primary:active{box-shadow:none}
    .rbtn.secondary{background:var(--bg-surface);border:1px solid var(--border);color:var(--text2);box-shadow:var(--shadow-sm)}
    .rbtn.ghost{background:none;color:var(--text3);font-size:11px}

    /* PROCESSING */
    #screen-processing{align-items:center;justify-content:center;background:var(--bg-page);padding:40px 32px;text-align:center}
    .processing-ring{width:72px;height:72px;border:3px solid var(--border2);border-top-color:var(--navy);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 28px}
    @keyframes spin{to{transform:rotate(360deg)}}
    .processing-title{font-size:22px;font-weight:700;letter-spacing:0.02em;color:var(--text);margin-bottom:8px}
    .processing-status{font-size:13px;color:var(--text3);letter-spacing:.5px;margin-bottom:22px}
    .processing-tag{background:var(--bg-surface);border:0.5px solid var(--border);border-radius:var(--radius);padding:10px 16px;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text2);box-shadow:var(--shadow-sm)}

    /* ESTIMATE */
    #screen-estimate{background:var(--bg-page)}
    .estimate-meta{padding:16px 20px;background:var(--bg-surface);border-bottom:0.5px solid var(--border)}
    .emr{display:flex;gap:10px;margin-bottom:8px}
    .emr:last-child{margin-bottom:0}
    .mf{flex:1;display:flex;flex-direction:column;gap:4px}
    .mf label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;color:var(--text3)}
    .mf input,.mf select{font-size:14px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);outline:none;width:100%;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
    .mf input:focus,.mf select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(74,123,175,0.1)}

    .mode-bar{padding:12px 20px;background:var(--bg-surface);border-bottom:0.5px solid var(--border);display:flex;gap:8px}
    .mode-btn{flex:1;padding:10px 4px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg-surface);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text2);cursor:pointer;text-align:center;transition:all .15s}
    .mode-btn.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 2px 8px rgba(27,58,92,0.25)}
    .mode-hint{padding:8px 20px 0;font-size:11px;color:var(--text3);display:none}
    .mode-hint.show{display:block}

    .jt-wrap{margin:12px 20px 0;background:var(--bg-surface);border:0.5px solid var(--border);border-radius:10px;padding:14px 16px}
    .jt-wrap label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;color:var(--text3);margin-bottom:6px;display:block}
    .jt-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
    .jt-dollar{font-size:24px;font-weight:600;color:var(--text3)}
    .jt-input{font-size:28px;font-weight:600;background:transparent;border:none;color:var(--text);outline:none;flex:1;min-width:80px;-webkit-appearance:none}
    .mh-btn{font-size:12px;font-weight:500;padding:10px 14px;border-radius:10px;border:1px solid var(--accent);color:var(--accent);background:var(--bg-surface);cursor:pointer;white-space:nowrap;width:100%;text-align:center;margin-top:4px}

    .items-hdr{padding:14px 20px 8px;display:flex;align-items:center;justify-content:space-between}
    .items-lbl{font-size:10px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--text3)}
    .items-cnt{font-size:11px;color:var(--accent)}

    .li-card{margin:0 20px 10px;background:var(--bg-surface);border:0.5px solid var(--border);border-radius:var(--radius);overflow:hidden;border-left:3.5px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow .15s}
    .li-card.tr{border-left-color:#9B3333}
    .li-card.tp{border-left-color:var(--accent)}
    .li-card.tg{border-left-color:#B8860B}
    .li-card.tt{border-left-color:#1a5c8b}
    .li-card.td{border-left-color:#666}
    .li-body{padding:14px 14px 10px}
    .li-svc{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
    .li-text{font-size:13px;color:var(--text);line-height:1.65;word-break:break-word}
    .li-edit{width:100%;font-size:12px;background:var(--surface2);border:0.5px solid var(--accent);border-radius:8px;padding:10px;color:var(--text);resize:vertical;min-height:80px;outline:none;line-height:1.6;margin-top:6px;-webkit-appearance:none}
    .li-foot{padding:7px 13px 11px;display:flex;align-items:center;gap:7px;border-top:0.5px solid var(--border);flex-wrap:wrap}
    .pr-row{display:flex;align-items:center;gap:4px}
    .pr-dollar{font-size:13px;color:var(--text3)}
    .pr-inp{font-size:14px;width:88px;background:var(--surface2);border:0.5px solid var(--border);border-radius:8px;padding:5px 9px;color:var(--text);text-align:right;outline:none;-webkit-appearance:none}
    .pr-inp:focus{border-color:var(--accent)}
    .li-btns{display:flex;gap:5px;margin-left:auto;flex-wrap:wrap}
    .li-btn{font-size:10px;font-weight:500;letter-spacing:.5px;padding:5px 11px;border-radius:7px;border:0.5px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer;white-space:nowrap}
    .li-btn:active{transform:scale(.96)}
    .li-btn.cp{border-color:var(--accent);color:var(--accent)}
    .li-btn.cp.done{background:var(--accent-bg);color:var(--accent)}
    .li-btn.dl{border-color:var(--pill-lost-bg);color:var(--danger)}

    .og-wrap{margin:0 20px 13px;border:0.5px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg-surface)}
    .og-head{padding:11px 13px;background:var(--surface2);border-bottom:0.5px solid var(--border);display:flex;align-items:center;gap:10px}
    .og-lbl{font-size:16px;font-weight:600;background:transparent;border:none;color:var(--text);outline:none;flex:1;min-width:0}
    .og-price-row{display:flex;align-items:center;gap:5px}
    .og-dollar{font-size:12px;color:var(--text3)}
    .og-price{font-size:14px;width:96px;background:var(--surface3);border:0.5px solid var(--border);border-radius:7px;padding:5px 9px;color:var(--text);text-align:right;outline:none;-webkit-appearance:none}
    .og-del{background:none;border:none;color:var(--text3);cursor:pointer;padding:4px 7px;font-size:15px}
    .og-items{padding:6px 0}
    .og-item-row{padding:7px 13px;border-bottom:0.5px solid var(--border);display:flex;align-items:flex-start;gap:7px}
    .og-item-row:last-child{border-bottom:none}
    .og-item-text{font-size:12px;color:var(--text2);line-height:1.5;flex:1;word-break:break-word}
    .og-item-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:13px;padding:2px 5px;flex-shrink:0}
    .og-add{width:100%;padding:9px;background:none;border:none;border-top:0.5px solid var(--border);font-size:10px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--accent);cursor:pointer;text-align:center}

    .add-bar{margin:0 20px 10px;display:flex;gap:8px}
    .add-bar-btn{flex:1;padding:11px;background:var(--bg-surface);border:1.5px dashed var(--border);border-radius:10px;font-size:10px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--text3);cursor:pointer;text-align:center}
    .add-bar-btn:active{background:var(--surface2)}

    .add-form{margin:0 20px 11px;background:var(--bg-surface);border:0.5px solid var(--accent);border-radius:10px;padding:13px;display:none}
    .add-form.open{display:block}
    .ff{margin-bottom:9px}
    .fl{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;color:var(--text3);margin-bottom:3px;display:block}
    .fi{width:100%;font-size:14px;background:var(--surface2);border:0.5px solid var(--border);border-radius:8px;padding:9px 11px;color:var(--text);outline:none;-webkit-appearance:none}
    .fi:focus{border-color:var(--accent)}
    .fs{width:100%;font-size:14px;background:var(--surface2);border:0.5px solid var(--border);border-radius:8px;padding:9px 11px;color:var(--text);outline:none;-webkit-appearance:none;appearance:none}
    .fta{width:100%;font-size:14px;background:var(--surface2);border:0.5px solid var(--border);border-radius:8px;padding:9px 11px;color:var(--text);outline:none;resize:vertical;min-height:68px;-webkit-appearance:none}
    .fr{display:grid;grid-template-columns:1fr 1fr;gap:9px}
    .fbtns{display:flex;gap:7px;margin-top:3px}
    .fbtn{flex:1;padding:11px;border-radius:9px;font-size:11px;font-weight:500;letter-spacing:.5px;cursor:pointer;border:0.5px solid var(--border);background:var(--surface2);color:var(--text2)}
    .fbtn.add{background:var(--accent);color:#fff;border-color:var(--accent)}

    .total-card{margin:0 20px 20px;background:linear-gradient(135deg,var(--navy) 0%,#2a5a8a 100%);border-radius:var(--radius-lg);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 16px rgba(27,58,92,0.20)}
    .tc-left{display:flex;flex-direction:column;gap:2px}
    .tc-lbl{font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6)}
    .tc-cnt{font-size:11px;color:rgba(255,255,255,.4)}
    .tc-amt{font-size:30px;font-weight:700;letter-spacing:0.5px;color:#fff;font-variant-numeric:tabular-nums}

    .approve-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-surface);border-top:0.5px solid var(--border);padding:11px 20px 30px;display:flex;gap:10px;z-index:210}
    .apbtn{flex:1;padding:15px;border-radius:var(--radius);font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border:none;transition:all .15s}
    .apbtn:active{transform:scale(.97)}
    .apbtn.p{background:linear-gradient(135deg,var(--navy) 0%,#2a5a8a 100%);color:var(--cta-text);box-shadow:0 2px 8px rgba(27,58,92,0.25)}
    .apbtn.p:active{box-shadow:none}
    .apbtn.s{background:var(--bg-surface);color:var(--text2);border:1px solid var(--border)}
    /* View mode — read-only estimate presentation */
    .est-view-mode .estimate-meta input{background:transparent;border-color:transparent;font-weight:500;padding-left:0}
    .est-view-mode .estimate-meta label{font-size:9px}
    .est-view-mode .mode-bar,.est-view-mode .mode-hint,.est-view-mode .add-bar,.est-view-mode .add-form,.est-view-mode .jt-wrap .mh-btn{display:none!important}
    .est-view-mode .estimate-meta input:focus{background:transparent;border-color:transparent}
    .est-view-mode .li-card .li-btns,.est-view-mode .li-card .pr-row input,.est-view-mode .li-card .li-edit{display:none}
    .est-view-mode .li-card .pr-row{pointer-events:none}
    .est-view-mode .li-card .pr-row::after{content:none}
    .est-view-mode .pr-dollar,.est-view-mode .pr-inp{display:none}
    .est-view-mode .li-card .pr-view{display:block;font-size:14px;font-weight:600;color:var(--text)}
    .li-card .pr-view{display:none}
    .est-view-mode .jt-wrap input{background:transparent;border-color:transparent;font-weight:600;font-size:18px;pointer-events:none}
    .est-view-mode .jt-wrap .jt-dollar{font-size:18px;font-weight:600}
    .est-view-mode .og-wrap input{pointer-events:none;background:transparent;border-color:transparent}
    .est-view-mode .og-del,.est-view-mode .og-item-del,.est-view-mode .og-add{display:none}
    .view-bar{position:fixed;bottom:70px;left:0;right:0;background:var(--bg-surface);border-top:0.5px solid var(--border);padding:10px 16px 10px;display:flex;gap:8px;z-index:190}
    .view-bar .vb-home{flex:0 0 auto;padding:15px 14px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--bg-surface);color:var(--text2);transition:all .15s}
    .view-bar .vb-home:active{background:var(--surface2);transform:scale(.97)}
    .view-bar .vb-edit{flex:1;padding:15px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid var(--navy);background:transparent;color:var(--navy);transition:all .15s}
    .view-bar .vb-edit:active{background:rgba(27,58,92,0.06);transform:scale(.97)}
    .view-bar .vb-export{flex:1;padding:15px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;border:none;background:linear-gradient(135deg,var(--navy) 0%,#2a5a8a 100%);color:var(--cta-text);box-shadow:0 2px 8px rgba(27,58,92,0.25)}
    .view-bar .vb-export:active{transform:scale(.97);box-shadow:none}

    /* APPROVE */
    #screen-approve{background:var(--bg-page)}
    .approved-badge{margin:22px 20px 0;background:var(--pill-won-bg);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:10px}
    .approved-badge-text{font-size:12px;color:var(--pill-won-text);font-weight:500;letter-spacing:.04em}
    .choice-card{margin:9px 20px 0;background:var(--bg-surface);border:0.5px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:background .15s}
    .choice-card:active{background:var(--surface2)}
    .choice-inner{padding:17px 19px;display:flex;align-items:center;gap:15px}
    .choice-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}
    .choice-icon.g{background:var(--pill-won-bg)}
    .choice-icon.b{background:var(--accent-bg)}
    .choice-icon.o{background:#FFF8E8}
    .choice-icon.gr{background:var(--surface2)}
    .choice-text{flex:1}
    .choice-title{font-size:15px;font-weight:500;color:var(--text);margin-bottom:3px}
    .choice-sub{font-size:12px;color:var(--text3);line-height:1.5}
    .choice-arrow{color:var(--text3);font-size:18px}

    .jc-preview{margin:15px 20px 0;background:var(--accent-bg);border:0.5px solid var(--accent-border);border-radius:10px;overflow:hidden}
    .jc-head{padding:11px 13px;background:var(--accent-bg);border-bottom:0.5px solid var(--accent-border);display:flex;align-items:center;gap:7px}
    .jc-head-lbl{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}
    .jc-body{padding:13px}
    .jc-row{display:flex;gap:7px;margin-bottom:9px;flex-wrap:wrap}
    .jc-field{flex:1;min-width:110px}
    .jc-lbl{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:3px}
    .jc-val{font-size:13px;color:var(--text);line-height:1.4}
    .jc-list{list-style:none;padding:0}
    .jc-list li{font-size:12px;color:var(--text2);padding:2px 0}
    .jc-list li::before{content:'· ';color:var(--internal-accent)}

    .crm-section{margin:18px 20px 0}
    .crm-title{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;color:var(--text3);margin-bottom:9px}
    .crm-item{background:var(--bg-surface);border:0.5px solid var(--border);border-radius:10px;padding:11px 13px;margin-bottom:7px}
    .crm-text{font-size:11px;color:var(--text2);line-height:1.7;margin-bottom:9px;word-break:break-word}
    .crm-copy{width:100%;padding:9px;background:var(--surface2);border:0.5px solid var(--border);border-radius:7px;font-size:11px;color:var(--accent);cursor:pointer;text-align:center}
    .crm-copy:active{background:var(--accent-bg)}
    .crm-copy.done{background:var(--accent-bg);color:var(--accent)}

    /* TRANSCRIPT SCREEN */
    #screen-transcript{background:var(--bg-page)}
    .tx-meta{margin:16px 20px 0;background:var(--accent-bg);border:0.5px solid var(--accent-border);border-radius:10px;padding:13px 15px}
    .tx-meta-label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:4px}
    .tx-meta-val{font-size:13px;color:var(--text2)}
    .tx-body{margin:12px 20px 0;background:var(--bg-surface);border:0.5px solid var(--border);border-radius:10px;padding:16px}
    .tx-text{font-size:13px;color:var(--text);line-height:1.8;white-space:pre-wrap;word-break:break-word}
    .tx-actions{margin:14px 20px 0;display:flex;flex-direction:column;gap:10px}
    .tx-btn{padding:15px;border-radius:10px;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;text-align:center;transition:all .15s}
    .tx-btn:active{transform:scale(.97)}
    .tx-btn.reparse{background:var(--cta-bg);color:#fff}
    .tx-btn.copy{background:var(--bg-surface);border:0.5px solid var(--border);color:var(--text2)}
    .tx-note{margin:10px 20px 0;font-size:12px;color:var(--text3);line-height:1.6;text-align:center}

    /* INPUTS TAB */
    #screen-inputs{background:var(--bg-page)}
    .sg{margin:14px 20px 0;background:var(--bg-surface);border:0.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
    .sg-label{padding:11px 15px 8px;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;color:var(--text3);border-bottom:0.5px solid var(--border)}
    .sr{padding:13px 15px;border-bottom:0.5px solid var(--border);display:flex;align-items:center;gap:11px}
    .sr:last-child{border-bottom:none}
    .sr label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;color:var(--text3);display:block;margin-bottom:3px}
    .si{width:100%;font-size:14px;background:transparent;border:none;color:var(--text);outline:none;-webkit-appearance:none}
    .si::placeholder{color:var(--text3)}
    .toggle-row{padding:13px 15px;border-bottom:0.5px solid var(--border);display:flex;align-items:center;justify-content:space-between}
    .toggle-row:last-child{border-bottom:none}
    .toggle-info{flex:1}
    .toggle-label{font-size:14px;color:var(--text);font-weight:500}
    .toggle-sub{font-size:11px;color:var(--text3);margin-top:2px;line-height:1.4}
    .toggle{position:relative;width:44px;height:26px;flex-shrink:0}
    .toggle input{opacity:0;width:0;height:0}
    .tslider{position:absolute;cursor:pointer;inset:0;background:var(--surface3);border-radius:13px;transition:.3s}
    .tslider::before{content:'';position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#888;border-radius:50%;transition:.3s}
    .toggle input:checked+.tslider{background:var(--navy)}
    .toggle input:checked+.tslider::before{transform:translateX(18px);background:#fff}
    .tmpl-card{margin:0 20px 11px;background:var(--bg-surface);border:0.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
    .tmpl-hdr{padding:11px 13px 7px;background:var(--surface2);border-bottom:0.5px solid var(--border);display:flex;align-items:center;justify-content:space-between}
    .tmpl-name{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;color:var(--text2)}
    .tmpl-family{font-size:9px;color:var(--text3);letter-spacing:0.04em}
    .tmpl-body{padding:11px 13px}
    .tmpl-ta{width:100%;font-family:'DM Mono',monospace;font-size:12px;background:var(--surface2);border:0.5px solid var(--border);border-radius:8px;padding:9px;color:var(--text);resize:vertical;min-height:76px;outline:none;line-height:1.6;-webkit-appearance:none}
    .tmpl-ta:focus{border-color:var(--accent)}
    .tmpl-hint{font-size:11px;color:var(--text3);margin-top:5px;line-height:1.5}
    .rules-ta{width:100%;font-family:'DM Mono',monospace;font-size:13px;background:transparent;border:none;color:var(--text);outline:none;resize:vertical;min-height:150px;padding:13px 15px;line-height:1.7;-webkit-appearance:none}
    .rules-ta::placeholder{color:var(--text3)}
    .rate-row{padding:9px 15px;border-bottom:0.5px solid var(--border);display:flex;align-items:center;gap:9px}
    .rate-row:last-child{border-bottom:none}
    .rate-name{flex:1;font-size:14px;background:transparent;border:none;color:var(--text);outline:none;-webkit-appearance:none}
    .rate-name::placeholder{color:var(--text3)}
    .rate-dollar{font-size:12px;color:var(--text3)}
    .rate-val{width:68px;font-size:14px;background:var(--surface2);border:0.5px solid var(--border);border-radius:6px;padding:4px 7px;color:var(--text);text-align:right;outline:none;-webkit-appearance:none}
    .rate-unit{font-size:10px;color:var(--text3);white-space:nowrap}
    .rate-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:15px;padding:3px}
    .add-rate-btn{width:100%;padding:11px;background:none;border:none;border-top:0.5px solid var(--border);font-size:11px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--accent);cursor:pointer;text-align:center}
    .save-btn{margin:18px 20px;width:calc(100% - 40px);padding:16px;background:linear-gradient(135deg,var(--navy) 0%,#2a5a8a 100%);border:none;border-radius:var(--radius);font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--cta-text);cursor:pointer;box-shadow:0 2px 8px rgba(27,58,92,0.25);transition:all .15s}
    .save-btn:active{background:var(--navy-deep);box-shadow:none;transform:scale(.98)}

    /* SETTINGS */
    #screen-settings{background:var(--bg-page)}
    .sl-row{padding:13px 15px;display:flex;align-items:center;gap:13px}
    .sl-box{width:58px;height:58px;background:var(--surface2);border:1.5px dashed var(--border2);border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;cursor:pointer}
    .sl-box img{width:100%;height:100%;object-fit:contain;display:none}
    .sl-plus{font-size:20px;color:var(--text3);pointer-events:none}
    .sl-box input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}
    .sl-info{flex:1}
    .sl-name{font-size:14px;color:var(--text);font-weight:500}
    .sl-sub{font-size:12px;color:var(--text3);margin-top:2px}
    .color-row{padding:13px 15px;display:flex;gap:11px;flex-wrap:wrap}
    .cdot{width:34px;height:34px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .15s;position:relative}
    .cdot.selected::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:bold}
    .cdot-wrap{position:relative;display:inline-block}
    .cdot-x{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:#e5e5e5;border:1px solid #ccc;color:#666;font-size:10px;line-height:14px;text-align:center;cursor:pointer;display:none;z-index:1}
    .cdot-wrap:hover .cdot-x,.cdot-wrap:active .cdot-x{display:block}

    /* PIPELINE */
    #screen-pipeline{background:var(--bg-page)}
    .pipe-header{padding:14px 20px 0;display:flex;align-items:center;justify-content:space-between}
    .pipe-title{font-size:16px;font-weight:600;letter-spacing:0.04em}
    .pipe-view-toggle{background:none;border:0.5px solid var(--border);border-radius:8px;padding:6px 10px;font-size:16px;cursor:pointer;color:var(--text2)}
    .pipe-stats{padding:8px 12px 0;display:flex;gap:4px;font-size:11px;color:var(--text3);max-width:600px;margin:0 auto}
    .pipe-stat-val{color:var(--text);font-weight:500}
    .pipe-tabs{display:flex;gap:0;padding:12px 12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .pipe-tabs::-webkit-scrollbar{display:none}
    .pipe-tab{flex:0 0 auto;text-align:center;padding:8px 6px;font-size:9px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--text3);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;min-width:0}
    .pipe-tab.active{color:var(--text);border-bottom-color:var(--navy)}
    .pipe-tab-count{display:inline-block;margin-left:4px;font-size:9px;background:var(--surface2);border-radius:10px;padding:1px 6px;color:var(--text3)}
    .pipe-tab.active .pipe-tab-count{background:var(--navy);color:#fff}

    .kanban-wrap{overflow-x:auto;scroll-snap-type:x mandatory;display:flex;gap:0;padding:12px 0 0;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
    .kanban-col{min-width:300px;max-width:300px;scroll-snap-align:center;padding:0 6px 20px;flex-shrink:0}
    .kanban-col:first-child{padding-left:16px}
    .kanban-col:last-child{padding-right:16px}
    @media(max-width:480px){.kanban-col{min-width:78vw;max-width:78vw}}
    .kanban-col-head{font-size:11px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--text2);margin-bottom:10px;margin-top:6px;padding-top:8px}
    .kanban-col-head-row{display:flex;align-items:center;gap:6px}
    .kanban-col-head-stats{font-size:10px;font-weight:500;color:var(--text3);margin-top:2px;margin-left:14px}
    .kanban-col-dot{width:8px;height:8px;border-radius:50%}
    .kanban-empty{padding:20px;text-align:center;color:var(--text3);font-size:12px;background:var(--bg-surface);border:0.5px dashed var(--border);border-radius:10px}

    .pipe-card-wrap{margin-bottom:10px}
    .pipe-card-inner{position:relative}
    .pipe-card-front,.pipe-card-back{background:var(--bg-surface);border:0.5px solid var(--border);border-radius:var(--radius);padding:12px 14px;cursor:pointer;position:relative}
    .pipe-card-front{transition:opacity .2s ease}
    .pipe-card-back{display:none;border-left-color:var(--navy)}
    .pipe-card-wrap.flipped .pipe-card-front{display:none}
    .pipe-card-wrap.flipped .pipe-card-back{display:block}
    .pipe-card-front:active,.pipe-card-back:active{background:var(--surface2)}
    .pipe-card-client{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .pipe-card-summary{font-size:12px;color:var(--text2);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
    .pipe-card-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
    .pipe-card-total{font-size:17px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}
    .pipe-card-date{font-size:10px;color:var(--text3)}
    .jc-back-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:2px}
    .jc-back-val{font-size:13px;color:var(--text);font-weight:500;margin-bottom:8px}
    .jc-back-row{display:flex;gap:16px}
    .jc-back-col{flex:1;min-width:0}

    /* LIST VIEW */
    .pipe-list{padding:12px 20px 20px}
    .pipe-filters{display:flex;gap:6px;padding:12px 20px 0;overflow-x:auto}
    .pipe-filter{padding:6px 14px;border-radius:20px;border:0.5px solid var(--border);background:var(--bg-surface);font-size:10px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--text3);cursor:pointer;white-space:nowrap}
    .pipe-filter.active{background:var(--accent-bg);border-color:var(--accent);color:var(--navy)}
    .pipe-sort{padding:6px 20px 0;display:flex;justify-content:flex-end}
    .pipe-sort select{font-size:10px;background:var(--bg-surface);border:0.5px solid var(--border);border-radius:6px;padding:4px 8px;color:var(--text2);outline:none}
    .list-row{background:var(--bg-surface);border:0.5px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px;cursor:pointer;border-left:3.5px solid var(--border);transition:all .15s;box-shadow:var(--shadow-sm)}
    .list-row:active{background:var(--surface2);transform:scale(.99);box-shadow:none}
    .list-row.s-draft{border-left-color:var(--status-draft)}
    .list-row.s-sent{border-left-color:var(--status-sent)}
    .list-row.s-won{border-left-color:var(--status-won)}
    .list-row.s-scheduled{border-left-color:var(--status-scheduled)}
    .list-row.s-completed{border-left-color:var(--status-completed)}
    .list-row.s-invoiced{border-left-color:var(--status-invoiced)}
    .list-row.s-paid{border-left-color:var(--status-paid)}
    .list-row.s-lost{border-left-color:var(--status-lost)}
    .list-row-top{display:flex;align-items:center;justify-content:space-between}
    .list-row-client{font-size:14px;font-weight:500;color:var(--text)}
    .list-row-total{font-size:16px;font-weight:600;color:var(--text)}
    .list-row-meta{display:flex;gap:8px;align-items:center;margin-top:4px;font-size:10px;color:var(--text3)}
    .status-pill{display:inline-block;padding:2px 7px;border-radius:99px;font-size:9px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}
    .status-pill.draft{background:var(--pill-draft-bg);color:var(--pill-draft-text)}
    .status-pill.sent{background:var(--pill-sent-bg);color:var(--pill-sent-text)}
    .status-pill.won{background:var(--pill-won-bg);color:var(--pill-won-text)}
    .status-pill.scheduled{background:var(--pill-scheduled-bg);color:var(--pill-scheduled-text)}
    .status-pill.completed{background:var(--pill-completed-bg);color:var(--pill-completed-text)}
    .status-pill.invoiced{background:var(--pill-invoiced-bg);color:var(--pill-invoiced-text)}
    .status-pill.paid{background:var(--pill-paid-bg);color:var(--pill-paid-text)}
    .status-pill.lost{background:var(--pill-lost-bg);color:var(--pill-lost-text)}

    /* ESTIMATE TABS (job card) */
    .est-tabs{display:flex;background:var(--bg-surface);border-bottom:0.5px solid var(--border)}
    .est-tab{flex:1;text-align:center;padding:13px 4px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text2);cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;border-radius:0}
    .est-tab.active{color:#fff;background:var(--navy);border-bottom-color:var(--navy)}
    .est-tab:active{opacity:.7}
    .jc-form{padding:16px 20px}
    .jc-form-section{margin-bottom:18px}
    .jc-form-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--text);margin-bottom:10px;padding-bottom:6px;border-bottom:0.5px solid var(--border)}
    .jc-field{margin-bottom:10px;display:flex;flex-direction:column;gap:4px}
    .jc-field label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;color:var(--text3)}
    .jc-field input,.jc-field select,.jc-field textarea{font-size:14px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);outline:none;width:100%;-webkit-appearance:none;transition:border-color .2s,box-shadow .2s}
    .jc-field input:not(:placeholder-shown),.jc-field textarea:not(:placeholder-shown){background:var(--bg-surface);border-color:var(--accent);border-width:1.5px}
    .jc-field input:focus,.jc-field select:focus,.jc-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(74,123,175,0.1)}
    .jc-field textarea{resize:vertical;min-height:60px;line-height:1.5}
    .jc-field-row{display:flex;gap:10px}
    .jc-field-row .jc-field{flex:1}
    .jc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
    .jc-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--surface2);border:0.5px solid var(--border);border-radius:8px;font-size:12px;color:var(--text2)}
    .jc-chip-x{cursor:pointer;color:var(--text3);font-size:14px;line-height:1}
    .jc-chip-x:hover{color:var(--danger)}
    .jc-add-btn{font-size:10px;font-weight:500;padding:6px 12px;border-radius:8px;border:0.5px solid var(--accent);color:var(--accent);background:none;cursor:pointer;margin-top:4px}

    /* CUSTOM CONFIRM MODAL */
    .confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:9998;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}
    .confirm-box{background:var(--bg-surface);border-radius:16px;padding:24px;width:calc(100% - 48px);max-width:340px;box-shadow:0 16px 48px rgba(27,58,92,0.2);animation:slideUp .2s ease}
    .confirm-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px}
    .confirm-msg{font-size:13px;color:var(--text2);line-height:1.5;margin-bottom:20px}
    .confirm-btns{display:flex;gap:10px}
    .confirm-btn{flex:1;padding:12px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .1s}
    .confirm-btn.cancel{background:var(--surface2);color:var(--text2);border:0.5px solid var(--border)}
    .confirm-btn.cancel:active{background:var(--surface3)}
    .confirm-btn.ok{background:var(--navy);color:#fff}
    .confirm-btn.ok:active{opacity:0.85}
    .confirm-btn.danger{background:#e05a3a;color:#fff}
    .confirm-btn.danger:active{opacity:0.85}

    /* FLOATING ACTION BUTTON */
    .fab-feedback{position:fixed;bottom:156px;right:24px;width:40px;height:40px;border-radius:50%;background:var(--bg-surface);border:1.5px solid var(--border);box-shadow:0 2px 10px rgba(0,0,0,0.12);cursor:pointer;z-index:190;display:flex;align-items:center;justify-content:center;font-size:18px;text-decoration:none;transition:transform .15s,box-shadow .15s}
    .fab-feedback:active{transform:scale(0.92);box-shadow:0 1px 4px rgba(0,0,0,0.1)}
    .fab-new-estimate{position:fixed;bottom:90px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--navy);color:#fff;border:none;box-shadow:0 4px 16px rgba(27,58,92,0.35);cursor:pointer;z-index:190;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:300;transition:transform .15s,box-shadow .15s}
    .fab-new-estimate:active{transform:scale(0.92);box-shadow:0 2px 8px rgba(27,58,92,0.25)}

    /* ACTION SHEET */
    .action-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:600;display:none;align-items:flex-end;justify-content:center}
    .action-sheet-overlay.open{display:flex}
    .action-sheet{background:var(--bg-surface);border-radius:16px 16px 0 0;padding:12px 16px 32px;width:100%;animation:sheetUp .2s ease;box-shadow:0 -8px 30px rgba(27,58,92,0.12)}
    .action-sheet-handle{width:38px;height:4px;background:var(--border2);border-radius:2px;margin:0 auto 14px}
    .action-sheet-btn{width:100%;padding:14px;background:var(--surface2);border:0.5px solid var(--border);border-radius:10px;font-size:12px;font-weight:500;letter-spacing:.5px;color:var(--text);cursor:pointer;text-align:center;margin-bottom:8px}
    .action-sheet-btn:active{background:var(--surface3)}
    .action-sheet-btn.destructive{color:var(--danger);border-color:var(--pill-lost-bg)}
    .lost-reason-opt{width:100%;padding:11px 14px;background:var(--surface2);border:0.5px solid var(--border);border-radius:8px;font-size:12px;color:var(--text);cursor:pointer;text-align:left;margin-bottom:6px;transition:all .15s}
    .lost-reason-opt:active,.lost-reason-opt.selected{background:var(--pill-lost-bg);border-color:var(--danger);color:var(--danger)}
    .action-sheet-cancel{width:100%;padding:14px;background:var(--surface2);border:0.5px solid var(--border);border-radius:10px;font-size:12px;font-weight:500;letter-spacing:.5px;color:var(--text3);cursor:pointer;text-align:center;margin-top:4px}
    .pipe-archived-toggle{padding:14px 20px;text-align:center}
    .pipe-archived-toggle button{font-size:10px;color:var(--text3);background:none;border:none;cursor:pointer;text-decoration:underline}

    /* DRAG & DROP */
    .pipe-card.dragging{opacity:.4;transform:scale(.96);transition:none}
    .drag-ghost{position:fixed;z-index:700;pointer-events:none;width:75vw;opacity:.92;transform:rotate(-1.5deg);box-shadow:0 12px 40px rgba(0,0,0,.15)}
    .pipe-tab.drag-over{background:var(--accent-bg);color:var(--navy);transform:scale(1.08);transition:all .15s}
    .pipe-card-actions{display:flex;gap:4px;margin-top:6px}
    .pipe-card-status-btn{padding:3px 8px;border-radius:6px;font-size:8px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;border:0.5px solid var(--border);background:var(--surface2);color:var(--text3);cursor:pointer;transition:all .15s}
    .pipe-card-status-btn:active{transform:scale(.95)}
    .pipe-card-status-btn.to-draft{border-color:var(--pill-draft-bg);color:var(--pill-draft-text);background:var(--pill-draft-bg)}
    .pipe-card-status-btn.to-sent{border-color:var(--pill-sent-bg);color:var(--pill-sent-text);background:var(--pill-sent-bg)}
    .pipe-card-status-btn.to-won{border-color:var(--pill-won-bg);color:var(--pill-won-text);background:var(--pill-won-bg)}
    .pipe-card-status-btn.to-scheduled{border-color:var(--pill-scheduled-bg);color:var(--pill-scheduled-text);background:var(--pill-scheduled-bg)}
    .pipe-card-status-btn.to-completed{border-color:var(--pill-completed-bg);color:var(--pill-completed-text);background:var(--pill-completed-bg)}
    .pipe-card-status-btn.to-invoiced{border-color:var(--pill-invoiced-bg);color:var(--pill-invoiced-text);background:var(--pill-invoiced-bg)}
    .pipe-card-status-btn.to-paid{border-color:var(--pill-paid-bg);color:var(--pill-paid-text);background:var(--pill-paid-bg)}
    .pipe-card-status-btn.to-lost{border-color:var(--pill-lost-bg);color:var(--pill-lost-text);background:var(--pill-lost-bg)}

    /* SENT EDIT WARNING */
    .sent-warning-bar{background:var(--accent-bg);border:0.5px solid var(--accent-border);border-radius:10px;padding:8px 12px;margin:12px 20px 0;display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:10px;color:var(--accent)}
    .sent-warning-bar .sw-icon{font-size:16px;flex-shrink:0}
    .sent-warning-bar .sw-text{flex:1;line-height:1.4}
    .sent-warning-bar .sw-btn{font-size:10px;font-weight:500;color:var(--navy);border:0.5px solid var(--accent);border-radius:6px;padding:3px 8px;background:transparent;cursor:pointer;white-space:nowrap}
    .sent-warning-bar .sw-btn:active{background:var(--accent-bg)}
    .est-locked .estimate-meta input,.est-locked .estimate-meta select,.est-locked .add-bar,.est-locked .add-form,.est-locked .jt-wrap,.est-locked .mode-bar,.est-locked .item-card .ie,.est-locked .item-card .id,.est-locked .item-card .ip{pointer-events:none;opacity:.5}

    /* MODALS */
    .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:500;display:none;align-items:flex-end;justify-content:center}
    .modal-overlay.open{display:flex}
    .modal-sheet{background:var(--bg-surface);border-radius:20px 20px 0 0;padding:19px 20px 38px;width:100%;max-width:480px;animation:sheetUp .25s ease;max-height:87vh;overflow-y:auto;box-shadow:0 -8px 30px rgba(27,58,92,0.12)}
    @keyframes sheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
    .mhandle{width:38px;height:4px;background:var(--border2);border-radius:2px;margin:0 auto 18px}
    .mtitle{font-size:18px;font-weight:600;letter-spacing:0.04em;color:var(--text);margin-bottom:15px}
    .mfield{margin-bottom:11px}
    .mlabel{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;color:var(--text3);margin-bottom:4px;display:block}
    .minput{width:100%;font-size:15px;background:var(--surface2);border:0.5px solid var(--border);border-radius:10px;padding:11px 13px;color:var(--text);outline:none;-webkit-appearance:none}
    .minput:focus{border-color:var(--accent)}
    .mbtns{display:flex;gap:9px;margin-top:15px}
    .mbtn{flex:1;padding:14px;border-radius:10px;font-size:12px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;cursor:pointer;border:none}
    .mbtn.cancel{background:var(--surface2);color:var(--text2)}
    .mbtn.confirm{background:linear-gradient(135deg,var(--navy) 0%,#2a5a8a 100%);color:#fff;border:none;box-shadow:0 2px 8px rgba(27,58,92,0.25)}

    /* TOAST */
    .toast{position:fixed;bottom:100px;left:20px;right:20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:13px 16px;font-size:13px;font-weight:500;color:var(--text);z-index:999;display:none;animation:slideUp .25s ease;line-height:1.5;box-shadow:var(--shadow-lg)}
    .toast.show{display:block}
    .toast.warn{border-color:#d4a04a;background:#FFF8E8;color:#8b6a00}
    .toast.success{border-color:var(--status-won);background:var(--pill-won-bg);color:var(--pill-won-text)}
    @keyframes slideUp{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}

    /* CONVERSATION SCREEN */
    #screen-convo{background:var(--bg-page)}
    .convo-scroll{padding:16px 20px 180px}
    .convo-bubble{max-width:85%;padding:13px 16px;border-radius:16px;margin-bottom:10px;font-size:14px;line-height:1.6;animation:fadeIn .25s ease}
    @keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
    @keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
    .convo-bubble.ai{background:var(--bg-surface);border:0.5px solid var(--border);color:var(--text);margin-right:auto;border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}
    .convo-bubble.user{background:linear-gradient(135deg,var(--navy) 0%,#2a5a8a 100%);border:none;color:#fff;margin-left:auto;border-bottom-right-radius:4px;box-shadow:0 2px 8px rgba(27,58,92,0.2)}
    .convo-label{font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;color:var(--text3);margin-bottom:6px;display:block}
    .convo-bubble.user .convo-label{color:rgba(255,255,255,.6)}
    .convo-question{margin-top:10px;padding-top:9px;border-top:0.5px solid var(--border);font-size:14px;color:var(--text);line-height:1.6}
    .convo-question::before{content:'→ ';color:var(--accent);font-weight:bold}
    .convo-typing{display:flex;gap:5px;padding:14px 18px;max-width:80px}
    .convo-typing span{width:8px;height:8px;background:var(--text3);border-radius:50%;animation:typeDot 1.2s infinite}
    .convo-typing span:nth-child(2){animation-delay:.2s}
    .convo-typing span:nth-child(3){animation-delay:.4s}
    @keyframes typeDot{0%,60%,100%{opacity:.3}30%{opacity:1}}
    .convo-quick-opts{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 10px}
    .convo-opt-btn{padding:10px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:var(--shadow-sm)}
    .convo-opt-btn:active{background:var(--accent-bg);border-color:var(--accent);color:var(--navy);box-shadow:none}
    .convo-input-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-surface);border-top:0.5px solid var(--border);padding:10px 16px 28px;z-index:200}
    .convo-input-row{display:flex;gap:8px;align-items:center}
    .convo-text-input{flex:1;font-size:15px;background:var(--surface2);border:0.5px solid var(--border);border-radius:24px;padding:11px 16px;color:var(--text);outline:none}
    .convo-text-input:focus{border-color:var(--accent)}
    .convo-mic-btn,.convo-send-btn{width:44px;height:44px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;flex-shrink:0}
    .convo-mic-btn{background:var(--surface2);border:0.5px solid var(--border);color:var(--text)}
    .convo-mic-btn.recording{background:#FBEAEA;border-color:var(--danger);animation:micPulse 1s infinite}
    @keyframes micPulse{0%,100%{opacity:1}50%{opacity:.6}}
    .convo-send-btn{background:linear-gradient(135deg,var(--navy) 0%,#2a5a8a 100%);color:#fff;box-shadow:0 2px 6px rgba(27,58,92,0.25)}

    @media(min-width:900px){
      .branding-desktop-wrap{display:flex;gap:24px;padding:0 4px}
      .desktop-only{display:inline!important}
      .branding-form-col{flex:1 1 340px;min-width:280px;max-width:480px}
      .branding-preview-mobile{position:sticky;top:0;flex:1 1 400px;align-self:flex-start;margin-top:0!important;cursor:pointer}
    }