/* Motion Supply Brand OS — Founder Command Center V2
   Frontend-only override. No auth, billing, API, Supabase, Stripe, CRUD,
   calculator, or Business Memory behavior lives in this file. */
:root{
  --bg:#060709;
  --bg2:#0a0c10;
  --surface:#0f1217;
  --surface-2:#141922;
  --surface-3:#1a2029;
  --ink:#f3f6f8;
  --muted:#8a939f;
  --dim:#5d6672;
  --line:rgba(255,255,255,.085);
  --line-2:rgba(255,255,255,.14);
  --signal:#c8ff42;
  --signal-soft:rgba(200,255,66,.13);
  --cyan:#63dcff;
  --cyan-soft:rgba(99,220,255,.10);
  --ok:#79dfa1;
  --okbg:rgba(62,176,103,.12);
  --warn:#f1c665;
  --warnbg:rgba(211,156,41,.12);
  --bad:#ff8585;
  --badbg:rgba(207,70,70,.12);
  --shadow:0 24px 70px rgba(0,0,0,.42);
  --soft-shadow:0 12px 34px rgba(0,0,0,.24);
  --radius:16px;
}

*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 82% -10%,rgba(99,220,255,.075),transparent 28%),
    radial-gradient(circle at 14% 92%,rgba(200,255,66,.045),transparent 30%),
    linear-gradient(180deg,#07090c 0%,#090b0f 46%,#060709 100%);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  opacity:.34;
  background-image:
    linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.72) 55%,transparent 100%);
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.12;
  background:
    radial-gradient(circle at 20% 30%,rgba(255,255,255,.25) 0 .6px,transparent .8px) 0 0/8px 8px,
    radial-gradient(circle at 75% 75%,rgba(255,255,255,.18) 0 .5px,transparent .7px) 0 0/11px 11px;
}
button,input,select{font:inherit}
button{touch-action:manipulation}

.shell{grid-template-columns:266px minmax(0,1fr);background:transparent}
main{background:transparent;min-height:100vh;min-width:0}

/* SIDE RAIL — creative-tech workstation, not corporate SaaS */
.side{
  width:266px;
  padding:18px 13px 20px;
  background:
    radial-gradient(circle at 0 0,rgba(99,220,255,.045),transparent 28%),
    linear-gradient(180deg,rgba(13,16,21,.985),rgba(7,9,12,.99));
  border-right:1px solid var(--line);
  box-shadow:18px 0 50px rgba(0,0,0,.28);
}
.sideTop{
  padding:0 3px 15px;
  margin-bottom:11px;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.brand{margin:0;gap:11px;align-items:center}
.mark{
  position:relative;
  width:42px;
  height:42px;
  border-radius:10px;
  display:grid;
  place-items:center;
  overflow:visible;
  color:#f7f9fb;
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.015)),
    #0c0f13;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 26px rgba(0,0,0,.34);
  font-size:13px;
  font-weight:1000;
  letter-spacing:-.07em;
}
.mark:before{
  content:"";
  position:absolute;
  width:7px;height:7px;border-radius:999px;
  right:-3px;top:-3px;
  background:var(--signal);
  box-shadow:0 0 16px rgba(200,255,66,.78);
  border:2px solid #0a0c10;
}
.mark:after{
  content:"";
  position:absolute;
  left:7px;right:7px;bottom:6px;height:1px;
  background:linear-gradient(90deg,transparent,var(--cyan),transparent);
  opacity:.65;
}
.brandcopy b{display:block;color:#f5f7fa;font-size:11px;letter-spacing:.16em;font-weight:900}
.brand small{display:block;margin-top:4px;color:#6e7782;font-size:8px;letter-spacing:.26em}
.navlabel{
  margin:2px 11px 8px;
  color:#4e5661;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-size:8px;
  letter-spacing:.21em;
}
.navgroup{
  margin:15px 10px 4px!important;
  color:#515a66!important;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-size:7.5px!important;
  letter-spacing:.18em!important;
}
.side nav{gap:3px}
.side nav button,.ghost{
  min-height:42px;
  padding:9px 10px;
  border:1px solid transparent;
  border-radius:9px;
  color:#9099a5;
  background:transparent;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.side nav button span{
  width:22px;
  min-width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:6px;
  color:#737d89;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:9px;
}
.side nav button:hover{
  color:#edf1f4;
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.065);
  transform:translateX(1px);
}
.side nav button.active{
  color:#fff;
  background:
    linear-gradient(90deg,rgba(200,255,66,.095),rgba(255,255,255,.025) 62%,transparent);
  border-color:rgba(200,255,66,.15);
  box-shadow:inset 2px 0 0 var(--signal),0 8px 24px rgba(0,0,0,.13);
}
.side nav button.active span{
  color:#0b0d10;
  background:var(--signal);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 0 18px rgba(200,255,66,.14);
}
.sidebottom{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.065)}
.sidehint{color:#535c67;font-size:9px}
.ghost{
  width:100%;
  color:#89939f;
  background:rgba(255,255,255,.018);
  border-color:rgba(255,255,255,.07);
}
.ghost:hover{color:#fff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
#learnBtn{
  color:#eaf0f2!important;
  background:linear-gradient(90deg,rgba(99,220,255,.075),rgba(255,255,255,.02))!important;
  border-color:rgba(99,220,255,.16)!important;
}
#learnBtn:hover{border-color:rgba(99,220,255,.30)!important;background:rgba(99,220,255,.09)!important}
.menuClose{border-color:rgba(255,255,255,.10);background:#11151a;color:#e8edf0}

/* TOP SYSTEM BAR */
header{
  position:sticky;
  top:0;
  z-index:5;
  height:76px;
  padding:12px 26px;
  background:rgba(7,9,12,.86);
  backdrop-filter:blur(20px) saturate(120%);
  -webkit-backdrop-filter:blur(20px) saturate(120%);
  border-bottom:1px solid rgba(255,255,255,.075);
  box-shadow:0 8px 30px rgba(0,0,0,.16);
}
header:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent 0%,var(--cyan) 28%,var(--signal) 62%,transparent 100%);
  opacity:.38;
}
.headleft{gap:11px}
.eyebrow,.kicker{
  color:#707a86;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-size:8px;
  letter-spacing:.18em;
  font-weight:800;
}
.eyebrow:after{
  content:"  //  FOUNDER OPS";
  color:var(--signal);
  opacity:.86;
}
#title{margin-top:2px;color:#f6f8fa;font-size:22px;font-weight:760;letter-spacing:-.028em}
.account{gap:7px}
.pill{
  position:relative;
  padding:6px 9px 6px 20px;
  color:#c9d0d7;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
  font-family:"SFMono-Regular",Consolas,monospace;
  letter-spacing:.08em;
}
.pill:before{
  content:"";
  position:absolute;left:8px;top:50%;transform:translateY(-50%);
  width:6px;height:6px;border-radius:50%;
  background:var(--signal);
  box-shadow:0 0 12px rgba(200,255,66,.7);
}
.outline{
  color:#dfe4e8;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.095);
  border-radius:9px;
  transition:.16s ease;
}
.outline:hover{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.16);transform:translateY(-1px)}
.primary{
  color:#080a0d;
  background:var(--signal);
  border:1px solid rgba(235,255,190,.7);
  border-radius:9px;
  font-weight:900;
  box-shadow:0 8px 24px rgba(0,0,0,.22),0 0 0 1px rgba(200,255,66,.07),0 0 26px rgba(200,255,66,.08);
  transition:.16s ease;
}
.primary:hover{background:#d4ff69;transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 30px rgba(200,255,66,.12)}
.menu{color:#eef2f4}

/* WORKSPACE */
.view{padding:27px 28px 52px;max-width:1320px}
.dashboardIntro{margin-bottom:19px;align-items:center}
.dashboardIntro h2{margin:3px 0 6px;color:#f7f9fb;font-size:31px;font-weight:750;letter-spacing:-.042em}
.dashboardIntro p,.toolhead p{color:#87919d;line-height:1.6}
.brandchip{
  position:relative;
  min-width:170px;
  padding:11px 13px 11px 16px;
  color:#eef2f4;
  background:#0f1318;
  border:1px solid rgba(255,255,255,.085);
  border-radius:12px;
  box-shadow:var(--soft-shadow),inset 0 1px 0 rgba(255,255,255,.025);
}
.brandchip:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background:var(--cyan);box-shadow:0 0 11px rgba(99,220,255,.32)}
.brandchip small{color:#65707c;font-family:"SFMono-Regular",Consolas,monospace}
.brandchip b{font-size:13px}

.grid{gap:12px}.healthgrid{gap:12px}.actions{gap:10px}
.metric,.card,.result,.healthcard,.actioncard,.drop,.table{
  position:relative;
  color:#edf1f4;
  background:
    linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.005)),
    #0f1217;
  border:1px solid rgba(255,255,255,.078);
  border-radius:var(--radius);
  box-shadow:var(--soft-shadow),inset 0 1px 0 rgba(255,255,255,.025);
}
.metric,.card,.result,.healthcard,.actioncard{overflow:hidden}
.metric:before,.card:before,.result:before,.healthcard:before,.actioncard:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);
  pointer-events:none;
}
.metric{padding:17px 17px 18px;min-height:120px}
.metric .metricTop{position:relative;z-index:1}
.metric small,.muted,.metric .metricNote{color:#7b8591}
.metric small{
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:9px;
  letter-spacing:.06em;
}
.metric strong{
  display:block;
  margin:13px 0 4px;
  color:#f8fafb;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-size:30px;
  font-weight:700;
  letter-spacing:-.045em;
  font-variant-numeric:tabular-nums;
}
.metric:after{
  content:"";
  position:absolute;
  left:17px;right:17px;bottom:10px;height:2px;
  background:linear-gradient(90deg,var(--cyan),rgba(99,220,255,.08) 36%,transparent 76%);
  opacity:.5;
}
.metric:nth-child(even):after{background:linear-gradient(90deg,var(--signal),rgba(200,255,66,.08) 36%,transparent 76%)}
.metricAccent{display:none}
.sectionbar{margin:23px 0 10px}
.sectionbar h3{
  margin:0;
  color:#cdd3d9;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:9px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.sectionbar span{color:#606a75;font-family:"SFMono-Regular",Consolas,monospace;font-size:9px}
.healthcard{padding:15px}
.healthhead{margin-bottom:9px}.healthhead b{color:#e7ecef;font-size:11px}
.healthcard p{color:#7f8995;font-size:10.5px;line-height:1.52}
.status{
  padding:4px 7px;
  border:1px solid transparent;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:8px;
  letter-spacing:.04em;
}
.good{background:var(--okbg);color:var(--ok);border-color:rgba(121,223,161,.14)}
.warn{background:var(--warnbg);color:var(--warn);border-color:rgba(241,198,101,.14)}
.bad{background:var(--badbg);color:var(--bad);border-color:rgba(255,133,133,.14)}

/* NEXT MOVE / ONBOARDING = command modules */
.decision,.onboard{
  position:relative;
  overflow:hidden;
  color:#f3f6f8;
  background:
    linear-gradient(90deg,rgba(99,220,255,.05),transparent 40%),
    radial-gradient(circle at 92% 0,rgba(200,255,66,.08),transparent 28%),
    #0c1015;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03);
}
.decision:before,.onboard:before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--cyan),var(--signal));
  box-shadow:0 0 20px rgba(99,220,255,.16);
}
.decision:after,.onboard:after{
  content:"";
  position:absolute;
  right:-60px;bottom:-75px;width:220px;height:150px;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:18px 18px;
  transform:perspective(250px) rotateX(58deg) rotateZ(-10deg);
  opacity:.75;
  pointer-events:none;
}
.decision{padding:19px 20px}.decision .kicker{color:var(--cyan)}.decision h3{font-size:20px}.decision p,.onboard p{color:#89939f}
.decision button{background:var(--signal);color:#090b0d;border:0;border-radius:9px;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 24px rgba(200,255,66,.07)}
.onboard{padding:22px}.onboard h2{font-size:26px}
.setupList{gap:7px}.setupItem{background:#10151b;border:1px solid rgba(255,255,255,.075);border-radius:10px}.setupItem:hover{border-color:rgba(99,220,255,.16);background:#121820}.setupItem.done{background:rgba(121,223,161,.065);border-color:rgba(121,223,161,.18)}.setupItem>span{color:var(--signal)}.setupItem small{color:#78828e}

/* ACTIONS */
.actioncard{padding:14px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.actioncard:hover{transform:translateY(-2px);border-color:rgba(99,220,255,.18);background:#12171e}
.actioncard .icon{
  width:29px;height:29px;margin-bottom:9px;
  display:grid;place-items:center;
  color:var(--cyan);
  background:var(--cyan-soft);
  border:1px solid rgba(99,220,255,.13);
  border-radius:8px;
  font-family:"SFMono-Regular",Consolas,monospace;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.actioncard:nth-child(even) .icon{color:var(--signal);background:var(--signal-soft);border-color:rgba(200,255,66,.13)}
.actioncard b{color:#edf1f4;font-size:11px}.actioncard small{color:#76808c;font-size:9.5px}

/* TOOL PANELS */
.card,.result{padding:19px}
.toolhead{margin-bottom:16px}.toolhead h2{margin-top:3px;color:#f5f8fa;font-size:24px;font-weight:740}.toolhead p{font-size:11px}
.source,.sourceTag{
  color:#8e98a3;
  background:#0b0e12;
  border:1px solid rgba(255,255,255,.08);
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:8px;
}

/* INPUTS — like production software, not glossy mockup */
.field label{display:block;margin-bottom:5px;color:#aeb6bf;font-size:9px;font-weight:800;letter-spacing:.035em}
.field input,.field select,.authscreen .authform input{
  width:100%;
  color:#edf1f4;
  background:#090c10;
  border:1px solid rgba(255,255,255,.095);
  border-radius:9px;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.field input::placeholder,.authscreen input::placeholder{color:#515a65}
.field select option{background:#0d1116;color:#eef2f4}
.field input:focus,.field select:focus,.authscreen .authform input:focus{
  border-color:rgba(99,220,255,.48);
  box-shadow:0 0 0 3px rgba(99,220,255,.075),0 0 20px rgba(99,220,255,.03);
}
.field small{color:#68727e}.formDivider{border-color:rgba(255,255,255,.075);color:#646e7a;font-family:"SFMono-Regular",Consolas,monospace}

.result{background:linear-gradient(180deg,rgba(99,220,255,.025),transparent 38%),#0f1217}
.result>small{color:#65707b;font-family:"SFMono-Regular",Consolas,monospace}.result .big{margin:9px 0 11px;color:#f7f9fb;font-family:"SFMono-Regular",Consolas,monospace;font-size:40px;font-weight:700;font-variant-numeric:tabular-nums}
.row{border-top:1px solid rgba(255,255,255,.07);color:#aeb6bf;font-size:10.5px}
.advice,.warning,.empty,.helpBoundary{color:#cbd2d8;background:#0d1116;border:1px solid rgba(255,255,255,.085);border-radius:12px}
.warning{background:rgba(241,198,101,.045);border-color:rgba(241,198,101,.14)}
.empty{background:#0b0e12}

/* DATA TABLES */
.table{background:#0d1014;overflow:auto}
table{width:100%;background:transparent;color:#dce2e7}
th,td{padding:10px;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px;font-variant-numeric:tabular-nums}
th{color:#65707b;font-family:"SFMono-Regular",Consolas,monospace;font-size:8px;letter-spacing:.10em;text-transform:uppercase}
tbody tr{transition:background .14s ease}tbody tr:hover{background:rgba(99,220,255,.022)}

/* AUTH / MODALS */
.modal{background:rgba(1,2,4,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.modalbox{
  color:#edf1f4;
  background:
    radial-gradient(circle at 100% 0,rgba(99,220,255,.045),transparent 30%),
    #0f1217;
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  box-shadow:0 40px 110px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.025);
}
.modalbox:before{content:"";position:absolute;left:20px;right:50px;top:0;height:1px;background:linear-gradient(90deg,var(--cyan),var(--signal),transparent);opacity:.5}
.close{color:#7b8590;cursor:pointer}.close:hover{color:#fff}
.authscreen h2{color:#f8fafb}.authscreen>p,.authscreen .mini{color:#7f8994}.authscreen .authform label{color:#aeb6bf}.authlink{color:var(--cyan)}.authswitch{border-top-color:rgba(255,255,255,.07)}.authscreen .mini a{color:#a7eaff}

/* HELP / KNOWLEDGE */
.helpBackdrop{background:rgba(1,2,4,.76)}
.helpPanel{
  color:#edf1f4;
  background:
    radial-gradient(circle at 90% 0,rgba(99,220,255,.045),transparent 28%),
    #0d1014;
  border-left:1px solid rgba(255,255,255,.08);
}
.helpTop{border-bottom-color:rgba(255,255,255,.075)}.helpTop h2{color:#f7f9fb}.helpTop p{color:#7d8793}.helpKicker{color:var(--cyan)}.helpClose{background:var(--signal);color:#090b0d}.helpHero{background:#0f141a;border:1px solid rgba(99,220,255,.10)}.helpHero span{color:var(--signal)}.helpHero p{color:#7f8995}.helpSection{border-top-color:rgba(255,255,255,.07)}.helpSectionHead>span{background:var(--signal);color:#090b0d}.helpSectionHead p{color:#76808c}.helpWorkspace,.helpTool,.helpGloss{background:#0f1217;border-color:rgba(255,255,255,.075);box-shadow:none}.helpWorkspace b{color:var(--cyan)}.helpWorkspace span,.helpTool p,.helpGloss p{color:#89939f}.helpFeeds{border-top-color:rgba(255,255,255,.06)!important}.helpJump{color:var(--cyan)}.helpNum{background:var(--signal);color:#090b0d}.helpFooter{background:linear-gradient(180deg,rgba(13,16,20,0),#0d1014 28%)}
.floatingHelp{background:var(--signal);color:#090b0d;border:1px solid rgba(232,255,181,.64);box-shadow:0 12px 34px rgba(0,0,0,.40),0 0 28px rgba(200,255,66,.10)}.floatingHelp:hover{background:#d7ff76}

/* MISC */
.metricDetails{border-top-color:rgba(255,255,255,.07)}.metricDetails summary{color:#9ea7b1}
hr{border-color:rgba(255,255,255,.07)!important}
details summary{color:#dbe1e6}
::selection{background:var(--signal);color:#080a0d}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#080a0d}::-webkit-scrollbar-thumb{background:#252b33;border-radius:999px;border:2px solid #080a0d}::-webkit-scrollbar-thumb:hover{background:#353d47}

/* Motion kept tight. This should feel responsive, not animated for animation's sake. */
@media(prefers-reduced-motion:no-preference){
  .metric,.card,.healthcard,.actioncard,.brandchip{animation:panelIn .22s ease both}
  @keyframes panelIn{from{opacity:.01;transform:translateY(3px)}to{opacity:1;transform:none}}
}

/* MOBILE — should feel like an app, not a squeezed website */
@media(max-width:820px){
  .shell{grid-template-columns:1fr}
  .side{width:278px;left:-292px;padding-top:max(16px,env(safe-area-inset-top))}
  .side.open{left:0}
  .sideTop{background:rgba(10,13,17,.97);backdrop-filter:blur(18px)}
  .menuBackdrop{background:rgba(1,2,4,.72);backdrop-filter:blur(6px)}
  header{
    min-height:76px;
    padding-top:max(9px,env(safe-area-inset-top));
    background:rgba(7,9,12,.92);
    border-bottom-color:rgba(255,255,255,.07)
  }
  .eyebrow:after{content:" // OS"}
  #title{font-size:20px}
  .view{padding:16px 11px calc(34px + env(safe-area-inset-bottom))}
  .dashboardIntro h2{font-size:26px}.dashboardIntro p{font-size:11.5px}
  .metric,.card,.result,.healthcard,.actioncard{border-radius:14px}
  .metric{min-height:108px;padding:14px}.metric strong{font-size:27px}
  .metric:after{left:14px;right:14px}
  .result .big{font-size:34px}
  .modal{padding:9px}.modalbox{border-radius:17px;padding:19px 15px;max-height:calc(100dvh - 18px)}
  .floatingHelp{bottom:calc(12px + env(safe-area-inset-bottom))}
}

@media(max-width:430px){
  .view{padding-left:8px;padding-right:8px}
  .dashboardIntro h2{font-size:24px}
  .card,.result{padding:15px}
  .metric{padding:13px}
  .metric strong{font-size:25px}
  .account .pill{display:none}
  .account .outline,.account .primary{font-size:9px;padding:6px 7px}
}