:root{--bg:#f3f6f9;--card:#fff;--ink:#17324d;--muted:#728397;--line:#e2e8ef;--blue:#2d6cdf;--danger:#c0392b;--ok:#1e8449}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:.02em}.brand span{color:var(--blue);font-weight:500}.top-actions{display:flex;align-items:center;gap:12px}.page{max-width:1680px;margin:0 auto;padding:24px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.eyebrow{margin:0;color:#7f91a5;font-size:12px;letter-spacing:.12em}h1{margin:2px 0 4px;font-size:26px}h2{font-size:20px;margin:2px 0}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;cursor:pointer;font-size:13px}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.ghost{background:transparent}.btn.small{height:30px;padding:0 10px;font-size:12px}.wide{width:100%}.link{border:0;background:none;color:var(--blue);cursor:pointer;text-decoration:none}.inline{display:inline}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.metric{text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{font-size:24px;display:block;margin-top:2px}.metric.danger strong{color:var(--danger)}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.filters input,.filters select,.stack input,.stack select,.stack textarea,.row input,.row select,.form-grid input,.form-grid select,.form-grid textarea{height:34px;border:1px solid #d7e0e9;border-radius:7px;padding:0 10px;background:#fff;color:var(--ink);font:inherit}.filters .search{min-width:240px}.table-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.table-scroll{overflow:auto;max-height:calc(100vh - 310px)}.leads-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1500px;font-size:13px}.leads-table th{position:sticky;top:0;background:#f8fafc;color:#5e7185;text-align:left;font-weight:600;padding:10px 9px;border-bottom:1px solid var(--line);white-space:nowrap;z-index:2}.leads-table td{padding:10px 9px;border-bottom:1px solid #eef2f6;vertical-align:middle;white-space:nowrap}.leads-table tbody tr{cursor:pointer}.leads-table tbody tr:hover{background:#f6f9fd}.leads-table tr.overdue td{background:#fff7f5}.leads-table .check{width:34px}.leads-table .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#4c647c}.leads-table .feedback{color:#6a7d90;max-width:220px;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;padding:2px 8px;border-radius:99px;background:#eef3f8;color:#4b647a;font-size:12px;white-space:nowrap}.badge.new{background:#e8f0ff;color:#245db3}.badge.contacting{background:#fff1df;color:#9a5b05}.badge.follow_up{background:#fff7cc;color:#7c6400}.badge.transfer{background:#f1e8ff;color:#6b3fa0}.badge.won{background:#e5f6ec;color:#1e8449}.badge.lost,.badge.invalid{background:#eceff2;color:#6b7c8f}.text-danger{color:var(--danger)}.bulk-bar{display:flex;gap:10px;align-items:center;padding:9px 12px;background:#fbfcfe;border-top:1px solid var(--line);font-size:12px}.bulk-bar select{height:30px;border:1px solid #d7e0e9;border-radius:6px}.pager{margin-left:auto;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:40px!important}.pagination{display:flex;gap:12px;justify-content:center;padding:16px}.pagination a{color:var(--blue);text-decoration:none}.toast{background:#e8f6ee;border:1px solid #b9e3c9;color:#1e6b3c;padding:9px 12px;border-radius:8px;margin-bottom:10px}.drawer{position:fixed;inset:0;z-index:20}.drawer-backdrop{position:absolute;inset:0;background:rgba(15,33,50,.35)}.drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(560px,94vw);background:#fff;box-shadow:-12px 0 40px rgba(20,40,60,.18);overflow:auto;padding:20px}.panel-head{display:flex;justify-content:space-between;gap:12px}.icon-btn{border:0;background:#f1f5f9;border-radius:6px;width:30px;height:30px;font-size:20px;cursor:pointer;color:#61778c}.panel-actions{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.panel-meta{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:#63798d}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.panel-grid small,.panel-section small{color:var(--muted)}.panel-grid p{margin:2px 0}.panel-section{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.stack{display:grid;gap:8px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row select,.row input{flex:1;min-width:100px}.stack textarea{height:auto;padding:8px 10px;resize:vertical}.timeline{border-left:2px solid #dce7f1;padding:0 0 12px 12px;margin:10px 0;position:relative}.timeline strong{font-size:12px}.timeline span{float:right;color:var(--muted);font-size:11px}.timeline p{margin:3px 0;color:#4d6378}.login-card{max-width:380px;margin:10vh auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.login-card h1{font-size:24px}.login-card label,.form-grid label{display:grid;gap:5px;color:#4d6378;font-size:12px}.login-card input,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #d7e0e9;border-radius:7px;padding:8px 10px;font:inherit}.form-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .span-2{grid-column:1/-1}.actions{display:flex;gap:8px}.error{color:var(--danger)}.no-scroll{overflow:hidden}@media(max-width:700px){.page{padding:14px}.page-head{align-items:flex-start}.metrics{grid-template-columns:1fr 1fr}.filters .search{min-width:100%;width:100%}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.drawer-panel{width:100%}.leads-table{min-width:1100px}.table-scroll{max-height:none}}
.group-row td{background:#eef4fa;color:#365873;font-weight:600;font-size:12px;position:sticky;top:37px;z-index:1}.lead-row.active td{background:#e8f1ff!important;box-shadow:inset 3px 0 0 var(--blue)}.panel-nav{display:flex;gap:8px;align-items:center;margin:8px 0 0;font-size:11px}.form-grid.single{grid-template-columns:1fr;max-width:620px}.form-grid.single .span-2{grid-column:auto}.form-grid.single input,.form-grid.single select,.form-grid.single textarea{height:44px;font-size:16px}.form-grid.single textarea{height:auto}.form-grid.single .actions{position:sticky;bottom:0;background:#fff;padding:12px 0}.metric:nth-child(5) strong{font-size:22px}.metric:nth-child(6) strong{font-size:22px}@media(max-width:700px){.metrics{grid-template-columns:repeat(3,1fr);gap:7px}.metric{padding:9px}.metric strong{font-size:20px}.form-grid.single input,.form-grid.single select,.form-grid.single textarea{font-size:16px}.panel-nav{position:sticky;top:0;background:#fff;z-index:2;padding:6px 0}}
.create-head{max-width:760px;margin-left:auto;margin-right:auto}.create-form{max-width:760px;margin:0 auto 92px;display:grid;gap:12px}.form-section{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.form-section-head{display:flex;gap:11px;align-items:flex-start;margin-bottom:14px}.form-section-head h2{font-size:16px;margin:0}.form-section-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.step{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#e8f0ff;color:#245db3;font-size:12px;font-weight:700;flex:none}.field{display:grid;gap:6px;margin-bottom:12px}.field:last-child{margin-bottom:0}.field label{font-size:12px;color:#4d6378}.field label em{color:var(--danger);font-style:normal}.field input,.field select,.field textarea{width:100%;height:42px;border:1px solid #d7e0e9;border-radius:8px;padding:0 11px;font:inherit;background:#fbfcfe;color:var(--ink)}.field textarea{height:auto;padding:10px 11px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #cfe0ff;border-color:#8ab4f8;background:#fff}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{color:#8a9aab;font-size:11px}.save-bar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:760px;margin:0 auto;padding:12px 18px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(8px)}.save-actions{display:flex;gap:8px}.save-actions .btn{height:40px}.alert{background:#fff1f0;border:1px solid #f3c2bd;color:#9d2f25;padding:10px 12px;border-radius:8px}@media(max-width:700px){.create-head{display:block}.create-head .btn{display:none}.field-row{grid-template-columns:1fr}.save-bar{padding:10px 14px}.save-actions{flex:1}.save-actions .btn{flex:1;font-size:12px}.form-section{padding:15px}.create-form{margin-bottom:84px}}
.create-form .field-row{grid-template-columns:1fr;gap:0}
.create-form .field{width:50%}
@media(max-width:700px){.create-form .field{width:100%}}
/* lead registration polish */
body{background:radial-gradient(circle at 12% 0%,#eaf1fb 0,transparent 28%),var(--bg)}
.create-head{max-width:680px;text-align:left;margin-bottom:14px}
.create-form{max-width:680px;gap:0}
.create-form .form-section{position:relative;border:1px solid #dce5ef;border-radius:16px;padding:30px 32px 26px;box-shadow:0 18px 45px rgba(23,50,77,.08);overflow:hidden}
.create-form .form-section::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#2d6cdf,#6ea8fe,#b7d3ff)}
.create-form .field{width:50%;margin:0 auto 18px}
.create-form .field label{font-size:12px;font-weight:600;letter-spacing:.04em;color:#526a80;margin-bottom:2px}
.create-form .field input,.create-form .field select,.create-form .field textarea{height:46px;border-radius:10px;border:1px solid #d5e0eb;background:#f8fafc;transition:border-color .15s,box-shadow .15s,background .15s}
.create-form .field textarea{min-height:92px}
.create-form .field input:hover,.create-form .field select:hover,.create-form .field textarea:hover{border-color:#b8cde2;background:#fff}
.create-form .field input:focus,.create-form .field select:focus,.create-form .field textarea:focus{outline:none;border-color:#2d6cdf;background:#fff;box-shadow:0 0 0 4px rgba(45,108,223,.12)}
.create-form .field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6f8498 50%),linear-gradient(135deg,#6f8498 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}
.create-form .save-bar{max-width:680px;padding:14px 20px;background:rgba(255,255,255,.92);border:1px solid #dce5ef;border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 -8px 28px rgba(23,50,77,.06);backdrop-filter:blur(12px)}
.create-form .save-actions .btn{height:42px;border-radius:9px;font-weight:600}
.create-form .save-actions .btn.primary{box-shadow:0 8px 18px rgba(45,108,223,.24)}
.create-form .save-actions .btn:not(.primary){background:#f5f8fb}
@media(max-width:700px){.create-form .form-section{padding:22px 18px 18px}.create-form .field{width:100%;margin-bottom:15px}.create-form .save-bar{padding:10px 14px}.save-actions .btn{min-width:0}.create-head{margin-bottom:10px}}
.create-head,.create-form,.create-form .save-bar{max-width:860px}
.create-form .form-section{padding:38px 44px 34px}
.create-form .field{width:50%;margin-bottom:22px}
.create-form .field label{font-size:13px}
.create-form .field input,.create-form .field select,.create-form .field textarea{height:50px;font-size:15px}
.create-form .field textarea{min-height:108px}
.create-form .save-actions .btn{height:46px;padding:0 20px;font-size:14px}
@media(max-width:700px){.create-head,.create-form,.create-form .save-bar{max-width:100%}.create-form .form-section{padding:22px 18px 18px}.create-form .field{width:100%;margin-bottom:16px}}
.create-head,.create-form,.create-form .save-bar{max-width:760px}
.create-form .form-section{padding:32px 34px 28px}
.create-form .field{width:70%;margin-left:auto;margin-right:auto}
@media(max-width:700px){.create-head,.create-form,.create-form .save-bar{max-width:100%}.create-form .field{width:100%}}
.create-form .save-bar{position:static;max-width:none;margin:8px auto 0;padding:18px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none}
.create-form .save-actions .btn{height:44px}
@media(max-width:700px){.create-form .save-bar{position:static;padding:16px 0 0;background:transparent}.create-form .save-actions{width:100%}}
.create-form .form-section{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;overflow:visible}
.create-form .form-section::before{display:none}
.create-form .save-bar{border-top:1px solid #e4ebf2;margin-top:22px;padding-top:20px}
/* horizontal label/input form */
.create-form .form-rows{display:grid;gap:8px;max-width:760px;margin:0 auto}
.create-form .form-row{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;background:transparent;min-height:44px}
.create-form .form-row label{font-size:13px;font-weight:600;color:#526a80;text-align:left;white-space:nowrap}
.create-form .form-row .control{min-width:0}
.create-form .form-row .control input,.create-form .form-row .control select,.create-form .form-row .control textarea{width:100%;height:42px;border:1px solid #d5e0eb;border-radius:8px;background:#f8fafc;padding:0 10px;font:inherit;font-size:14px;color:var(--ink)}
.create-form .form-row .control textarea{height:72px;padding:8px 10px;resize:vertical}
.create-form .form-row .control input:focus,.create-form .form-row .control select:focus,.create-form .form-row .control textarea:focus{outline:none;border-color:#2d6cdf;background:#fff;box-shadow:0 0 0 3px rgba(45,108,223,.12)}
.create-form .form-row .control select{appearance:auto}
.create-form .save-bar{max-width:760px;margin:16px auto 0;padding-top:16px;border-top:1px solid #e4ebf2;position:static;background:transparent;box-shadow:none}
.create-form .save-bar .btn{height:40px}
@media(max-width:700px){.create-form .form-row{grid-template-columns:82px minmax(0,1fr);gap:9px}.create-form .form-row label{font-size:12px}.create-form .form-row .control input,.create-form .form-row .control select{height:44px;font-size:15px}.create-form .form-row .control textarea{height:64px}.create-form .save-bar{max-width:100%}}
.create-form .form-rows{max-width:640px}
.create-form .form-row{grid-template-columns:110px minmax(0,1fr)}
.create-form .form-row .control{max-width:460px}
.create-form .form-row label{font-size:14px}
.create-form .form-row .control input,.create-form .form-row .control select,.create-form .form-row .control textarea{font-size:16px}
.create-form .save-bar{max-width:640px}
@media(max-width:700px){.create-form .form-rows{max-width:100%}.create-form .form-row{grid-template-columns:86px minmax(0,1fr)}.create-form .form-row .control{max-width:none}.create-form .form-row label{font-size:13px}.create-form .form-row .control input,.create-form .form-row .control select,.create-form .form-row .control textarea{font-size:16px}}
/* colorful lead form */
body{background:
  radial-gradient(circle at 8% 4%,rgba(45,108,223,.12) 0,transparent 30%),
  radial-gradient(circle at 92% 12%,rgba(30,143,138,.10) 0,transparent 28%),
  radial-gradient(circle at 50% 100%,rgba(245,166,35,.08) 0,transparent 32%),
  #f3f6f9}
.create-head h1{background:linear-gradient(90deg,#17324d,#2d6cdf 65%,#1f8f8a);-webkit-background-clip:text;background-clip:text;color:transparent}
.create-head .eyebrow{color:#2d6cdf}
.create-form .form-row{position:relative;padding-left:12px}
.create-form .form-row::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#2d6cdf}
.create-form .form-row:nth-child(2n)::before{background:#1f8f8a}
.create-form .form-row:nth-child(3n)::before{background:#e0a11b}
.create-form .form-row label{color:#274b6d}
.create-form .form-row .control input,.create-form .form-row .control select,.create-form .form-row .control textarea{border-color:#cfdeec;background:#fff}
.create-form .form-row .control input:focus,.create-form .form-row .control select:focus,.create-form .form-row .control textarea:focus{border-color:#2d6cdf;box-shadow:0 0 0 4px rgba(45,108,223,.14)}
.create-form .form-row:nth-child(3n) .control input:focus,.create-form .form-row:nth-child(3n) .control select:focus{border-color:#e0a11b;box-shadow:0 0 0 4px rgba(224,161,27,.14)}
.create-form .form-row:nth-child(2n) .control input:focus,.create-form .form-row:nth-child(2n) .control select:focus{border-color:#1f8f8a;box-shadow:0 0 0 4px rgba(31,143,138,.14)}
.create-form .save-bar{border-top-color:#dbe6f0}
.create-form .save-actions .btn.primary{background:linear-gradient(135deg,#2d6cdf,#1f8f8a);border:0;box-shadow:0 8px 20px rgba(45,108,223,.28)}
.create-form .save-actions .btn.primary:hover{filter:brightness(1.06)}
.create-form .save-actions .btn:not(.primary){background:#eef4fb;border-color:#d8e5f3;color:#2d5f9e}
/* colorful selects */
.create-form .form-row select{border-width:1px;font-weight:500;background-color:#f2f7ff;border-color:#c7d9f2;color:#1f4f82;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,#2d6cdf 50%),linear-gradient(135deg,#2d6cdf 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;appearance:none}
.create-form .form-row:nth-child(2n) select{background-color:#effaf8;border-color:#bfe6e1;color:#176b66;background-image:linear-gradient(45deg,transparent 50%,#1f8f8a 50%),linear-gradient(135deg,#1f8f8a 50%,transparent 50%)}
.create-form .form-row:nth-child(3n) select{background-color:#fff8e8;border-color:#f0d9a8;color:#8a5d00;background-image:linear-gradient(45deg,transparent 50%,#c88a12 50%),linear-gradient(135deg,#c88a12 50%,transparent 50%)}
.create-form .form-row select:focus{background-color:#fff;border-color:#2d6cdf;box-shadow:0 0 0 4px rgba(45,108,223,.16)}
.create-form .form-row select option{background:#fff;color:#17324d;padding:8px}
.create-form .form-row select option:nth-child(2n){background:#f3f8ff}
.create-form .form-row select option:checked{background:#2d6cdf;color:#fff}
/* custom colorful select options */
.create-form .form-row .control{position:relative}
.color-select{position:relative}
.color-select .native-select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.color-select-trigger{width:100%;max-width:460px;height:42px;border:1px solid #cfdeec;border-radius:8px;background:#fff;color:#274b6d;font:inherit;font-size:16px;text-align:left;padding:0 34px 0 10px;cursor:pointer;position:relative}
.color-select-trigger::after{content:"▾";position:absolute;right:12px;color:#2d6cdf}
.color-select-trigger.placeholder{color:#8a9aab}
.color-select.open .color-select-trigger{border-color:#2d6cdf;box-shadow:0 0 0 4px rgba(45,108,223,.12)}
.color-select-menu{display:none;position:absolute;z-index:30;left:0;right:0;top:46px;max-width:460px;background:#fff;border:1px solid #dbe6f0;border-radius:10px;box-shadow:0 16px 35px rgba(23,50,77,.18);padding:6px;max-height:260px;overflow:auto}
.color-select.open .color-select-menu{display:block}
.color-select-option{display:flex;align-items:center;width:100%;height:38px;border:0;border-radius:7px;background:#fff;color:#274b6d;font:inherit;font-size:15px;text-align:left;padding:0 10px;cursor:pointer;margin:1px 0}
.color-select-option::before{content:"";width:7px;height:7px;border-radius:50%;margin-right:9px;background:#2d6cdf;flex:none}
.color-select-option.tone-2::before{background:#1f8f8a}.color-select-option.tone-3::before{background:#e0a11b}.color-select-option.tone-4::before{background:#8b5cf6}
.color-select-option:hover{background:#f2f7ff}.color-select-option.selected{background:#e8f0ff;font-weight:600}
.color-select-option.tone-2.selected{background:#e9f8f5}.color-select-option.tone-3.selected{background:#fff7e3}.color-select-option.tone-4.selected{background:#f3edff}
@media(max-width:700px){.color-select-trigger{max-width:none}.color-select-menu{max-width:none}}
.thanks-card{max-width:420px;margin:12vh auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px;text-align:center;box-shadow:0 18px 45px rgba(23,50,77,.08)}.thanks-icon{width:52px;height:52px;border-radius:50%;background:#e5f6ec;color:#1e8449;font-size:28px;line-height:52px;margin:0 auto 12px}.thanks-no{font-family:ui-monospace,Menlo,monospace;color:#2d6cdf;background:#eef4ff;display:inline-block;padding:6px 12px;border-radius:6px;font-size:13px}
.create-form .form-rows{max-width:520px}
.create-form .form-row{grid-template-columns:100px minmax(0,1fr)}
.create-form .form-row .control{max-width:330px}
.create-form .save-bar{max-width:520px}
@media(max-width:700px){.create-form .form-rows{max-width:100%}.create-form .form-row{grid-template-columns:86px minmax(0,1fr)}.create-form .form-row .control{max-width:none}.create-form .save-bar{max-width:100%}}
@media(max-width:700px){
  .create-form .form-row{grid-template-columns:72px minmax(0,1fr);gap:8px}
  .create-form .form-row .control{width:100%;max-width:240px}
  .create-form .form-row .control input,.create-form .form-row .control select,.create-form .form-row .control textarea{max-width:240px}
  .color-select-trigger,.color-select-menu{max-width:240px}
}
.today-date{display:flex;align-items:center;gap:10px;height:42px;color:#274b6d;font-size:15px}
.today-date .link{font-size:12px;padding:0}
.date-input-wrap.is-hidden{display:none}
.date-static{display:flex;align-items:center;height:42px;font-size:16px;color:#274b6d;font-weight:500;letter-spacing:.02em}
.create-form .form-row input[type="date"]{background:#fff;color:#274b6d;font-weight:500}
.create-form .form-row input[type="date"]::-webkit-datetime-edit{color:#274b6d}
.create-form .form-row select.plain-select{display:block;width:100%;max-width:330px;height:42px;border:1px solid #cfdeec;border-radius:8px;background:#fff;color:#274b6d;font-size:16px;padding:0 10px;appearance:auto}
.create-form .form-row select.plain-select option{color:#17324d;background:#fff}
@media(max-width:700px){.create-form .form-row select.plain-select{max-width:240px}}
.create-form .form-row input[type="date"]{display:block;width:100%;max-width:330px;height:42px;border:1px solid #cfdeec;border-radius:8px;background:#fff;color:#274b6d;font-size:16px;padding:0 10px;color-scheme:light}
.create-form .form-row input[type="date"]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer}
@media(max-width:700px){.create-form .form-row input[type="date"]{max-width:240px}}
.create-form .form-rows{width:100%;margin-left:auto;margin-right:auto}
.create-form .form-row{grid-template-columns:100px minmax(0,330px);justify-content:center}
.create-form .save-bar{justify-content:center}
@media(max-width:700px){.create-form .form-row{grid-template-columns:72px minmax(0,1fr);justify-content:stretch}.create-form .save-bar{justify-content:space-between}}
.create-form .form-row input[type="date"]{text-align:center}
.create-form .form-row input[type="date"]::-webkit-datetime-edit{text-align:center;width:100%}
.create-form .form-row input[type="date"]::-webkit-calendar-picker-indicator{margin-left:auto}
.create-form .form-rows{margin-top:28px}
@media(max-width:700px){.create-form .form-rows{margin-top:16px}}
.create-form .form-rows{max-width:520px;margin-left:0;margin-right:auto}
.create-form .form-row{justify-content:start;grid-template-columns:100px minmax(0,330px)}
.create-form .save-bar{justify-content:flex-start;margin-left:0;margin-right:auto}
@media(max-width:700px){.create-form .form-row{grid-template-columns:72px minmax(0,1fr)}.create-form .save-bar{justify-content:space-between}}
.create-form .form-row input[type="date"]{text-align:left}
.create-form .form-row input[type="date"]::-webkit-datetime-edit{text-align:left}
.create-form .form-row input[type="date"]::-webkit-calendar-picker-indicator{margin-left:auto}
.create-form .form-rows{max-width:520px;margin-left:auto;margin-right:auto}
.create-form .form-row{justify-content:center;grid-template-columns:100px minmax(0,330px)}
.create-form .save-bar{justify-content:center;margin-left:auto;margin-right:auto}
@media(max-width:700px){.create-form .form-row{grid-template-columns:72px minmax(0,1fr);justify-content:stretch}.create-form .save-bar{justify-content:space-between}}
.create-form .form-row input[type="date"]{line-height:42px;padding-top:0;padding-bottom:0;display:flex;align-items:center}
.create-form .form-row input[type="date"]::-webkit-datetime-edit{display:flex;align-items:center;height:40px;line-height:40px;padding:0}
.create-form .form-row input[type="date"]::-webkit-calendar-picker-indicator{align-self:center;margin:0 0 0 auto}
.create-form .form-row label{font-size:16px;font-weight:600}
@media(max-width:700px){.create-form .form-row label{font-size:15px}}
.create-form .form-row label em{color:#d64545;font-style:normal;margin-left:2px;font-weight:700}
/* keep the workbench readable when the phone uses dark mode */
:root{color-scheme:light}
html,body{background-color:#f3f6f9;color:#17324d}
input,select,textarea,button{color-scheme:light}
@media (prefers-color-scheme: dark){
  html,body{background-color:#f3f6f9!important;color:#17324d!important}
  .topbar,.table-card,.drawer-panel,.thanks-card,.login-card{background:#fff!important;color:#17324d!important}
  .leads-table th{background:#f8fafc!important;color:#5e7185!important}
  .leads-table td{color:#17324d!important}
  .create-form .form-row label{color:#274b6d!important}
}
html.js .create-form select.js-select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}
/* compact mobile registration */
.page:has(.create-form){padding-top:14px}
.create-head{display:flex;align-items:center;justify-content:space-between;max-width:520px;margin:0 auto 10px}
.create-head h1{font-size:22px;margin:0;background:linear-gradient(90deg,#17324d,#2d6cdf);-webkit-background-clip:text;background-clip:text;color:transparent}
.create-form .form-rows{margin-top:0;gap:4px}
.create-form .form-row{min-height:38px}
.create-form .form-row label{font-size:15px}
.create-form .form-row .control input,.create-form .form-row .control select{height:38px}
.create-form .form-row .control textarea{height:56px}
.create-form .form-row input[type="date"]{height:38px;line-height:38px}
.create-form .form-row input[type="date"]::-webkit-datetime-edit{height:36px;line-height:36px}
.create-form .save-bar{margin-top:10px;padding-top:10px}
.create-form .save-actions .btn{height:38px}
@media(max-width:700px){.page:has(.create-form){padding:10px 12px}.create-head{max-width:100%;margin-bottom:6px}.create-head h1{font-size:20px}.create-form .form-row{min-height:36px}.create-form .form-row label{font-size:14px}.create-form .form-row .control input,.create-form .form-row .control select{height:38px}.create-form .form-row .control textarea{height:52px}.create-form .save-actions .btn{height:38px}}
@media(max-width:700px){
  .create-form .form-rows{max-width:360px;margin-left:auto;margin-right:auto}
  .create-form .form-row{grid-template-columns:72px minmax(0,1fr);justify-content:stretch}
  .create-form .form-row .control{max-width:240px}
  .create-form .save-bar{max-width:360px;margin-left:auto;margin-right:auto}
  .create-head{max-width:360px;margin-left:auto;margin-right:auto}
}
.create-head h1{font-size:18px}
@media(max-width:700px){.create-head h1{font-size:17px}}
@media(min-width:701px){
  .create-form .form-rows{gap:12px}
  .create-form .form-row{min-height:46px}
  .create-form .form-row .control input,.create-form .form-row .control select{height:44px}
  .create-form .form-row .control textarea{height:76px}
  .create-form .form-row input[type="date"]{height:44px;line-height:44px}
  .create-form .form-row input[type="date"]::-webkit-datetime-edit{height:42px;line-height:42px}
  .create-form .save-bar{margin-top:16px;padding-top:16px}
}
@media(min-width:701px){
  .create-form .form-row{grid-template-columns:120px minmax(0,330px)}
  .create-form .form-row label{display:flex;justify-content:flex-end;align-items:center;text-align:right;color:#315574;letter-spacing:.02em}
  .create-form .form-row label em{margin-left:4px}
}
@media(max-width:700px){
  .create-form .form-row label{display:flex;align-items:center;text-align:left}
}
@media(min-width:701px){
  .create-form .form-row{grid-template-columns:100px minmax(0,330px)}
  .create-form .form-row label{display:block;text-align:left;color:#274b6d;letter-spacing:normal}
  .create-form .form-row label em{margin-left:2px}
}
/* lead workbench top */
.lead-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px;padding:22px 24px;border-radius:14px;background:linear-gradient(120deg,#122b45 0%,#1d4f7a 58%,#2d6cdf 100%);color:#fff;box-shadow:0 16px 34px rgba(23,50,77,.18);position:relative;overflow:hidden}
.lead-hero::after{content:"";position:absolute;width:240px;height:240px;right:-60px;top:-120px;border-radius:50%;background:rgba(255,255,255,.10)}
.hero-copy{position:relative;z-index:1}.hero-kicker{font-size:11px;letter-spacing:.16em;color:#a9c9ee;text-transform:uppercase}.lead-hero h1{font-size:27px;margin:4px 0 4px;color:#fff;letter-spacing:.02em}.lead-hero p{margin:0;color:#c3d7ea;font-size:13px}.hero-side{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.hero-date{font-size:12px;color:#bcd4e9;letter-spacing:.06em}.hero-button{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:8px;background:#fff;color:#17324d;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.metric{position:relative;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:11px 12px;border-radius:10px;border:1px solid transparent;background:#fff;text-align:left;box-shadow:0 4px 14px rgba(23,50,77,.04);transition:transform .15s,box-shadow .15s}.metric:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(23,50,77,.10)}.metric-icon{grid-row:1/3;align-self:center;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:15px;font-weight:700}.metric-label{font-size:11px;color:#6b7f93;white-space:nowrap}.metric strong{font-size:21px;line-height:1.15;color:#17324d;margin-top:1px}.metric.tone-blue{background:#f2f7ff;border-color:#dbe8fa}.tone-blue .metric-icon{background:#dbeafe;color:#245db3}.metric.tone-red{background:#fff5f4;border-color:#f6deda}.tone-red .metric-icon{background:#fde2df;color:#b33a2b}.tone-red strong{color:#a93226}.metric.tone-amber{background:#fffaf0;border-color:#f5e7c8}.tone-amber .metric-icon{background:#fbeccb;color:#9a6a06}.metric.tone-violet{background:#faf7ff;border-color:#e8ddf7}.tone-violet .metric-icon{background:#ede3fb;color:#6d43a8}.metric.tone-slate{background:#f7f9fb;border-color:#e2e9f0}.tone-slate .metric-icon{background:#e9eff5;color:#4f687e}.metric.tone-green{background:#f2fbf6;border-color:#d7f0e1}.tone-green .metric-icon{background:#dcf5e7;color:#1e7a45}.tone-green strong{color:#18733f}
.filter-card{background:#fff;border:1px solid #dfe8f1;border-radius:11px;padding:10px 12px;margin-bottom:12px;box-shadow:0 4px 14px rgba(23,50,77,.04)}.filter-card .filters{margin:0;gap:7px}.filter-search{display:flex;align-items:center;gap:6px;flex:1 1 250px;min-width:220px;height:34px;border:1px solid #d7e0e9;border-radius:7px;background:#f8fafc;padding:0 9px;color:#7a8da0}.filter-search input{flex:1;min-width:0;height:30px;border:0;background:transparent;outline:none;font:inherit;font-size:13px;color:#17324d}.filter-card select{height:34px;border-radius:7px;background:#fbfcfe;font-size:12px;color:#50677c}.filter-submit{height:34px;padding:0 14px}.filter-reset{font-size:12px;color:#789;text-decoration:none;padding:0 4px}
@media(max-width:900px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.lead-hero{padding:18px}.lead-hero h1{font-size:23px}}
@media(max-width:700px){.lead-hero{align-items:flex-start;padding:16px;border-radius:11px}.lead-hero h1{font-size:21px}.lead-hero p{font-size:12px}.hero-side{flex-direction:column;align-items:flex-end;gap:6px}.hero-date{display:none}.hero-button{height:32px;font-size:12px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.metric{grid-template-columns:24px 1fr;padding:9px 8px}.metric-icon{width:24px;height:24px;font-size:13px}.metric-label{font-size:10px}.metric strong{font-size:18px}.filter-card{padding:8px}.filter-search{flex:1 1 100%;width:100%}.filter-card select{flex:1 1 46%;font-size:12px}}
/* compact top */
.lead-hero{padding:16px 20px;margin-bottom:10px;min-height:0}
.lead-hero h1{font-size:22px;margin:0}
.hero-side{gap:10px}
.hero-date{font-size:11px}
.metrics{gap:6px;margin-bottom:9px}
.metric{padding:8px 9px;grid-template-columns:22px 1fr;column-gap:6px;border-radius:8px}
.metric-icon{width:22px;height:22px;border-radius:6px;font-size:12px}
.metric-label{font-size:10px}
.metric strong{font-size:18px}
.filter-card{padding:8px 10px;margin-bottom:9px}
.filter-card .filters{gap:5px}
.filter-search{flex:0 1 230px;height:30px;min-width:180px}
.filter-search input{height:28px;font-size:12px}
.filter-card select{flex:0 1 auto;width:auto;min-width:92px;max-width:125px;height:30px;font-size:11px;padding:0 6px}
.filter-submit{height:30px;padding:0 11px;font-size:12px}
@media(max-width:700px){.lead-hero{padding:12px 14px}.lead-hero h1{font-size:19px}.hero-date{display:none}.metric{padding:7px 7px;grid-template-columns:20px 1fr}.metric-icon{width:20px;height:20px;font-size:11px}.metric strong{font-size:16px}.filter-search{flex:1 1 100%;min-width:0}.filter-card select{min-width:0;max-width:none;flex:1 1 45%}}
.hero-date{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:17px;font-weight:700;letter-spacing:.08em}
@media(max-width:700px){.hero-date{display:inline-flex;height:30px;padding:0 10px;font-size:15px}}
.filter-card{padding:6px 8px}
.filter-search{flex:0 1 200px;min-width:150px;height:28px}
.filter-search input{height:26px;font-size:11px}
.filter-card select{min-width:72px;max-width:104px;height:28px;font-size:10px;padding:0 4px}
.filter-submit{height:28px;padding:0 9px;font-size:11px}
@media(max-width:700px){.filter-card select{min-width:0;max-width:none;font-size:11px}.filter-search{min-width:0}}
.filter-card select{min-width:58px;max-width:82px;padding:0 2px;font-size:10px}
.filter-search{flex:0 1 170px;min-width:130px}
.filter-submit{padding:0 8px}
.metrics{display:flex;flex-wrap:wrap;gap:6px}
.metric{flex:0 0 92px;width:92px;min-width:0}
.metric-label{overflow:hidden;text-overflow:ellipsis}
@media(max-width:700px){.metric{flex:1 1 0;width:auto;min-width:0}}
.metric{display:block}
.metric-icon{display:none}
.metric-label{display:block}
.metrics .metric strong{font-size:18px}
@media(max-width:700px){.metrics .metric strong{font-size:16px}}
.filter-card{padding:9px 11px}
.filter-search{flex:0 1 250px;min-width:190px;height:34px}
.filter-search input{height:32px;font-size:13px}
.filter-card select{min-width:92px;max-width:132px;height:34px;font-size:12px;padding:0 6px}
.filter-submit{height:34px;padding:0 13px;font-size:12px}
@media(max-width:700px){.filter-card select{min-width:0;max-width:none;height:36px;font-size:12px}.filter-search{height:36px;min-width:0}.filter-search input{height:34px}}
.sort-link{color:inherit;text-decoration:none;white-space:nowrap}
.sort-link:hover{color:#2d6cdf}
.filter-reset-button{height:34px;padding:0 12px;font-size:12px;display:inline-flex;align-items:center;text-decoration:none;color:#5a7085;background:#f7fafc;border-color:#dfe8f1}
@media(max-width:700px){.filter-reset-button{height:36px}}
.filter-search{flex:1 1 100%;width:100%;min-width:0}
.filter-card{padding:11px 13px}
.filter-search{height:40px}
.filter-search input{height:38px;font-size:14px}
.filter-card select{height:40px;font-size:14px;min-width:108px;max-width:150px;padding:0 8px}
.filter-submit{height:40px;padding:0 16px;font-size:14px}
.filter-reset-button{height:40px;padding:0 14px;font-size:14px}
.leads-table{font-size:14.5px}
.leads-table th{font-size:13px;padding:12px 10px}
.leads-table td{padding:12px 10px}
.leads-table .mono{font-size:13px}
.leads-table .feedback{font-size:14px}
.badge{font-size:12.5px;padding:3px 9px}
@media(max-width:700px){.filter-search{height:40px}.filter-search input{height:38px;font-size:14px}.filter-card select{height:40px;font-size:14px}.filter-submit,.filter-reset-button{height:40px;font-size:14px}.leads-table{font-size:14px}.leads-table th{font-size:12.5px}}
@media(min-width:701px){
  .filter-card .filters{gap:10px}
  .filter-search{margin-top:4px}
  .filter-card .filter-submit{margin-left:4px}
}
.leads-table{table-layout:fixed;min-width:1080px}
.leads-table th,.leads-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:middle}
.leads-table th:nth-child(1),.leads-table td:nth-child(1){width:34px}
.leads-table th:nth-child(2),.leads-table td:nth-child(2){width:92px}
.leads-table th:nth-child(3),.leads-table td:nth-child(3){width:92px}
.leads-table th:nth-child(4),.leads-table td:nth-child(4){width:104px}
.leads-table th:nth-child(5),.leads-table td:nth-child(5){width:100px}
.leads-table th:nth-child(6),.leads-table td:nth-child(6){width:80px}
.leads-table th:nth-child(7),.leads-table td:nth-child(7){width:82px}
.leads-table th:nth-child(8),.leads-table td:nth-child(8){width:82px}
.leads-table th:nth-child(9),.leads-table td:nth-child(9){width:78px}
.leads-table th:nth-child(10),.leads-table td:nth-child(10){width:180px}
.leads-table th:nth-child(11),.leads-table td:nth-child(11){width:88px}
.leads-table th:nth-child(12),.leads-table td:nth-child(12){width:52px}
.leads-table .feedback{max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:700px){.leads-table{min-width:980px}}
.leads-table{min-width:960px}
.leads-table th,.leads-table td{padding:8px 5px}
.leads-table th:nth-child(1),.leads-table td:nth-child(1){width:28px}
.leads-table th:nth-child(2),.leads-table td:nth-child(2){width:82px}
.leads-table th:nth-child(3),.leads-table td:nth-child(3){width:80px}
.leads-table th:nth-child(4),.leads-table td:nth-child(4){width:96px}
.leads-table th:nth-child(5),.leads-table td:nth-child(5){width:88px}
.leads-table th:nth-child(6),.leads-table td:nth-child(6){width:68px}
.leads-table th:nth-child(7),.leads-table td:nth-child(7){width:70px}
.leads-table th:nth-child(8),.leads-table td:nth-child(8){width:68px}
.leads-table th:nth-child(9),.leads-table td:nth-child(9){width:68px}
.leads-table th:nth-child(10),.leads-table td:nth-child(10){width:150px}
.leads-table th:nth-child(11),.leads-table td:nth-child(11){width:76px}
.leads-table th:nth-child(12),.leads-table td:nth-child(12){width:44px}
@media(max-width:700px){.leads-table{min-width:920px}}
.leads-table{table-layout:auto;width:100%;min-width:960px}
.leads-table th:nth-child(n),.leads-table td:nth-child(n){width:auto}
.leads-table td:nth-child(10),.leads-table th:nth-child(10){width:210px;max-width:210px}
.leads-table .feedback{max-width:210px}
.panel-section h3 small{font-weight:400;color:#8597a8;font-size:11px;margin-left:4px}.timeline-by{display:block;color:#8a9aab;font-size:11px;margin-top:2px}
.phone-copy{border:0;background:none;padding:0;color:#2d6cdf;font:inherit;cursor:pointer;text-decoration:none;border-bottom:1px dotted #9bbcf0}
.phone-copy:hover{color:#17324d}
.panel-head .phone-copy{font-size:13px}
.phone-dialog{position:fixed;inset:0;z-index:40}
.phone-dialog-backdrop{position:absolute;inset:0;background:rgba(15,33,50,.35)}
.phone-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,88vw);background:#fff;border-radius:14px;padding:20px;display:grid;gap:9px;box-shadow:0 24px 60px rgba(15,33,50,.28)}
.phone-sheet strong{font-size:20px;letter-spacing:.04em;color:#17324d;margin-bottom:4px}
.phone-sheet .btn{width:100%}
/* modern detail drawer */
.drawer-panel{width:min(620px,96vw);padding:0;background:#f7f9fc}
.panel-head{padding:22px 24px 14px;background:#fff;border-bottom:1px solid #e4ebf2;position:sticky;top:0;z-index:3}
.panel-head .eyebrow{margin:0 0 3px;color:#7b90a6;font-size:11px}.panel-head h2{font-size:23px;margin:0 0 4px;color:#17324d}.panel-contact{font-size:13px}
.panel-head .icon-btn{position:absolute;right:20px;top:18px}
.panel-nav{padding:8px 24px;background:#fff;border-bottom:1px solid #edf1f5;display:flex;gap:8px;align-items:center}
.panel-actions{padding:12px 24px;display:flex;gap:8px;background:#fff;border-bottom:1px solid #e4ebf2}
.detail-section{margin:12px 16px;padding:16px 18px;background:#fff;border:1px solid #e4ebf2;border-radius:10px}
.detail-section h3{margin:0 0 11px;font-size:13px;color:#385a78;display:flex;align-items:center;gap:6px}.detail-section h3 small{font-weight:400;color:#8a9aab;font-size:11px}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0}.info-grid div{min-width:0}.info-grid dt{font-size:11px;color:#8a9aab;margin-bottom:2px}.info-grid dd{margin:0;font-size:13px;color:#203b55;word-break:break-word}
.detail-text{margin:0;font-size:13px;line-height:1.6;color:#3f5870;white-space:pre-wrap}
.deal-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:4px 0;border-bottom:1px dashed #edf1f5}.deal-row:last-child{border-bottom:0}.deal-row span{color:#8a9aab}.deal-row strong{color:#17324d}
.follow-form,.assign-form{display:grid;gap:8px}.follow-form .row,.assign-form{display:flex;gap:7px;align-items:center}.follow-form select,.follow-form input,.assign-form select,.assign-form input{height:34px;border:1px solid #d7e0e9;border-radius:7px;padding:0 8px;font:inherit;font-size:12px;min-width:0;flex:1}.follow-form textarea{border:1px solid #d7e0e9;border-radius:7px;padding:8px;font:inherit;font-size:13px;resize:vertical}.follow-form .btn{align-self:flex-start}
.timeline{border-left:2px solid #dbe7f2;padding:0 0 14px 12px;margin:0 0 2px}.timeline:last-child{padding-bottom:0}.timeline-top{display:flex;justify-content:space-between;gap:10px}.timeline-top strong{font-size:12px;color:#2d5f8f}.timeline-top span{font-size:11px;color:#8a9aab}.timeline-meta{font-size:11px;color:#8a9aab;margin-top:2px}.timeline p{margin:4px 0 0;font-size:13px;color:#3f5870;line-height:1.5}
.panel-foot{padding:14px 24px 24px;color:#9aabbc;font-size:11px}
.row-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}
.info-list{margin:0;display:grid;gap:0}
.info-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start;padding:7px 0;border-bottom:1px solid #f0f4f8}
.info-row:last-child{border-bottom:0}
.info-row dt{font-size:12px;color:#8a9aab;line-height:1.6}
.info-row dd{margin:0;font-size:13px;color:#203b55;line-height:1.6;word-break:break-word}
.info-row .detail-text{color:#3f5870}
.info-list{grid-template-columns:1fr 1fr;column-gap:24px}
.info-row-wide{grid-column:1 / -1}
@media(max-width:700px){.info-list{grid-template-columns:1fr}}
/* larger detail typography */
.panel-head h2{font-size:26px}
.panel-head .eyebrow{font-size:12px}
.panel-contact{font-size:15px}
.detail-section h3{font-size:15px}
.info-row dt{font-size:13px}
.info-row dd{font-size:15px}
.detail-text{font-size:15px}
.deal-row{font-size:15px}
.follow-form select,.follow-form input,.assign-form select,.assign-form input{font-size:14px;height:38px}
.follow-form textarea{font-size:14px}
.follow-form .btn{font-size:13px}
.timeline-top strong{font-size:14px}
.timeline-top span{font-size:12px}
.timeline-meta{font-size:12px}
.timeline p{font-size:14px}
.panel-foot{font-size:12px}
.panel-head .icon-btn{width:42px;height:42px;font-size:28px;line-height:1;background:#eef4fa;color:#315574;border:1px solid #dce7f1;border-radius:10px;right:18px;top:16px}
.panel-head .icon-btn:hover{background:#e2edf8;color:#17324d}
@media(max-width:700px){.panel-head .icon-btn{width:44px;height:44px;font-size:30px}}
.panel-head .icon-btn{background:#fdecea;color:#c0392b;border-color:#f3c4be}
.panel-head .icon-btn:hover{background:#fbdcd8;color:#9d2f25}
.metric.tone-mint{background:#f0fbf6;border-color:#d2f0df}.tone-mint strong{color:#1c7a4a}
.lead-row.followed-today td{background:#effaf3!important}
.lead-row.followed-today:hover td{background:#e6f7ed!important}
/* communication history */
.history-list{position:relative;padding-left:2px}
.history-item{position:relative;display:flex;gap:10px;padding-bottom:10px}
.history-item:last-child{padding-bottom:0}
.history-item::before{content:"";position:absolute;left:5px;top:14px;bottom:-10px;width:1px;background:#e1eaf2}
.history-item:last-child::before{display:none}
.history-dot{width:11px;height:11px;border-radius:50%;background:#9bb7d2;margin-top:10px;flex:none;position:relative;z-index:1;box-shadow:0 0 0 3px #fff}
.history-item.phone .history-dot{background:#2d6cdf}.history-item.wechat .history-dot{background:#1f8f8a}.history-item.visit .history-dot{background:#c88a12}
.history-card{flex:1;min-width:0;background:#f8fafc;border:1px solid #edf2f7;border-radius:8px;padding:10px 12px}
.history-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:5px}
.history-head time{margin-left:auto;font-size:11px;color:#8a9aab}
.method-badge{font-size:11px;font-weight:600;color:#245db3;background:#e8f0ff;border-radius:5px;padding:1px 7px}
.history-item.wechat .method-badge{color:#176b66;background:#e9f8f5}.history-item.visit .method-badge{color:#8a5d00;background:#fff7e3}
.history-eval{font-size:11px;color:#647a8e}
.history-card p{margin:0;font-size:14px;line-height:1.55;color:#314b62;white-space:pre-wrap}
.history-card small{display:block;margin-top:5px;color:#8a9aab;font-size:11px}
.history-empty{padding:16px;text-align:center;color:#8a9aab;font-size:12px;background:#f8fafc;border-radius:8px}
.history-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.history-head time{margin-left:0;font-size:13px;font-weight:700;color:#203b55;letter-spacing:.02em}
.history-head strong{font-size:13px;color:#315574;font-weight:600}
.history-eval{font-size:12px;color:#5c7489;background:#eef3f8;border-radius:4px;padding:1px 6px}
.method-badge{margin-left:auto}
.history-card p{font-size:14px;color:#314b62;line-height:1.65;margin-top:2px}
.panel-head .panel-nav{position:absolute;right:72px;top:20px;padding:0;border:0;background:transparent;display:flex;gap:5px}
.panel-head .panel-nav .btn{width:34px;height:34px;padding:0;font-size:16px;border-radius:8px}
@media(max-width:700px){.panel-head .panel-nav{right:76px;top:18px}}
.panel-head .panel-nav{right:118px}
@media(max-width:700px){.panel-head .panel-nav{right:118px}}
.panel-head .panel-nav .btn{width:42px;height:42px;font-size:24px;font-weight:700;color:#1f5ea8;background:#eaf3ff;border:1px solid #c9dcf3;border-radius:10px;box-shadow:0 2px 6px rgba(45,108,223,.12)}
.panel-head .panel-nav .btn:hover{background:#dcecff;color:#17324d}
@media(max-width:700px){.panel-head .panel-nav .btn{width:42px;height:42px;font-size:24px}}
.panel-head .panel-nav{gap:10px}
.panel-head .panel-nav{gap:20px}
@media(max-width:700px){
  .panel-head{display:grid;grid-template-columns:1fr auto;gap:8px 10px;padding:16px 16px 12px}
  .panel-head > div:first-child{grid-column:1 / -1;min-width:0}
  .panel-head .icon-btn{position:static;grid-column:2;grid-row:2;align-self:center;justify-self:end}
  .panel-head .panel-nav{position:static;grid-column:1;grid-row:2;justify-self:start;gap:12px}
  .panel-head .panel-nav .btn{width:38px;height:38px;font-size:21px}
  .panel-head h2{font-size:23px;line-height:1.25;padding-right:0}
  .panel-head .eyebrow{font-size:11px}
  .panel-contact{font-size:14px}
  .panel-actions{padding:10px 16px}
  .detail-section{margin:10px 12px;padding:14px 14px}
  .info-list{grid-template-columns:1fr;column-gap:0}
  .info-row{grid-template-columns:88px minmax(0,1fr)}
  .follow-form .row{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .follow-form .row select,.follow-form .row input{width:100%}
}
/* manage */
.manage-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.manage-card{display:block;background:#fff;border:1px solid #e2e9f1;border-radius:12px;padding:20px;text-decoration:none;color:#17324d;box-shadow:0 6px 18px rgba(23,50,77,.05)}.manage-card:hover{border-color:#bcd2e8;transform:translateY(-1px)}.manage-card h3{margin:0 0 5px;font-size:17px}.manage-card p{margin:0;color:#7d8fa2;font-size:12px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:10px 9px;border-bottom:1px solid #eef2f6;text-align:left}.data-table th{background:#f8fafc;color:#5e7185;font-weight:600}.manage-table{min-width:600px}.manage-back{padding:14px 2px}.manage-table .mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.manage-table .empty{text-align:center;color:#8a9aab;padding:24px}.manage-card p{color:#7d8fa2}@media(max-width:700px){.manage-cards{grid-template-columns:1fr}.table-card{overflow:auto}}
.scope-tabs{display:flex;align-items:center;gap:4px;margin:0 0 9px;font-size:12px}
.scope-tabs a{padding:5px 10px;border-radius:6px;color:#5e7489;text-decoration:none;background:#edf3f9}
.scope-tabs a.active{background:#2d6cdf;color:#fff}
.scope-tabs span{margin-left:auto;color:#8a9aab;font-size:11px}
@media(max-width:700px){.scope-tabs{font-size:11px}.scope-tabs a{padding:4px 8px}.scope-tabs span{display:none}}
/* scope tabs in hero title */
.hero-title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hero-title-row .scope-tabs{margin:0;gap:5px}
.lead-hero .scope-tabs a{background:rgba(255,255,255,.14);color:#dceafa;border:1px solid rgba(255,255,255,.16)}
.lead-hero .scope-tabs a.active{background:#fff;color:#17324d;border-color:#fff}
.lead-hero .scope-tabs span{display:none}
@media(max-width:700px){.hero-title-row{gap:8px}.lead-hero .scope-tabs a{font-size:11px;padding:4px 7px}}
.hero-title-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.hero-title-row::-webkit-scrollbar{display:none}
.hero-title-row h1{flex:none}
.hero-title-row .scope-tabs{flex:none;flex-wrap:nowrap}
@media(max-width:700px){.hero-title-row{gap:10px}.hero-title-row .scope-tabs a{white-space:nowrap}}
.scope-tabs{margin:0 0 10px;gap:6px;font-size:14px}
.scope-tabs a{padding:7px 15px;border-radius:8px;background:#e8eff7;color:#49647d}
.scope-tabs a.active{background:#2d6cdf;color:#fff;box-shadow:0 4px 10px rgba(45,108,223,.2)}
@media(max-width:700px){.scope-tabs{font-size:13px;gap:5px}.scope-tabs a{padding:6px 11px}}
.filter-card .filter-search{flex:1 1 240px;width:auto;min-width:200px;margin-top:0}
@media(max-width:700px){.filter-card .filter-search{flex:1 1 100%;min-width:0}}
@media(min-width:701px){
  .filter-card select{min-width:76px;max-width:112px;font-size:12px;padding:0 5px}
  .filter-card .filter-search{flex:1 1 150px;min-width:120px}
  .filter-card .filter-submit{padding:0 10px;font-size:12px}
  .filter-card .filter-reset-button{padding:0 9px;font-size:12px}
  .filter-card .filters{gap:7px}
}
@media(min-width:1200px){
  .filter-card select{min-width:92px;max-width:132px;font-size:13px}
  .filter-card .filter-search{min-width:200px}
}
@media(min-width:701px){
  .filter-card .filter-search{flex:0 0 190px;width:190px;min-width:0;max-width:190px}
}
@media(max-width:700px){.filter-card .filter-search{flex:1 1 100%;width:100%;max-width:none}}
.date-multi{position:relative;flex:none}
.date-toggle{cursor:pointer;width:100px;height:36px;padding:0 9px;border:1px solid #d7e2ec;border-radius:7px;background:#fff;color:#456079;font-size:12px;white-space:nowrap;text-align:left}
.date-toggle .date-caret{float:right;color:#8a9aab}
.date-toggle[aria-expanded="true"]{border-color:#8fb4df;box-shadow:0 0 0 2px #e8f2ff}
.date-toggle b{display:inline-block;margin-left:4px;background:#2d6cdf;color:#fff;border-radius:9px;padding:0 5px;font-size:10px;line-height:16px}
.date-menu[hidden]{display:none}
.date-menu{position:absolute;z-index:20;top:40px;left:0;min-width:150px;max-height:240px;overflow:auto;padding:6px;background:#fff;border:1px solid #dbe6f0;border-radius:8px;box-shadow:0 8px 24px rgba(23,50,77,.15)}
.date-menu label{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:5px;font-size:12px;color:#314b62;white-space:nowrap;cursor:pointer}
.date-menu label:hover{background:#f2f7fc}.date-menu input{width:14px;height:14px;accent-color:#2d6cdf}
@media(max-width:700px){.date-multi{width:100%}.date-toggle{width:100%}}
/* WPS-style date filter */
.date-panel{position:absolute;z-index:30;top:40px;left:0;width:320px;max-height:480px;display:flex;flex-direction:column;background:#fff;border:1px solid #dbe6f0;border-radius:9px;box-shadow:0 10px 30px rgba(23,50,77,.18)}
.date-panel[hidden]{display:none}
.date-tools{display:flex;gap:6px;padding:8px;border-bottom:1px solid #eef2f6}
.date-tools .date-search{flex:1;min-width:0;height:30px;border:1px solid #d7e2ec;border-radius:6px;padding:0 8px;font-size:12px}
.date-tools button{border:0;background:#f1f6fb;color:#49647d;border-radius:5px;padding:0 8px;font-size:12px;cursor:pointer}
.date-tree{overflow:auto;padding:4px 8px;flex:1;min-height:120px}
.date-year-row,.date-month-row{display:flex;align-items:center;gap:3px;padding:3px 0;font-size:13px;color:#203b55}
.date-year-row label,.date-month-row label{display:flex;align-items:center;gap:6px;cursor:pointer;flex:1}
.date-year-row em,.date-month-row em{font-style:normal;color:#8a9aab;font-size:11px;margin-left:auto;padding-right:4px}
.date-tree-toggle{width:20px;height:20px;border:0;background:transparent;color:#7d8fa2;cursor:pointer;font-size:12px;padding:0}
.date-year-body{padding-left:20px}
.date-month-row{padding-left:2px}
.date-days{padding-left:26px}
.date-day{display:flex;align-items:center;gap:7px;padding:3px 0;font-size:12px;color:#49647d;cursor:pointer}
.date-day em{font-style:normal;color:#9aa9b7;font-size:10px;margin-left:auto;padding-right:4px}
.date-panel input[type=checkbox]{width:14px;height:14px;accent-color:#2d6cdf;flex:none}
.date-actions{display:flex;justify-content:flex-end;gap:7px;padding:8px;border-top:1px solid #eef2f6}
.date-actions .btn{height:30px;padding:0 14px;font-size:12px}
[hidden]{display:none!important}
@media(max-width:700px){.date-panel{position:fixed;left:10px;right:10px;top:130px;width:auto;max-height:60vh}}
.date-panel{width:280px;max-height:330px}
.date-tree{min-height:0;max-height:230px}
.date-tools{padding:6px}
.date-tree{padding:3px 7px}
.date-year-row,.date-month-row{font-size:12px;padding:2px 0}
.date-day{font-size:11px;padding:2px 0}
.date-actions{padding:6px 7px}
@media(max-width:700px){.date-panel{max-height:55vh}}
/* compact date range picker */
.date-panel{width:270px;max-height:none;padding:8px}
.date-presets{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.date-presets button{border:1px solid #dbe6f0;background:#f7fafc;color:#49647d;border-radius:6px;padding:5px 9px;font-size:12px;cursor:pointer}
.date-presets button:hover{background:#edf5fc}
.date-presets button.active{background:#2d6cdf;border-color:#2d6cdf;color:#fff}
.date-custom{display:grid;gap:6px;padding-top:7px;border-top:1px solid #eef2f6}
.date-custom label{display:flex;align-items:center;gap:6px;font-size:12px;color:#5c7489}
.date-custom input{flex:1;min-width:0;height:31px;border:1px solid #d7e2ec;border-radius:6px;padding:0 6px;font-size:12px;color:#203b55;background:#fff}
.date-toggle{width:118px;overflow:hidden;text-overflow:ellipsis}
.date-actions{padding-top:8px}
@media(max-width:700px){.date-panel{width:100%;max-height:none;position:absolute;left:0;right:auto;top:40px}}
/* date filter matching select size */
.date-multi{position:relative;flex:none}
.date-toggle{width:108px;height:36px;padding:0 7px;border:1px solid #d7e2ec;border-radius:7px;background:#fff;color:#456079;font-size:12px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.date-toggle .date-caret{float:right;color:#8a9aab;margin-left:4px}
.date-toggle[aria-expanded="true"]{border-color:#8fb4df;box-shadow:0 0 0 2px #e8f2ff}
.date-panel{position:absolute;z-index:30;top:40px;left:0;width:108px;max-height:none;padding:4px;background:#fff;border:1px solid #dbe6f0;border-radius:7px;box-shadow:0 8px 24px rgba(23,50,77,.16)}
.date-option{display:flex;align-items:center;gap:7px;padding:6px 7px;font-size:12px;color:#314b62;border-radius:5px;cursor:pointer;white-space:nowrap}
.date-option:hover{background:#f2f7fc}
.date-option input{width:14px;height:14px;accent-color:#2d6cdf;flex:none}
.date-custom-panel{position:absolute;z-index:40;top:40px;left:0;width:248px;padding:9px;background:#fff;border:1px solid #dbe6f0;border-radius:8px;box-shadow:0 10px 28px rgba(23,50,77,.18)}
.date-custom-panel label{display:flex;align-items:center;gap:6px;font-size:12px;color:#5c7489;margin-bottom:6px}
.date-custom-panel input{flex:1;min-width:0;height:30px;border:1px solid #d7e2ec;border-radius:6px;padding:0 5px;font-size:12px;background:#fff;color:#203b55}
.date-custom-actions{display:flex;justify-content:flex-end;gap:6px;padding-top:3px}
.date-custom-actions .btn{height:29px;padding:0 12px;font-size:12px}
@media(max-width:700px){.date-toggle{width:100%}.date-panel{width:100%}.date-custom-panel{width:100%}}
/* align date control with the other filter selects */
.date-toggle{width:auto;min-width:76px;max-width:112px;height:40px;padding:0 5px;font-size:14px}
.date-panel{display:flex;flex-direction:column;width:100%;min-width:76px;padding:4px}
.date-option{width:100%}
@media(min-width:1200px){.date-toggle{min-width:92px;max-width:132px;font-size:13px}.date-panel{min-width:92px}}
@media(max-width:700px){.date-toggle{min-width:0;max-width:none;width:100%;height:40px;font-size:14px}.date-panel{width:100%;min-width:0}}
@media(min-width:701px) and (max-width:1199px){.date-toggle{padding:0 3px}}
.deal-form .row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}
.deal-form input{width:100%;height:36px;border:1px solid #d7e2ec;border-radius:7px;padding:0 8px;font-size:13px;background:#fff;color:#203b55}
@media(max-width:700px){.deal-form .row{grid-template-columns:1fr}}
.follow-deal-fields{display:grid;gap:7px;margin:7px 0;padding:8px;background:#f7fbf9;border:1px solid #d9eee2;border-radius:7px}
.follow-deal-fields .row{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.follow-deal-fields input{width:100%;height:36px;border:1px solid #d7e2ec;border-radius:7px;padding:0 8px;font-size:13px;background:#fff;color:#203b55}
@media(max-width:700px){.follow-deal-fields .row{grid-template-columns:1fr}}
.deal-form .row{grid-template-columns:1fr 1fr}
/* browser-style manager tabs */
.scope-tabs{display:flex;align-items:flex-end;gap:2px;margin:0 0 8px;padding:0 8px;border-bottom:1px solid #dbe6f0;font-size:13px;overflow-x:auto;scrollbar-width:none}
.scope-tabs::-webkit-scrollbar{display:none}
.scope-tabs a{position:relative;top:1px;flex:none;padding:8px 18px;border:1px solid transparent;border-bottom:0;border-radius:9px 9px 0 0;background:#e9f0f7;color:#58718a;text-decoration:none;white-space:nowrap}
.scope-tabs a:hover{background:#dfeaf5;color:#315574}
.scope-tabs a.active{background:#fff;border-color:#dbe6f0;color:#1f4f80;font-weight:600;z-index:1}
.scope-tabs a.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#fff}
.scope-tabs span{display:none}
@media(max-width:700px){.scope-tabs{padding:0 4px;gap:2px;margin-bottom:7px}.scope-tabs a{padding:7px 12px;font-size:12px}}
/* selected tab and metric emphasis */
.scope-tabs a.active{background:#fff;color:#174f91;font-weight:700;box-shadow:inset 0 3px 0 #2d6cdf,0 -3px 10px rgba(45,108,223,.12)}
.metric.metric-active{border-color:#2d6cdf!important;box-shadow:0 0 0 2px rgba(45,108,223,.18),0 6px 16px rgba(23,50,77,.12)!important;transform:translateY(-1px)}
.metric.metric-active strong{color:#173f73}
.password-wrap{position:relative}
.password-wrap input{padding-right:40px}
.password-eye{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;background:transparent;color:#7d8fa2;display:flex;align-items:center;justify-content:center;border-radius:5px;cursor:pointer;padding:0}
.password-eye:hover{background:#eef4fa;color:#315574}
.password-eye.active{color:#2d6cdf}
.bulk-bar{flex-wrap:wrap}
.bulk-pagination{display:flex;gap:7px;align-items:center;margin-left:4px}
.bulk-pagination .btn{height:28px;padding:0 10px}
@media(max-width:700px){.bulk-bar{font-size:11px}.pager{margin-left:0;width:100%}.bulk-pagination{margin-left:auto}}
.metrics{grid-template-columns:repeat(8,minmax(0,1fr))}
.metric{padding:10px 12px}
.metric-label{font-size:11px;letter-spacing:0}
@media(max-width:1300px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
.btn.danger{background:#fff1ef;border-color:#efc9c4;color:#b03a2e}
.btn.danger:hover{background:#fde5e1;border-color:#dfaaa3;color:#922b21}
.delete-lead-form{margin:0 16px 24px;text-align:right}
@media(max-width:700px){.delete-lead-form{margin:0 12px 20px}.delete-lead-form .btn{width:100%}}
.badge.duplicate{background:#fdecea;color:#b03a2e;margin-left:5px;font-size:11px;padding:1px 6px}
.duplicate-section{border-color:#f2d4cf;background:#fffafa}
.duplicate-hint{margin:-3px 0 8px;color:#9a5b52;font-size:12px}
.duplicate-item{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;margin-top:6px;padding:8px 10px;border:1px solid #f0ddd9;border-radius:7px;background:#fff;color:#314b62;text-align:left;cursor:pointer}
.duplicate-item:hover{background:#fff5f3}
.duplicate-item strong{display:block;font-size:13px}.duplicate-item small{display:block;color:#8a6b65;font-size:11px;margin-top:2px}
.duplicate-item > span:last-child{color:#8a6b65;font-size:11px;white-space:nowrap}