/* Scoped v16 signature layer. Keeps authentication, data and hyPhone behavior unchanged.
   Sean = HyMail V16 blackhole chroma. Christine = clear porcelain/gold executive UI.
   BeautifulUI-inspired task rows, command search, insight cards, tab navigation and tool chips. */
@property --td-edge-angle {syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes td-edge-turn {to{--td-edge-angle:360deg}}
@keyframes td-rise {from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
html[data-person="sean"][data-theme="dark"]{
  color-scheme:dark;--bg:#010205;--surface:#070d19;--surface2:#0d1727;--fg:#f3f7ff;
  --muted:#a7bbd6;--line:rgba(111,149,205,.26);--accent:#35eaff;--accentText:#001019;
  --good:#43efb2;--alert:#ffc85d;--shadow:0 20px 64px rgba(0,0,0,.42);
  --td-glow:rgba(53,234,255,.16);--td-fog:rgba(98,75,255,.11);--td-top:#0e1930;
  --td-spectrum:conic-gradient(from var(--td-edge-angle),#ff315f,#ff34dd,#a83cff,#5f54ff,#248dff,#22dfff,#20edbd,#83f16d,#ecf35f,#ffb84b,#ff315f);
  --td-border:rgba(109,153,222,.27);--td-ring:rgba(53,234,255,.22);
}
html[data-person="sean"][data-theme="light"]{
  color-scheme:light;--bg:#eaf2fb;--surface:#fff;--surface2:#e9f2fc;--fg:#102840;
  --muted:#425d78;--line:#bfd1e4;--accent:#126aa0;--accentText:#fff;
  --good:#197850;--alert:#965215;--shadow:0 12px 34px #174d791c;
  --td-glow:#429cdb1a;--td-fog:#5274bc0c;--td-top:#e5f0fa;
  --td-spectrum:linear-gradient(110deg,#096aa8,#6d4cbb,#b13c9a);
  --td-border:#bbd1e7;--td-ring:#166b9c33;
}
html[data-person="christine"][data-theme="light"]{
  color-scheme:light;--bg:#faf9f5;--surface:#fff;--surface2:#f8f5ed;--fg:#302719;
  --muted:#675b48;--line:#e8dcc5;--accent:#92610f;--accentText:#fff;
  --good:#28714b;--alert:#925111;--shadow:0 12px 32px #805c2220;
  --td-glow:#bd8e2e1f;--td-fog:#d4b27112;--td-top:#fffdf7;
  --td-spectrum:linear-gradient(115deg,#a06b1a,#e1bb65,#8d5c18,#c69f46);
  --td-border:#e6d8bb;--td-ring:#a16d2240;
}
html[data-person="christine"][data-theme="dark"]{
  color-scheme:dark;--bg:#15110c;--surface:#231a11;--surface2:#302418;--fg:#fff8e8;
  --muted:#e1cdad;--line:#755a37;--accent:#f5ca78;--accentText:#352109;
  --good:#a3e0b2;--alert:#f5bf78;--shadow:0 20px 56px #0007;
  --td-glow:#d7a34c22;--td-fog:#b18e4814;--td-top:#302115;
  --td-spectrum:linear-gradient(115deg,#f1c86c,#916018,#dfb96b,#95641b);
  --td-border:#80633c;--td-ring:#edc27542;
}
html[data-person="sean"] body,
html[data-person="christine"] body{
  background:radial-gradient(70vw 45vw at 85% -10%,var(--td-glow),transparent 69%),
             radial-gradient(55vw 35vw at -10% 26%,var(--td-fog),transparent 78%),var(--bg);
  color:var(--fg);
}
html[data-person="sean"][data-theme="dark"] body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.6;
  background:linear-gradient(rgba(138,172,255,.028) 1px,transparent 1px),
             linear-gradient(90deg,rgba(138,172,255,.028) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,#000,transparent 95%);
}
html[data-person="sean"] .shell, html[data-person="christine"] .shell{position:relative;z-index:1;max-width:1540px}
html[data-person="sean"] .top, html[data-person="christine"] .top{
  min-height:78px;gap:14px;padding:8px 0 17px;border-color:var(--td-border)
}
html[data-person="sean"] .top:after, html[data-person="christine"] .top:after{
  content:"";position:absolute;left:1%;right:1%;top:77px;height:1px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.35;pointer-events:none;
}
.brand-symbol{position:relative;flex:0 0 50px;width:50px;height:50px;border-radius:16px!important;
  background:linear-gradient(145deg,var(--surface2),var(--surface))!important;
  box-shadow:inset 0 1px 0 #ffffff1c,0 8px 25px var(--td-glow)}
.brand-symbol svg{width:28px;height:28px;color:var(--accent)}
.brand small{font-weight:700;letter-spacing:.05em}
.top .toolbar{justify-content:flex-end}.top .toolbar .mini{font-weight:750;color:var(--muted)}
html[data-person="sean"] .top .brand b{font-weight:850;letter-spacing:.014em}
html[data-person="christine"] .top .brand b{font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:700}
html[data-person="sean"] .btn,html[data-person="christine"] .btn{
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;
  border-color:var(--td-border);box-shadow:inset 0 1px #ffffff12;
  background:linear-gradient(140deg,var(--surface),var(--surface2));
}
html[data-person="sean"] .btn:hover,html[data-person="christine"] .btn:hover,
html[data-person="sean"] .actions a:hover,html[data-person="christine"] .actions a:hover{
  transform:translateY(-2px);border-color:var(--accent);box-shadow:0 6px 22px var(--td-glow)
}
html[data-person="sean"] :is(.btn.primary,.actions a.main),html[data-person="christine"] :is(.btn.primary,.actions a.main){
  background:var(--accent);color:var(--accentText);border-color:transparent;
}
html[data-person="sean"][data-theme="dark"] :is(.btn.primary,.actions a.main){
  background:linear-gradient(105deg,#35eaff,#6a9fff);color:#00131b;
  box-shadow:0 8px 26px #35eaff20
}
html[data-person="christine"][data-theme="light"] :is(.btn.primary,.actions a.main){
  background:linear-gradient(120deg,#92610f,#b58a39);color:#fff
}
html[data-person="sean"] .hero,html[data-person="christine"] .hero{
  position:relative;min-height:234px;display:grid;align-content:center;gap:4px;
  padding:38px clamp(22px,4vw,50px);margin:23px 0 17px;
  border:1px solid var(--td-border);border-radius:26px;overflow:hidden;
  background:radial-gradient(ellipse at 80% 45%,var(--td-glow),transparent 58%),
             linear-gradient(125deg,var(--td-top),var(--surface) 70%);
  box-shadow:var(--shadow);isolation:isolate
}
.hero:after{content:"";pointer-events:none;position:absolute;inset:0;opacity:.55;
  background:linear-gradient(125deg,transparent 52%,var(--td-glow));z-index:-1}
.hero .eyebrow{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:900}
.hero h1{max-width:790px;font-size:clamp(33px,4.25vw,59px);font-weight:850;line-height:1.08;letter-spacing:-.052em;z-index:1}
.hero p{max-width:670px;color:var(--muted);z-index:1}
.hero .hero-art{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:200px;height:200px;
  display:grid;place-items:center;pointer-events:none;opacity:.84}
.hero .hero-art:before{content:"";position:absolute;inset:18px;border-radius:50%;
  background:radial-gradient(circle at 35% 27%,rgba(255,255,255,.20),transparent 22%),
             radial-gradient(circle at 50% 50%,var(--bg) 42%,transparent 45%),
             conic-gradient(from 40deg,var(--accent),transparent 20%,var(--accent),transparent 59%,var(--accent));
  box-shadow:0 0 55px var(--td-glow),inset 0 0 28px var(--td-glow)}
.hero .hero-art svg{position:relative;z-index:1;width:78px;height:78px;color:var(--accent);filter:drop-shadow(0 0 13px var(--td-glow))}
html[data-person="sean"][data-theme="dark"] .hero .hero-art:before{
  background:radial-gradient(circle at 50% 50%,#010205 44%,transparent 46%),var(--td-spectrum);
  animation:td-edge-turn 22s linear infinite;
  box-shadow:0 0 40px #35eaff25,0 0 95px #a657ff18,inset 0 0 30px #35eaff30
}
html[data-person="christine"] .hero .hero-art:before{border:1px solid var(--td-border);background:radial-gradient(circle at center,var(--surface) 45%,transparent 47%),conic-gradient(#f4dda2,#a87720,#fae6bb,#b68937,#f4dda2)}
html[data-person="christine"] .hero h1{font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.038em}
.td-command{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:10px 0 14px}
.td-search-wrap{flex:1 1 290px;max-width:610px;position:relative;display:flex;align-items:center;gap:10px;
  min-height:53px;padding:0 16px;border:1px solid var(--td-border);border-radius:15px;
  background:var(--surface);box-shadow:inset 0 1px #ffffff10}
.td-search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--td-ring)}
.td-search-icon{width:20px;height:20px;color:var(--accent);flex-shrink:0}
#td-command-search{width:100%;min-width:0;border:0;background:transparent;color:var(--fg);outline:0;font-size:15px}
#td-command-search::placeholder{color:var(--muted)}
.td-command-key{font:700 11px ui-monospace,monospace;color:var(--muted);border:1px solid var(--td-border);border-radius:6px;padding:3px 6px}
.td-stage{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;min-height:41px;border:1px solid var(--td-border);
  border-radius:999px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}
.td-stage-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 9px var(--good)}
.td-workflow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:3px 0 17px;
  padding:12px 13px;border:1px solid var(--td-border);border-radius:16px;background:var(--surface)}
.td-workflow-label{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin:0 10px 0 5px}
.td-workflow a{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;min-height:42px;
  border-radius:11px;background:var(--surface2);border:1px solid var(--td-border);font-size:13px;font-weight:800}
.td-workflow a:hover{border-color:var(--accent)}
.td-workflow em{font-style:normal;width:23px;height:23px;display:grid;place-items:center;
  background:var(--td-glow);color:var(--accent);border:1px solid var(--td-ring);border-radius:8px;font-size:11px}
.td-workflow .td-separator{color:var(--muted);font-size:14px;opacity:.7}
.nav{gap:7px;padding:6px 0 15px}.nav a{position:relative;min-height:43px;display:inline-flex;align-items:center;
  border:1px solid var(--td-border);background:var(--surface);padding:9px 15px;color:var(--muted);
  transition:background .2s,color .2s,border-color .2s}
.nav a:hover,.nav a:focus-visible{border-color:var(--accent);color:var(--fg);background:var(--surface2)}
.status{display:flex;align-items:center;gap:9px;margin:0 0 21px!important;border:1px solid var(--td-border);font-size:13px;
  padding:11px 16px!important;background:var(--surface);color:var(--muted)}
.status:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 4px var(--td-glow)}
.grid{gap:17px}
.card{position:relative;isolation:isolate;overflow:hidden;background:var(--surface);border:1px solid var(--td-border);
  box-shadow:var(--shadow);border-radius:22px;padding:24px;transition:transform .19s ease,box-shadow .19s ease,border-color .19s}
.card:before{content:"";position:absolute;pointer-events:none;left:23px;right:23px;top:0;height:1px;opacity:.7;
 background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow),0 0 29px var(--td-glow)}
.card header{gap:12px;min-height:66px}
.card h2{font-size:19px;line-height:1.25}
.card header span{font-size:13px;line-height:1.45;color:var(--muted)}
.card .glyph{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid var(--td-border);
  border-radius:15px;background:var(--surface2);color:var(--accent);font-size:23px}
.card .glyph svg{width:23px;height:23px}
.card .metric{margin-top:3px;font-size:clamp(34px,3.8vw,52px);font-weight:850;color:var(--fg)}
.card .detail{font-size:14px;color:var(--muted);line-height:1.5}
.card .actions{margin-top:20px}
.card .actions a{display:inline-flex;justify-content:center;align-items:center;min-height:44px;
 transition:transform .16s,box-shadow .16s,border-color .16s;background:var(--surface2);border-color:var(--td-border)}
.card .rows{gap:8px;min-height:15px}
.card .item{background:var(--surface2);border-color:var(--td-border);border-radius:12px}
.card .item:hover{border-color:var(--accent)}
.card .item button{border-color:var(--td-border);font-weight:750}
.card .item button:hover{border-color:var(--accent)}
.card .item strong{color:var(--fg)}
.card .item small{color:var(--muted)}
html[data-person="sean"][data-theme="dark"] .card{background:linear-gradient(150deg,rgba(11,19,37,.98),rgba(1,3,8,.98)) padding-box,var(--td-spectrum) border-box;border:1px solid transparent}
html[data-person="sean"][data-theme="dark"] .card:before{background:linear-gradient(90deg,transparent,#35eaff,#a657ff,#ff3fc8,transparent)}
html[data-person="sean"][data-theme="dark"] .card:first-child,
html[data-person="sean"][data-theme="dark"] .card:nth-child(2){box-shadow:0 25px 60px #0008,0 0 45px #35eaff0d}
html[data-person="sean"][data-theme="dark"] .hero{border:1px solid transparent;
 background:linear-gradient(140deg,#0b1326,#010205 70%) padding-box,var(--td-spectrum) border-box}
html[data-person="sean"][data-theme="dark"] .login-wrap{border:1px solid transparent;background:linear-gradient(145deg,#0e172b,#010205) padding-box,var(--td-spectrum) border-box}
html[data-person="christine"] .card h2{font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:23px}
html[data-person="christine"] body{font-size:18px}
html[data-person="christine"] .hero p{font-size:20px;line-height:1.5}
html[data-person="christine"] .card .detail{font-size:17px;min-height:50px}
html[data-person="christine"] .card header span{font-size:16px}
html[data-person="christine"] .card .actions a{font-size:17px;min-height:54px;padding:12px 17px}
html[data-person="christine"] .td-workflow a,html[data-person="christine"] .nav a{font-size:16px;min-height:52px}
html[data-person="christine"] .td-stage{font-size:15px}
html[data-person="christine"] #td-command-search{font-size:18px}
html[data-person="christine"] .td-search-wrap{min-height:58px}
html[data-person="christine"] .status{font-size:16px}
html[data-person="christine"] .brand small{font-size:14px}
html[data-person="christine"] .login-wrap h1{font-family:Georgia,Times New Roman,serif;font-size:40px;color:var(--accent)}
html[data-person="christine"] .login-wrap{max-width:530px;padding:36px;border-radius:24px}
html[data-person="christine"] .login-wrap label{font-size:18px}
html[data-person="christine"] .login-wrap input{min-height:59px;font-size:19px}
html[data-person="christine"] .login-wrap .btn{font-size:18px;min-height:56px}
html[data-person="christine"] .login-wrap .mini{font-size:15px}
html[data-person="christine"] .td-workflow-label{font-size:13px}
html[data-person="christine"] .td-stage-dot{width:10px;height:10px}
.login-wrap{position:relative;isolation:isolate;box-shadow:var(--shadow);
  background:linear-gradient(145deg,var(--surface),var(--surface2));border-color:var(--td-border)}
.login-wrap:before{content:"";position:absolute;inset:0 22px auto;height:2px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.login-wrap .eyebrow{letter-spacing:.17em;font-size:11px;font-weight:900}
.login-wrap h1{font-weight:850;letter-spacing:-.035em}
.login-wrap input{transition:box-shadow .2s,border-color .2s}
.login-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--td-ring);outline:0}
.login-wrap .status{display:block!important;margin-top:18px!important}
.login-wrap .toolbar .btn{flex:1;min-width:0}
.td-login-emblem{position:relative;display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--td-border);
  border-radius:20px;background:var(--surface2);margin-bottom:24px;box-shadow:0 10px 32px var(--td-glow)}
.td-login-emblem svg{width:37px;height:37px;color:var(--accent)}
.td-empty{display:none;padding:24px;text-align:center;border:1px dashed var(--td-border);border-radius:18px;
  background:var(--surface);font-size:16px;color:var(--muted)}
.td-empty:not([hidden]){display:block}
.grid .card[hidden]{display:none!important}
html[data-person="sean"][data-theme="dark"] .brand-symbol{border-color:#35eaff88!important}
html[data-person="christine"] .brand-symbol{border-color:#bc9751!important}
html[data-person="christine"] .brand-symbol svg{width:31px;height:31px}
:where(.td-workflow a,.nav a,.btn,.actions a){-webkit-tap-highlight-color:transparent}
@media(max-width:1000px){.hero .hero-art{right:0;opacity:.25}.hero h1,.hero p{max-width:90%}}
@media(max-width:680px){
 html[data-person="sean"] .hero,html[data-person="christine"] .hero{padding:27px 20px;min-height:185px;margin-top:15px}
 .hero .hero-art{width:140px;height:140px;right:-34px;opacity:.21}
 .hero .hero-art:before{inset:16px}
 .hero .hero-art svg{width:56px;height:56px}
 .hero h1{font-size:clamp(31px,8vw,43px)}
 .hero p{max-width:100%!important;font-size:16px}
 .td-command{align-items:stretch}
 .td-search-wrap{max-width:none;flex-basis:100%}
 .td-workflow{gap:7px}
 .td-workflow-label{flex-basis:100%}
 .td-workflow .td-separator{display:none}
 .td-workflow a{flex:1 1 150px}
 .card{padding:20px}
 .top:after{display:none}
 .toolbar{width:100%}
 .toolbar .mini{margin-right:auto}
 .login-wrap{margin:4vh 12px;padding:23px;width:auto}
 html[data-person="christine"] .login-wrap{padding:25px}
 html[data-person="christine"] .hero p{font-size:18px}
}
@media(prefers-reduced-motion:reduce){html[data-person="sean"] .hero .hero-art:before{animation:none!important}.card,.btn,.actions a{transition:none!important}}