/* NTB SpecPro web — renkler uygulamadaki temayla aynı (app-theme). Görünüm sahibi: Uygulama tasarımı başlığı. */
:root{--navy:#15243D;--deep:#101C30;--blue:#1E3354;--accent:#B9944D;--gold-soft:#F3EAD7;--gold-ink:#8A6A2F;--bg:#F6F4EF;--ink:#15243D;--grey:#687280;--line:#E6E1D6;--red:#C62828;--green:#2E7D32;--amber:#B26A00;--sub:#C3CAD6;--card:#fff;--wa:#25D366}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--navy)}
.ntb-loading{padding:60px 20px;text-align:center;color:var(--grey)}
.ntb-wrap{max-width:1080px;margin:0 auto;padding:0 20px 80px}
/* Üst şerit */
.ntb-top{background:var(--navy) var(--circuit) right center/auto 100% no-repeat;color:#fff}
.ntb-top .ntb-wrap{display:flex;align-items:center;gap:14px;padding-top:14px;padding-bottom:14px}
.ntb-logo{width:46px;height:46px;border-radius:50%;background:var(--gold-soft);border:2px solid var(--accent);color:var(--navy);display:grid;place-items:center;font-weight:800;font-size:15px;letter-spacing:.5px;flex:none;cursor:pointer}
.ntb-brand{flex:1;min-width:0;cursor:pointer}
.ntb-brand b{display:block;font-size:21px}
.ntb-brand b i{font-style:normal;color:var(--accent)}
.ntb-brand span{display:block;color:var(--sub);font-size:13px}
.ntb-user{text-align:right;font-size:13px;color:var(--sub);min-width:0}
.ntb-user b{color:#fff;display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
.ntb-user button{margin-top:4px}
/* Sayfa başlığı (banner) */
.ntb-hero{background:var(--navy) var(--circuit) right center/auto 100% no-repeat;color:#fff;border-radius:18px;padding:20px 24px;margin:20px 0 18px;position:relative;overflow:hidden}
.ntb-hero h1{margin:4px 0 2px;font-size:24px}
.ntb-hero p{margin:0;color:var(--sub)}
.ntb-back{display:inline-block;background:none;color:#fff;border:0;padding:0;font-weight:600;font-size:14px;cursor:pointer;margin-bottom:8px;opacity:.92}
.ntb-back:hover{opacity:1;text-decoration:underline}
.ntb-section{font-size:13px;font-weight:800;color:var(--navy);letter-spacing:.6px;margin:26px 2px 10px;display:flex;align-items:center;gap:10px}
.ntb-section:before{content:"";width:4px;height:16px;border-radius:2px;background:var(--accent)}
/* Kartlar ve kutular */
.ntb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ntb-tile{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;cursor:pointer;position:relative;box-shadow:0 1px 3px rgba(16,27,51,.06);transition:transform .08s,box-shadow .08s;text-align:left;width:100%}
.ntb-tile:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(16,27,51,.10)}
.ntb-tile .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;margin-bottom:10px}
.ntb-tile h3{margin:0 0 4px;font-size:17px}
.ntb-tile p{margin:0;color:var(--grey);font-size:13.5px}
.ntb-tile.locked{opacity:.78}
.ntb-badge{position:absolute;top:14px;right:14px;font-size:11.5px;font-weight:700;border-radius:20px;padding:3px 10px;background:var(--bg);color:var(--grey)}
.ntb-badge.ok{background:#E3F2E5;color:var(--green)}
.ntb-badge.lock{background:#FCE8E8;color:var(--red)}
.ntb-badge.soon{background:#FFF4D6;color:var(--amber)}
.ntb-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px;margin:0 0 14px;box-shadow:0 1px 3px rgba(16,27,51,.05)}
.ntb-card h2{margin:0 0 6px;font-size:18px}
.ntb-card h3{margin:14px 0 6px;font-size:15.5px;color:var(--navy)}
.ntb-muted{color:var(--grey);font-size:13.5px}
.ntb-note{background:#F6F8FB;border-left:4px solid var(--accent);border-radius:10px;padding:10px 12px;margin:10px 0;font-size:13.5px;color:var(--grey)}
/* Düğmeler */
.ntb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:40px;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:700;padding:10px 20px;cursor:pointer;min-height:42px;text-decoration:none}
.ntb-btn:hover{border-color:var(--navy)}
.ntb-btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.ntb-btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}
.ntb-btn.danger{color:var(--red);border-color:#F1C4C4}
.ntb-btn.small{padding:5px 12px;min-height:30px;font-size:13px}
.ntb-btn:disabled{opacity:.5;cursor:default}
.ntb-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0}
/* Form */
.ntb-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 14px}
.ntb-field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--navy);font-weight:600}
.ntb-field input,.ntb-field select,.ntb-field textarea{border:1px solid var(--line);border-radius:12px;padding:9px 11px;background:#fff;font-weight:400;color:var(--ink);font-size:14.5px;width:100%}
.ntb-field textarea{min-height:120px;font-family:ui-monospace,Consolas,monospace;font-size:13px}
.ntb-field input:focus,.ntb-field select:focus,.ntb-field textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}
.ntb-check{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin:4px 0}
.ntb-check input{margin-top:3px}
/* Tablo */
.ntb-tablewrap{overflow-x:auto;margin:8px 0}
table.ntb-table{border-collapse:collapse;width:100%;font-size:13.5px;background:#fff}
.ntb-table th{background:var(--navy);color:#fff;text-align:left;padding:7px 9px;font-weight:600;white-space:nowrap}
.ntb-table td{border-bottom:1px solid var(--line);padding:6px 9px;vertical-align:top}
.ntb-table tr.l3 td{background:#FDECEC}
.ntb-table tr.l2 td{background:#FFF6E0}
/* Sonuç satırları */
.ntb-lines{list-style:none;margin:8px 0;padding:0}
.ntb-lines li{padding:7px 10px;border-radius:10px;margin:4px 0;background:#F6F8FB;font-size:14px}
.ntb-lines li.bad{background:#FDECEC}
.ntb-lines li.warn{background:#FFF6E0}
.ntb-lines li.good{background:#EAF5EB}
.ntb-verdict{border-radius:18px;padding:14px 16px;color:#fff;font-weight:700;font-size:17px;margin:6px 0 12px}
.ntb-verdict.l1{background:var(--green)}.ntb-verdict.l2{background:var(--amber)}.ntb-verdict.l3{background:var(--red)}
.ntb-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.ntb-tabs button{border-radius:40px;border:1px solid var(--line);background:#fff;padding:7px 16px;font-weight:700;color:var(--navy);cursor:pointer}
.ntb-tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
/* Giriş */
.ntb-login{max-width:420px;margin:40px auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 6px 24px rgba(16,27,51,.08)}
.ntb-login h1{margin:0 0 4px;font-size:22px}
.ntb-login .ntb-field{margin:10px 0}
.ntb-login .ntb-btn{width:100%;margin-top:8px}
.ntb-msg{min-height:20px;font-size:13.5px;color:var(--red);margin-top:8px}
.ntb-msg.ok{color:var(--green)}
/* Talep sistemi: zil, Sorularım, konuşma, soru penceresi, sağ alt "Mühendislik birimine sor" */
.ntb-bell{position:relative;flex:none}
.ntb-bell-b{position:relative;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);display:grid;place-items:center;cursor:pointer;padding:0}
.ntb-bell-b:hover{background:rgba(255,255,255,.18)}
.ntb-bell-n{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:var(--red);color:#fff;font-size:11.5px;font-weight:800;display:grid;place-items:center;padding:0 5px;border:2px solid var(--deep)}
.ntb-bell-p{position:absolute;right:0;top:50px;width:340px;max-width:calc(100vw - 28px);background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 32px rgba(10,20,40,.22);z-index:35;overflow:hidden}
.ntb-bell-t{font-weight:800;font-size:14px;padding:12px 14px 6px;color:var(--navy)}
.ntb-bell-r{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:#fff;padding:10px 14px;cursor:pointer}
.ntb-bell-r:hover{background:#F6F8FB}
.ntb-bell-r b{font-size:13.5px}.ntb-bell-r span{font-size:12.5px;color:var(--grey);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ntb-bell-r small{font-size:11.5px;color:var(--grey)}
.ntb-bell-all{display:block;border-top:1px solid var(--line);padding:10px 14px;font-weight:700;font-size:13px;text-decoration:none}
.ntb-hero-link{float:right;position:relative;z-index:1;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:40px;padding:5px 14px;font-weight:700;font-size:13px;cursor:pointer;margin-left:10px}
.ntb-hero-link:hover{background:rgba(255,255,255,.26)}
.ntb-st{display:inline-block;flex:none;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;white-space:nowrap}
.ntb-st.pay{background:#FFF4D6;color:var(--amber)}.ntb-st.open{background:#E6EEFB;color:var(--blue)}.ntb-st.done{background:#E3F2E5;color:var(--green)}.ntb-st.closed{background:var(--bg);color:var(--grey)}
.ntb-tk{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin:8px 0;text-decoration:none;color:var(--ink)}
.ntb-tk:hover{border-color:var(--navy)}
.ntb-tk.unread{border-left:5px solid var(--red)}
.ntb-tk-main{flex:1;min-width:0}.ntb-tk-main b{display:block;overflow-wrap:anywhere}
.ntb-dot{width:10px;height:10px;border-radius:50%;background:var(--red);flex:none}
.ntb-tkhead .ntb-muted{margin-top:6px}
.ntb-chat{display:flex;flex-direction:column;gap:10px;margin:0 0 14px}
.ntb-bub{max-width:82%;border-radius:18px;padding:10px 14px;border:1px solid var(--line);background:#fff}
.ntb-bub.user{align-self:flex-end;background:#E9EEF8;border-color:#D3DCEE}
.ntb-bub.admin{align-self:flex-start;border-left:4px solid var(--accent)}
.ntb-bub-h{font-size:12px;color:var(--grey);font-weight:700;margin-bottom:4px}
.ntb-bub-t{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px}
.ntb-att{display:block;font-size:13px;font-weight:700;margin-top:6px;overflow-wrap:anywhere}
.ntb-files{margin:4px 0}
.ntb-file{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:13px;font-weight:400;color:var(--ink);background:#F6F8FB;border-radius:10px;padding:5px 10px;margin:4px 0;overflow-wrap:anywhere}
.ntb-x{background:none;border:0;color:var(--red);font-weight:700;cursor:pointer;font-size:12.5px;flex:none}
.ntb-fee{background:#FFF7E0;border:1px solid #E9D9A6;border-radius:14px;padding:10px 14px;font-size:13.5px;margin-bottom:8px}
.ntb-fee b{display:block;font-size:15.5px;color:var(--navy)}
.ntb-modal{position:fixed;inset:0;background:rgba(10,20,40,.45);z-index:40;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:40px 14px}
.ntb-modal>div{background:#fff;border-radius:20px;max-width:620px;width:100%;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.ntb-modal h2{margin:0 0 10px;font-size:18px}
.ntb-modal .ntb-field{margin:8px 0}
.ntb-ta{font-family:inherit!important;font-size:14.5px!important;min-height:96px!important;background:#fff;color:var(--ink);width:100%;border:1px solid var(--line);border-radius:12px;padding:9px 11px}
.ntb-ask{position:fixed;right:15px;bottom:92px;width:68px;height:68px;border-radius:18px;border:0;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:inset 0 0 0 2px rgba(185,148,77,.5),0 4px 16px rgba(0,0,0,.25);cursor:pointer;z-index:20;padding:4px}
.ntb-ask:hover{filter:brightness(1.08)}
.ntb-ask-ic{width:24px;height:24px;border-radius:50%;background:#fff;color:var(--navy);background:var(--accent);font-weight:900;font-size:15px;display:grid;place-items:center}
.ntb-ask-l{font-size:8.5px;font-weight:800;line-height:1.1;text-align:center}
.ntb-ask-f{font-size:9.5px;color:var(--accent);font-weight:700}
.ntb-wrap.has-ask{padding-bottom:180px}
/* Destek: sağ alt WhatsApp */
.ntb-wa{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 4px 16px rgba(0,0,0,.25);z-index:20}
.ntb-wa svg{width:32px;height:32px}
.ntb-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:30px;font-size:14px;z-index:30;max-width:90vw}
.ntb-foot{color:var(--grey);font-size:12px;margin-top:26px}
@media (max-width:640px){.ntb-wrap{padding:0 14px 80px}.ntb-user b{max-width:140px}.ntb-hero{padding:18px}.ntb-hero h1{font-size:20px}}
@media print{.ntb-top,.ntb-wa,.ntb-ask,.ntb-hero-link,.ntb-back,.ntb-btn,.ntb-tabs{display:none!important}body{background:#fff}}
.ntb-erpbar{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#155E75;color:#fff;padding:10px 12px 10px 18px;border-radius:30px;font-size:14px;z-index:31;max-width:94vw;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.ntb-erpbar .ntb-btn{white-space:nowrap}
.ntb-erpbar-x{background:none;border:0;color:#fff;font-size:20px;cursor:pointer;padding:0 6px;line-height:1}
/* Lacivert & Altın (Uygulama tasarımı, telefon PR #45) */
:root{--circuit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='120' viewBox='0 0 360 120' fill='none' stroke='%23ffffff' stroke-opacity='.10' stroke-width='1.4'%3E%3Cpath d='M360 18H250l-18 18H150'/%3E%3Cpath d='M360 46H280l-14 14H190l-12 12h-60'/%3E%3Cpath d='M360 78h-60l-16 16h-90'/%3E%3Cpath d='M360 104H262l-10-10h-48'/%3E%3Ccircle cx='150' cy='36' r='3'/%3E%3Ccircle cx='118' cy='72' r='3'/%3E%3Ccircle cx='194' cy='94' r='3'/%3E%3Ccircle cx='204' cy='94' r='0'/%3E%3Ccircle cx='204' cy='94' r='3'/%3E%3C/svg%3E")}
.ntb-tile{border-radius:16px;display:flex;flex-direction:column}
.ntb-tile .ic{background:var(--navy)!important;color:var(--accent);border-radius:12px;box-shadow:inset 0 0 0 2px rgba(185,148,77,.35)}
.ntb-tile p{flex:1}
.ntb-go{margin-top:14px;border-radius:12px;background:var(--navy);color:#fff;font-weight:700;font-size:14px;padding:10px 14px;text-align:center}
.ntb-go.off{background:#ECE8DF;color:var(--grey)}
.ntb-badge.ok{background:var(--gold-soft);color:var(--gold-ink)}
.ntb-badge.soon{background:#EEF0F3;color:var(--grey)}
.ntb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 14px}
.ntb-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}
.ntb-stat i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--gold-soft);color:var(--accent);font-style:normal;font-weight:800;font-size:14px}
.ntb-stat b{display:block;font-size:22px;color:var(--navy);margin-top:2px}
.ntb-stat span{font-size:12.5px;color:var(--grey)}
.ntb-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 14px}
.ntb-search input{flex:1;border:0;outline:0;padding:10px 0;font-size:15px;background:none}
.ntb-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px rgba(185,148,77,.25)}
.ntb-areas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ntb-area{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;text-align:left;cursor:pointer}
.ntb-area:hover{border-color:var(--accent)}
.ntb-area .ic{width:44px;height:44px;border-radius:12px;background:var(--navy);color:var(--accent);display:grid;place-items:center;font-weight:800;margin-bottom:10px}
.ntb-area b{display:block;font-size:15.5px;color:var(--navy)}
.ntb-area span{font-size:12.5px;color:var(--grey)}
.ntb-empty{color:var(--grey);padding:10px 2px}
@media (max-width:760px){.ntb-areas{grid-template-columns:repeat(2,1fr)}.ntb-stats{gap:8px}}

/* Simgeler (Uygulama tasarımı PR #51): düz lacivert simge ya da lacivert kutuda altın simge */
.ntb-svg{display:block}
.ntb-tile .ic svg,.ntb-area .ic svg{width:64%;height:64%}
.ntb-tile .ic.plain,.ntb-area .ic.plain{background:none!important;box-shadow:none;width:56px;height:56px;border-radius:0;margin-left:-6px}
.ntb-tile .ic.plain svg,.ntb-area .ic.plain svg{width:76%;height:76%}
.ntb-stat i{background:none}
.ntb-stat i svg{width:26px;height:26px}
.ntb-ask-ic{background:none!important;width:28px;height:28px}
.ntb-ask-ic svg{width:28px;height:28px}

.ntb-foot a { color: inherit; text-decoration: underline; }
.ntb-about { font-size: 13.5px; line-height: 1.55; overflow-wrap: anywhere; user-select: text; }
/* Telefondaki PR #56 ile aynı: okunmamış talep altın, durum renkleri lacivert / altın, ek düğmesi lacivert */
.ntb-tk.unread{background:#FBF5E8;border:1px solid var(--accent);border-left:5px solid var(--accent)}
.ntb-tk.unread .ntb-tk-main b{color:var(--gold-ink)}
.ntb-st.pay{background:#FBF5E8;color:var(--gold-ink)}.ntb-st.open{background:#E8ECF3;color:var(--navy)}
.ntb-ask-add{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}

/* Modül ana sayfası: Kaynak düzeni (telefon PR #121 modHero / modQuick / modStd / workCard) */
.ntb-mhero{background:var(--navy) var(--circuit) right center/auto 100% no-repeat;color:#fff;border-radius:22px;padding:18px 22px 24px;margin:20px 0 4px;position:relative;overflow:hidden}
.ntb-mhero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.ntb-mhero-top .ntb-hero-link{float:none;margin:0}
.ntb-mback{background:#fff;color:var(--navy);border:0;border-radius:40px;padding:8px 18px 8px 14px;font-weight:700;font-size:13.5px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.ntb-mback:hover{background:#F3EAD7}
.ntb-mhero-brand{display:flex;align-items:center;gap:14px}
.ntb-mhero-brand h1{margin:0;font-size:24px}
.ntb-mhero-brand p{margin:2px 0 0;color:var(--sub);font-size:13.5px}
.ntb-mseal{width:66px;height:66px;flex:none;border-radius:50%;background:var(--gold-soft);border:3px solid var(--accent);box-shadow:inset 0 0 0 3px var(--gold-soft),inset 0 0 0 4px var(--accent);color:var(--navy);font-weight:900;font-size:17px;letter-spacing:.6px;cursor:pointer;padding:0}
.ntb-mseal:hover{filter:brightness(1.05)}
.ntb-mchips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ntb-mchip{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:8px 14px;min-width:90px}
.ntb-mchip b{display:block;font-size:18px;color:#fff}
.ntb-mchip span{font-size:11.5px;color:var(--sub)}
.ntb-mhead{font-size:12.5px;font-weight:800;color:var(--grey);letter-spacing:.4px;margin:22px 6px 8px}
.ntb-mquick{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.ntb-mqt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:0;border-radius:22px;padding:16px 8px 14px;background:linear-gradient(135deg,#15243D,#0F1A2C);color:#fff;cursor:pointer;box-shadow:0 3px 10px rgba(16,27,51,.22)}
.ntb-mqt:hover{filter:brightness(1.12)}
.ntb-mqt i{width:46px;height:46px}.ntb-mqt i svg{width:100%;height:100%}
.ntb-mqt b{font-size:14.5px;white-space:pre-line;text-align:center;line-height:1.25}
.ntb-mstd{background:var(--navy);border-radius:16px;padding:10px 14px;color:#fff}
.ntb-mstd b{display:block}.ntb-mstd span{display:block;font-size:12px;color:var(--sub)}
.ntb-mtool{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;margin:6px 0;cursor:pointer;box-shadow:0 1px 4px rgba(16,27,51,.06)}
.ntb-mtool:hover{border-color:var(--navy)}
.ntb-mtool>i{width:52px;height:52px;flex:none;border-radius:16px;background:linear-gradient(135deg,#15243D,#0F1A2C);display:grid;place-items:center}
.ntb-mtool>i svg{width:72%;height:72%}
.ntb-mtool>div{flex:1;min-width:0}
.ntb-mtool b{display:block;font-size:16.5px;color:var(--ink)}
.ntb-mtool span{display:block;font-size:13px;color:var(--grey)}
.ntb-mtool em{display:inline-block;font-style:normal;font-size:12.5px;font-weight:700;color:var(--navy);background:#EAF0FA;border-radius:10px;padding:4px 8px;margin-top:6px}
.ntb-mtool u{text-decoration:none;font-size:28px;color:var(--navy);line-height:1}
.ntb-msoon{background:#F6F0DF;border:1px solid var(--line);border-radius:16px;padding:12px 16px;margin-top:16px}
.ntb-msoon b{display:block;font-size:15px}.ntb-msoon span{font-size:13px}
@media (max-width:640px){.ntb-mhero{padding:16px 16px 20px}.ntb-mhero-brand h1{font-size:21px}.ntb-mseal{width:54px;height:54px;font-size:15px}.ntb-mquick{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}

.ntb-newver{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:14px;background:var(--navy,#0B1F3A);color:#fff;padding:10px 12px 10px 18px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.25);font-size:15px;max-width:calc(100vw - 32px)}
.ntb-newver button{margin:0;background:#C9A227;color:#0B1F3A;border-color:#C9A227}
