/* CMDTek IT Tools — application shell, based on current CMDTek technical artwork. */
:root { --ctk-ink:#091112; --ctk-panel:#101a1d; --ctk-panel-2:#162228; --ctk-line:rgba(104,232,193,.20); --ctk-mint:#00bf78; --ctk-mint-bright:#32e3a1; --ctk-white:#f5fffb; --ctk-muted:#9badb2; }
html,body { min-height:100%; background:#091112 !important; }
body { color:var(--ctk-white); background-image:linear-gradient(180deg,rgba(3,9,10,.92),rgba(9,17,18,.98)),url('/branding/cmdtek-managed-it-hero.png'); background-position:center top; background-size:cover; background-attachment:fixed; }
#cmdtek-app-frame { position:relative; z-index:100; color:var(--ctk-white); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:linear-gradient(90deg,rgba(5,12,13,.98),rgba(12,27,28,.92) 55%,rgba(4,11,12,.96)); border-bottom:1px solid var(--ctk-line); box-shadow:0 12px 38px rgba(0,0,0,.42); }
.ctk-topline { height:4px; background:linear-gradient(90deg,transparent 0%,var(--ctk-mint) 24%,#73f2c4 50%,var(--ctk-mint) 76%,transparent 100%); }
.ctk-bar { min-height:78px; max-width:1500px; margin:auto; padding:0 32px; display:flex; align-items:center; gap:24px; }
.ctk-mark { display:flex; align-items:center; gap:18px; min-width:max-content; text-decoration:none; color:inherit; }
.ctk-mark img { display:block; width:154px; max-height:45px; object-fit:contain; }
.ctk-divider { width:1px; height:36px; background:var(--ctk-line); }
.ctk-product { display:flex; flex-direction:column; gap:2px; }
.ctk-product strong { font-size:18px; letter-spacing:.045em; text-transform:uppercase; color:var(--ctk-white); }
.ctk-product span { color:var(--ctk-muted); font:600 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.12em; text-transform:uppercase; }
.ctk-status { margin-left:auto; display:flex; align-items:center; gap:9px; color:#b6c9c9; font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.085em; text-transform:uppercase; }
.ctk-status i { width:8px; height:8px; border-radius:50%; background:var(--ctk-mint-bright); box-shadow:0 0 14px var(--ctk-mint-bright); }
#cmdtek-home-hero { position:relative; z-index:10; overflow:hidden; max-width:1500px; margin:24px auto 6px; padding:48px 48px 42px; border:1px solid var(--ctk-line); border-radius:18px; background:linear-gradient(90deg,rgba(8,18,19,.93) 0%,rgba(8,18,19,.83) 45%,rgba(8,18,19,.30) 100%),url('/branding/cmdtek-managed-it-hero.png') center 47%/cover; box-shadow:0 22px 45px rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.05); }
#cmdtek-home-hero::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:linear-gradient(90deg,var(--ctk-mint),transparent 66%); }
.ctk-kicker { color:var(--ctk-mint-bright); font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.16em; text-transform:uppercase; }
#cmdtek-home-hero h1 { max-width:720px; margin:12px 0 8px; color:#fff; font-weight:720; letter-spacing:-.035em; font-size:clamp(32px,4vw,56px); line-height:1.02; }
#cmdtek-home-hero h1 em { color:var(--ctk-mint-bright); font-style:normal; }
#cmdtek-home-hero p { max-width:600px; margin:0; color:#cfdddd; font-size:17px; line-height:1.55; }
.ctk-signals { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.ctk-signals span { padding:8px 11px; border:1px solid rgba(92,240,185,.23); border-radius:999px; color:#d9f8e9; background:rgba(0,191,120,.09); font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.055em; text-transform:uppercase; }
#app { position:relative; z-index:5; }
#app .n-card,#app .n-drawer,#app .n-modal { border-color:rgba(101,231,192,.18) !important; }
#app .n-card { box-shadow:0 14px 28px rgba(0,0,0,.24) !important; }
#app .n-button--primary-type { --n-color:#00bf78 !important; --n-color-hover:#20d690 !important; --n-color-pressed:#009e69 !important; --n-border:#00bf78 !important; --n-border-hover:#20d690 !important; --n-border-pressed:#009e69 !important; }
@media (max-width:720px) { .ctk-bar { min-height:66px; padding:0 16px; gap:12px; } .ctk-mark img { width:112px; } .ctk-divider,.ctk-status { display:none; } .ctk-product strong { font-size:14px; } .ctk-product span { font-size:9px; } #cmdtek-home-hero { margin:12px 12px 4px; padding:30px 24px 28px; border-radius:14px; } #cmdtek-home-hero p { font-size:15px; } }
/* CMDTek logo and in-application identity refinements. */
.ctk-mark img { width:142px; max-height:38px; opacity:.92; filter:none; }
#app .text-wrapper .title { font-size:20px !important; letter-spacing:.015em !important; white-space:nowrap; }