/* Simple Connectivity — SC Core brand layer. Tokens mirror the public site theme (root-lite v1.1). */
:root{
  --sc-navy:#061724; --sc-navy-2:#0a2236; --sc-navy-3:#0f2d47;
  --sc-blue:#087bf2; --sc-blue-2:#14a7f6; --sc-cyan:#68c4ff; --sc-blue-soft:#e8f4ff;
  --sc-grad:linear-gradient(135deg,#10a8f8 0%,#0878ee 55%,#075ed8 100%);
  --sc-bg:#f7fbff; --sc-card:#ffffff; --sc-ink:#061724; --sc-muted:#526173; --sc-line:#dbe4ee;
  --sc-ok:#12b76a; --sc-ok-soft:#e7f8ef; --sc-warn:#f79009; --sc-warn-soft:#fff5e6; --sc-bad:#f04438; --sc-bad-soft:#feeceb;
  --sc-radius:18px; --sc-radius-sm:12px;
  --sc-shadow:0 7px 18px rgba(9,36,64,.06); --sc-shadow-lg:0 24px 60px rgba(9,36,64,.12);
  --sc-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;
  --sc-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.sc{font-family:var(--sc-font);color:var(--sc-ink);background:var(--sc-bg);-webkit-font-smoothing:antialiased;line-height:1.5}
.sc a{color:var(--sc-blue);text-decoration:none}.sc a:hover{text-decoration:underline}
.sc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- Cyber auth screens ---------- */
body.sc-auth{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px;color:#e6f2ff;background:
  radial-gradient(1200px 600px at 85% -10%,rgba(20,167,246,.28),transparent 60%),
  radial-gradient(900px 500px at -10% 110%,rgba(8,123,242,.22),transparent 60%),
  linear-gradient(180deg,#061724 0%,#03101a 100%);overflow-x:hidden;position:relative}
.sc-grid{position:fixed;inset:-50%;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(104,196,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(104,196,255,.07) 1px,transparent 1px);
  background-size:44px 44px;transform:perspective(900px) rotateX(58deg) translateY(-8%);transform-origin:center 30%;
  mask-image:radial-gradient(ellipse at 50% 40%,#000 25%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 25%,transparent 70%);
  animation:sc-grid 18s linear infinite}
@keyframes sc-grid{to{background-position:0 44px,44px 0}}
.sc-rings{position:fixed;right:-160px;top:-160px;width:620px;height:620px;pointer-events:none;z-index:0;opacity:.9}
.sc-rings span{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px solid rgba(104,196,255,.22);animation:sc-pulse 6s ease-out infinite}
.sc-rings span:nth-child(1){width:180px;height:180px}
.sc-rings span:nth-child(2){width:320px;height:320px;animation-delay:1.2s;border-color:rgba(104,196,255,.16)}
.sc-rings span:nth-child(3){width:460px;height:460px;animation-delay:2.4s;border-color:rgba(104,196,255,.1)}
.sc-rings span:nth-child(4){width:600px;height:600px;animation-delay:3.6s;border-color:rgba(104,196,255,.06)}
@keyframes sc-pulse{0%{transform:scale(.92);opacity:.2}40%{opacity:1}100%{transform:scale(1.04);opacity:.35}}
.sc-bolt{position:fixed;right:7%;top:14%;width:230px;height:auto;z-index:0;filter:drop-shadow(0 0 40px rgba(20,167,246,.55));opacity:.55;animation:sc-float 7s ease-in-out infinite}
@keyframes sc-float{50%{transform:translateY(-10px)}}
.sc-auth-wrap{position:relative;z-index:1;width:100%;max-width:440px}
.sc-logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 0 24px;text-align:center}
.sc-logo img{width:132px;height:auto;filter:drop-shadow(0 0 26px rgba(20,167,246,.35))}
.sc-realm{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--sc-cyan);padding:5px 12px;border:1px solid rgba(104,196,255,.28);border-radius:999px;background:rgba(20,167,246,.08)}
.sc-brand{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:#fff;font-weight:800;font-size:20px;letter-spacing:-.01em}
.sc-brand img{width:36px;height:36px;filter:drop-shadow(0 0 14px rgba(46,158,255,.6))}
.sc-brand small{display:block;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sc-cyan)}
.sc-glass{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(104,196,255,.22);border-radius:22px;
  padding:30px 26px;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08);position:relative;overflow:hidden}
.sc-glass::before{content:"";position:absolute;left:-40%;top:0;width:40%;height:2px;background:linear-gradient(90deg,transparent,var(--sc-blue-2),transparent);animation:sc-scan 3.8s ease-in-out infinite}
@keyframes sc-scan{0%{left:-40%}60%,100%{left:100%}}
.sc-glass h1{font-size:28px;line-height:1.15;margin:0 0 8px;letter-spacing:-.02em;color:#fff}
.sc-glass h1 em{font-style:normal;background:var(--sc-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sc-glass p.lead{margin:0 0 22px;color:#9fb6cc;font-size:15px}
.sc-field{margin:0 0 16px}
.sc-field label{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8fb3d6;margin:0 0 8px}
.sc-input{width:100%;height:56px;padding:0 16px;border-radius:14px;border:1px solid rgba(104,196,255,.25);background:rgba(3,16,26,.6);color:#fff;
  font:600 17px var(--sc-font);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.sc-input::placeholder{color:#5f7a93;font-weight:500}
.sc-input:focus{border-color:var(--sc-blue-2);box-shadow:0 0 0 4px rgba(20,167,246,.18),0 0 24px rgba(20,167,246,.25);background:rgba(3,16,26,.85)}
.sc-input.code{font-family:var(--sc-mono);font-size:28px;letter-spacing:.55em;text-align:center;padding-left:.55em;height:64px}
.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:14px;cursor:pointer;
  font:800 17px var(--sc-font);color:#fff;background:var(--sc-grad);box-shadow:0 12px 30px rgba(8,123,242,.35);transition:transform .18s,box-shadow .18s,filter .18s;text-decoration:none}
.sc-btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(8,123,242,.45);filter:brightness(1.05);text-decoration:none}
.sc-btn:active{transform:translateY(0)}
.sc-btn svg{width:18px;height:18px}
.sc-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:13px;color:#7f9ab3}
.sc-meta a{color:var(--sc-cyan)}
.sc-live{display:inline-flex;align-items:center;gap:8px;font-family:var(--sc-mono);font-size:12px;color:#7fd9a8}
.sc-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 0 rgba(18,183,106,.6);animation:sc-dot 2s infinite}
@keyframes sc-dot{70%{box-shadow:0 0 0 10px rgba(18,183,106,0)}100%{box-shadow:0 0 0 0 rgba(18,183,106,0)}}
.sc-flash{border-radius:12px;padding:12px 14px;margin:0 0 16px;font-size:14px;border:1px solid rgba(104,196,255,.25);background:rgba(20,167,246,.1);color:#cfe8ff}
.sc-flash.error{border-color:rgba(240,68,56,.4);background:rgba(240,68,56,.12);color:#ffd4d0}
.sc-flash.demo{border-color:rgba(247,144,9,.45);background:rgba(247,144,9,.12);color:#ffe2b8}
.sc-flash strong{font-family:var(--sc-mono);letter-spacing:.2em;color:#fff}
.sc-foot{position:relative;z-index:1;margin-top:22px;text-align:center;font-size:12px;color:#5f7a93}
.sc-foot a{color:#8fb3d6}
.sc-term{font-family:var(--sc-mono);font-size:12px;color:#5d86ab;margin:0 0 18px;white-space:nowrap;overflow:hidden}
.sc-term b{color:var(--sc-cyan);font-weight:600}
.sc-term .cursor{display:inline-block;width:7px;height:13px;background:var(--sc-cyan);vertical-align:-2px;animation:sc-blink 1s steps(2) infinite}
@keyframes sc-blink{50%{opacity:0}}
@media (max-width:640px){.sc-bolt{display:none}.sc-rings{right:-260px;top:-260px}.sc-glass{padding:24px 20px}.sc-glass h1{font-size:24px}}
@media (prefers-reduced-motion:reduce){.sc-grid,.sc-rings span,.sc-bolt,.sc-glass::before,.sc-live::before,.sc-term .cursor{animation:none!important}}

/* ---------- Portal app shell ---------- */
.sc-top{position:sticky;top:0;z-index:10;background:rgba(6,23,36,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(104,196,255,.14)}
.sc-top-in{max-width:1080px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sc-top .sc-brand,.sc-top .sc-brand:hover{margin:0;display:flex;align-items:center;gap:10px;text-decoration:none}
.sc-top .sc-brand img.mark{height:34px;width:auto;filter:drop-shadow(0 0 10px rgba(20,167,246,.45))}
.sc-top .sc-brand img.word{height:26px;width:auto}
.sc-top nav{display:flex;align-items:center;gap:6px}
.sc-top nav a{color:#cfe2f5;font-weight:600;font-size:14px;padding:8px 12px;border-radius:10px}
.sc-top nav a:hover{background:rgba(104,196,255,.1);text-decoration:none;color:#fff}
.sc-top nav a.primary{background:var(--sc-grad);color:#fff}
.sc-staff{background:repeating-linear-gradient(135deg,#f79009 0 12px,#f5a524 12px 24px);color:#1c1100;font-weight:800;font-size:13px;text-align:center;padding:6px 12px}
.sc-hero{background:
  radial-gradient(700px 300px at 90% -40%,rgba(20,167,246,.35),transparent 60%),
  linear-gradient(180deg,#061724,#0a2236);color:#fff;position:relative;overflow:hidden}
.sc-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(104,196,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(104,196,255,.06) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(180deg,#000,transparent);-webkit-mask-image:linear-gradient(180deg,#000,transparent);pointer-events:none}
.sc-hero::before{content:"";position:absolute;right:-40px;top:-30px;width:320px;height:420px;background:url("logo-mark.324a21787ce9.png") no-repeat center/contain;opacity:.12;filter:blur(.3px);pointer-events:none}
.sc-hero-in{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:32px 20px 88px}
.sc-hero .hello{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--sc-cyan);font-weight:700}
.sc-hero h1{margin:6px 0 4px;font-size:34px;line-height:1.1;letter-spacing:-.02em}
.sc-hero p{margin:0;color:#9fb6cc}
.sc-main{max-width:1080px;margin:-64px auto 0;padding:0 20px 40px;position:relative;z-index:2}
.sc-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}
.sc-tile{background:var(--sc-card);border:1px solid var(--sc-line);border-radius:var(--sc-radius);padding:18px 20px;box-shadow:var(--sc-shadow-lg)}
.sc-tile .label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sc-muted)}
.sc-tile .value{font-size:30px;font-weight:900;letter-spacing:-.02em;margin-top:6px;font-variant-numeric:tabular-nums}
.sc-tile .value.due{color:var(--sc-bad)}.sc-tile .value.clear{color:var(--sc-ok)}
.sc-tile .sub{font-size:13px;color:var(--sc-muted);margin-top:2px}
.sc-grid2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px}
.sc-card{background:var(--sc-card);border:1px solid var(--sc-line);border-radius:var(--sc-radius);box-shadow:var(--sc-shadow);overflow:hidden}
.sc-card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--sc-line)}
.sc-card-h h2{margin:0;font-size:16px;font-weight:800;letter-spacing:-.01em}
.sc-card-b{padding:6px 20px 16px}
.sc-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--sc-line)}
.sc-row:first-child{border-top:0}
.sc-row .t{font-weight:700}.sc-row .s{font-size:13px;color:var(--sc-muted)}
.sc-row .r{text-align:right;white-space:nowrap}
.sc-amt{font-weight:800;font-variant-numeric:tabular-nums}
.sc-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#eef2f7;color:var(--sc-muted)}
.sc-pill.ok{background:var(--sc-ok-soft);color:#067647}.sc-pill.warn{background:var(--sc-warn-soft);color:#b54708}.sc-pill.bad{background:var(--sc-bad-soft);color:#b42318}.sc-pill.info{background:var(--sc-blue-soft);color:#0759b8}
.sc-dot{width:8px;height:8px;border-radius:50%;background:#98a2b3;display:inline-block}
.sc-dot.on{background:var(--sc-ok);box-shadow:0 0 0 3px rgba(18,183,106,.18);animation:sc-dot 2s infinite}
.sc-svc{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--sc-line)}
.sc-svc:first-child{border-top:0}
.sc-svc .ico{width:44px;height:44px;border-radius:12px;background:var(--sc-blue-soft);display:grid;place-items:center}
.sc-svc .ico svg{width:22px;height:22px;color:var(--sc-blue)}
.sc-speed{font-family:var(--sc-mono);font-size:13px;color:var(--sc-blue);font-weight:600}
.sc-btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:10px;border:0;cursor:pointer;
  font:800 14px var(--sc-font);color:#fff;background:var(--sc-grad);box-shadow:0 8px 18px rgba(8,123,242,.25);transition:transform .15s,box-shadow .15s;text-decoration:none}
.sc-btn-sm:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(8,123,242,.32);text-decoration:none;color:#fff}
.sc-btn-sm.ghost{background:#fff;color:var(--sc-ink);border:1px solid var(--sc-line);box-shadow:var(--sc-shadow)}
.sc-btn-sm.ghost:hover{color:var(--sc-ink)}
.sc-btn-lg{min-height:56px;font-size:17px;border-radius:14px;padding:0 24px;width:100%}
.sc-empty{padding:26px 0;text-align:center;color:var(--sc-muted)}
.sc-help{display:flex;gap:14px;align-items:center;padding:18px 20px;background:linear-gradient(135deg,#e8f4ff,#f7fbff);border:1px solid #cfe6ff;border-radius:var(--sc-radius);margin-top:18px}
.sc-help svg{width:40px;height:40px;flex:none}
.sc-help .t{font-weight:800}.sc-help .s{font-size:14px;color:var(--sc-muted)}
.sc-help .sc-btn-sm{margin-left:auto;background:#25d366;box-shadow:0 8px 18px rgba(37,211,102,.3)}
.sc-flash-l{border-radius:12px;padding:12px 14px;margin:0 0 16px;font-size:14px;background:var(--sc-blue-soft);color:#0759b8;border:1px solid #cfe6ff}
.sc-flash-l.error{background:var(--sc-bad-soft);color:#b42318;border-color:#fecdca}
.sc-inv-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 20px;border-bottom:1px dashed var(--sc-line)}
.sc-inv-top .no{font-family:var(--sc-mono);font-size:13px;color:var(--sc-muted)}
.sc-inv-top .big{font-size:36px;font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sc-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 20px;border-bottom:1px solid var(--sc-line)}
.sc-kv div{font-size:13px;color:var(--sc-muted)}.sc-kv b{display:block;color:var(--sc-ink);font-size:15px}
.sc-totals{padding:8px 20px 20px}
.sc-totals .sc-row{padding:10px 0}
.sc-foot-l{max-width:1080px;margin:0 auto;padding:20px;color:var(--sc-muted);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sc-result{text-align:center;padding:40px 24px}
.sc-result .icon{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center}
.sc-result .icon.ok{background:var(--sc-ok-soft);color:var(--sc-ok)}.sc-result .icon.bad{background:var(--sc-bad-soft);color:var(--sc-bad)}.sc-result .icon.wait{background:var(--sc-blue-soft);color:var(--sc-blue)}
.sc-result .icon svg{width:42px;height:42px}
.sc-result h1{margin:0 0 8px;font-size:26px;letter-spacing:-.02em}
.sc-result p{color:var(--sc-muted);margin:0 auto 20px;max-width:420px}
.sc-spin{animation:sc-rot 1.1s linear infinite}@keyframes sc-rot{to{transform:rotate(360deg)}}
@media (max-width:860px){.sc-tiles{grid-template-columns:1fr}.sc-grid2{grid-template-columns:1fr}.sc-hero h1{font-size:28px}.sc-kv{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.sc-top nav a:not(.primary){display:none}.sc-top .sc-brand img.word{height:20px}.sc-hero::before{width:200px;right:-50px;opacity:.1}.sc-help{flex-wrap:wrap}.sc-help .sc-btn-sm{margin-left:0;width:100%}}
.sc-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}
.sc-choice{display:block;cursor:pointer}.sc-choice input{position:absolute;opacity:0}
.sc-choice>span{display:block;padding:12px 14px;border:1px solid var(--sc-line);border-radius:12px;font-weight:700;font-size:14px;transition:all .15s}
.sc-choice input:checked+span{border-color:var(--sc-blue);background:var(--sc-blue-soft);color:#0759b8;box-shadow:0 0 0 3px rgba(8,123,242,.12)}
.sc-lbl{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sc-muted);margin:0 0 6px}
.sc-ta{width:100%;border:1px solid var(--sc-line);border-radius:12px;padding:12px 14px;font:500 15px var(--sc-font);margin:0 0 12px;resize:vertical}
.sc-ta:focus{outline:none;border-color:var(--sc-blue);box-shadow:0 0 0 3px rgba(8,123,242,.15)}
.sc-msg{padding:12px 14px;border-radius:14px;margin:10px 0;max-width:88%;font-size:15px}
.sc-msg .who{font-size:12px;font-weight:700;color:var(--sc-muted);margin-bottom:4px}
.sc-msg.me{background:var(--sc-blue-soft);margin-left:auto}.sc-msg.them{background:#f1f5f9}
@media (max-width:520px){.sc-choices{grid-template-columns:1fr}}
/* portal tabs (community release) */
.sc-tabs{background:#0a2236;border-bottom:1px solid rgba(104,196,255,.14);position:sticky;top:58px;z-index:9}
.sc-tabs-in{max-width:1080px;margin:0 auto;padding:0 12px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sc-tabs-in::-webkit-scrollbar{display:none}
.sc-tabs a{flex:none;color:#9fb6cc;font-weight:700;font-size:14px;padding:12px 12px;border-bottom:3px solid transparent;white-space:nowrap;text-decoration:none}
.sc-tabs a:hover{color:#fff;text-decoration:none}.sc-tabs a.on{color:#fff;border-bottom-color:var(--sc-cyan)}
.sc-inp{width:100%;box-sizing:border-box;border:1px solid var(--sc-line);border-radius:12px;padding:12px 14px;font:500 15px var(--sc-font);margin:0 0 12px;background:#fff}
.sc-inp:focus{outline:none;border-color:var(--sc-blue);box-shadow:0 0 0 3px rgba(8,123,242,.15)}
.sc-big{font-family:var(--sc-mono);font-size:28px;font-weight:800;letter-spacing:.08em;color:var(--sc-ink)}
.sc-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.sc-action{display:block;background:var(--sc-card);border:1px solid var(--sc-line);border-radius:var(--sc-radius);padding:16px 18px;box-shadow:var(--sc-shadow);text-decoration:none;color:var(--sc-ink)}
.sc-action:hover{text-decoration:none;border-color:var(--sc-blue)}.sc-action .t{font-weight:800}.sc-action .s{font-size:13px;color:var(--sc-muted);margin-top:2px}
.sc-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--sc-line);border-radius:12px;padding:12px 14px;margin:8px 0}
.sc-pk{border:1px solid var(--sc-line);border-radius:14px;padding:14px 16px;margin:10px 0}.sc-pk .t{font-weight:800}.sc-pk .p{font-weight:900;color:var(--sc-blue)}
@media (max-width:860px){.sc-actions{grid-template-columns:1fr}}

/* fixes 2026-09-27: buttons that are links keep white text; action cards keep ink text */
.sc a.sc-btn-sm,.sc a.sc-btn-sm:hover{color:#fff;text-decoration:none}
.sc a.sc-btn-sm.ghost,.sc a.sc-btn-sm.ghost:hover{color:var(--sc-ink)}
.sc a.sc-action,.sc a.sc-action:hover{color:var(--sc-ink);text-decoration:none}
.sc-2col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.sc-inp[type=date]{min-width:0}
@media (max-width:520px){
  .sc-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .sc-tile{padding:12px 12px}.sc-tile .label{font-size:10px;letter-spacing:.08em}
  .sc-tile .value{font-size:17px;margin-top:4px}.sc-tile .sub{font-size:11px}
  .sc-tile .value .sc-dot{width:7px;height:7px}
}