/* TPS / UnlimitedMB master portal administration V31-M4B.
   Original brand styling, independent of customer/WHM CSS. */
:root{--ink:#153529;--dark:#0d241b;--deep:#122f24;--green:#197a58;--green2:#0f6546;--mint:#e7f4e8;--gold:#b58b47;--border:#dbe6df;--muted:#61756a;--paper:#fff;--bg:#f4f7f3;--radius:13px}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:14px/1.62 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--green2)}
button,input,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.55}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #dcb65f;outline-offset:3px}
.skip{position:absolute;left:-9999px;top:10px;z-index:100;color:#fff;background:var(--dark);padding:8px 16px}
.skip:focus{left:12px}
.topbar{background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(24px,calc((100vw - 1460px)/2));box-shadow:0 4px 14px #0b26170c}
.brand{color:#fff;display:flex;gap:12px;align-items:center;text-decoration:none}
.brand img{object-fit:contain;max-width:48px;max-height:48px}
.brand strong{display:block;font-size:16px;letter-spacing:.035em}
.brand small{display:block;font-size:10px;color:#9bcab6;letter-spacing:.13em}
.toplinks{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.toplinks a{color:#c9ddcf;font-size:12px;text-decoration:none;font-weight:650}
.toplinks a:hover{text-decoration:underline;color:#fff}
.eyebrow{display:block;font-size:10px;letter-spacing:.15em;font-weight:800;color:#8adbb4}
.eyebrow.dark{color:#277a55}
.signin-wrap{max-width:1160px;margin:68px auto;display:grid;grid-template-columns:1.1fr .85fr;align-items:center;gap:50px;padding:0 24px}
.signin-intro{padding:26px 0}
.signin-intro h1{font-size:clamp(34px,4vw,57px);line-height:1.12;letter-spacing:-.055em;margin:21px 0;font-weight:840}
.signin-intro h1 em{font-weight:700;color:#1f8660;font-style:normal}
.signin-intro>p{max-width:570px;color:#4e6a5d;font-size:16px;line-height:1.85}
.trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;color:#557161;font-size:12px;font-weight:650}
.trust-row span{display:flex;align-items:center;gap:8px}
.dot{width:7px;height:7px;background:#299a70;display:inline-block;border-radius:50%}
.signin-card{background:#fff;border:1px solid #d4e4d9;padding:38px 40px;border-radius:21px;box-shadow:0 19px 52px #15341b12}
.signin-card h2{font-size:29px;letter-spacing:-.04em;line-height:1.15;margin:14px 0}
.subtle,.help{color:var(--muted);font-size:12px;line-height:1.7}
.signin-card form{display:grid;gap:10px;margin-top:21px}
.signin-card form label{font-size:12px;font-weight:730;margin-top:3px}
.signin-card input,.field input,.field textarea{display:block;width:100%;border:1px solid #cadacf;background:#fff;color:#234633;border-radius:9px;padding:11px 13px;min-width:0;max-width:100%}
.signin-card input:hover,.field input:hover,.field textarea:hover{border-color:#92b7a0}
.primary{background:var(--green2);color:white;border:1px solid var(--green2);border-radius:9px;padding:11px 17px;font-weight:770;font-size:12px}
.primary:hover{background:#0d5038}
.primary.full{width:100%;margin-top:13px;padding:13px 14px;display:flex;justify-content:space-between}
.help{margin:18px 0 4px}
.status{color:#416c53;background:var(--mint);border:1px solid #bedac5;border-radius:9px;padding:10px 13px;font-size:12px;overflow-wrap:anywhere}
.status.error{color:#8c402f;background:#fff3ee;border-color:#efc4b9}
.admin-shell{display:grid;grid-template-columns:242px minmax(0,1fr);max-width:1600px;margin:0 auto;min-height:calc(100vh - 76px)}
.sidebar{background:#173629;color:#deeee4;padding:31px 14px 25px;min-width:0;display:flex;flex-direction:column;gap:33px}
.sidebar-head{display:flex;align-items:center;gap:12px;padding:0 11px}
.logo-disc{display:flex;align-items:center;justify-content:center;border-radius:11px;background:#2f6347;color:#fff;width:38px;height:38px;font-size:11px;font-weight:900;letter-spacing:.08em}
.sidebar-head strong{font-size:13px;display:block}
.sidebar-head small{font-size:10px;color:#9dc3ad;display:block}
.sidebar nav{display:grid;gap:5px}
.nav-item{border:0;text-align:left;background:transparent;color:#bad3c2;border-radius:9px;padding:12px 13px;font-size:12px;font-weight:700}
.nav-item:hover{background:#2b533f;color:#fff}
.nav-item.selected{background:#e5f3e9;color:#185b3b}
.sidebar-footer{margin-top:auto;padding:15px 12px;border-top:1px solid #3e5847}
.sidebar-footer span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#c5dba5}
.sidebar-footer p{font-size:11px;line-height:1.6;color:#9fc3a9}
.workspace{padding:38px clamp(20px,4vw,65px) 22px;min-width:0}
.workspace-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:25px}
.workspace-head h1{font-size:clamp(25px,3vw,37px);letter-spacing:-.04em;margin:7px 0 3px;line-height:1.2}
.workspace-head p{margin:0;color:var(--muted)}
.admin-profile{display:flex;align-items:center;gap:10px;max-width:100%}
.admin-avatar{background:#e0f0e4;color:#2a7550;border-radius:50%;height:34px;width:34px;display:flex;align-items:center;justify-content:center;font-weight:900}
.admin-profile strong{display:block;font-size:12px;word-break:break-word}
.admin-profile small{display:block;color:var(--muted);font-size:10px}
.outline{border:1px solid #b9d5c1;background:transparent;color:#195d3d;font-weight:730;border-radius:9px;padding:9px 12px;font-size:12px}
.outline:hover{background:#e2efe5}
.admin-profile button{white-space:nowrap}
.section-heading{margin:28px 0 17px}
.section-heading h2{font-size:26px;line-height:1.25;letter-spacing:-.04em;margin:5px 0}
.section-heading p{margin:5px 0;color:var(--muted);font-size:13px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.metric,.panel{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);min-width:0}
.metric{padding:23px 20px}
.metric small{font-size:11px;color:var(--muted);font-weight:700}
.metric strong{display:block;font-size:27px;line-height:1.5;letter-spacing:-.04em;color:#205b3f;overflow-wrap:anywhere}
.metric span{font-size:11px;color:#829286}
.split{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin:20px 0}
.panel{padding:24px}
.panel h3{font-size:17px;letter-spacing:-.025em;margin:0 0 11px}
.panel p{font-size:13px;color:var(--muted);margin:6px 0 14px}
.action-list{display:grid;border-top:1px solid var(--border)}
.action-list button{padding:13px 0;display:flex;justify-content:space-between;background:none;border:0;border-bottom:1px solid var(--border);color:#176243;font-size:13px;font-weight:710;text-align:left}
.status-line{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border);padding:12px 0;font-size:12px}
.status-line span{text-align:right;color:#7c8c80}
.text-link{font-size:12px;font-weight:700;display:inline-block;margin-top:14px}
.settings-form{max-width:900px;padding:28px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.field{margin:0 0 21px;min-width:0}
.field label{display:block;font-size:12px;font-weight:800;margin:0 0 7px}
.field small{display:block;color:#779080;font-size:11px;margin-top:6px}
.field textarea{resize:vertical;min-height:94px}
.readonly-field{border:1px solid #dfebe2;background:#f2f7f1;color:#466351;border-radius:8px;padding:12px}
.notice{border-left:3px solid #bc9459;background:#fff8ef;color:#725b39;border-radius:6px;padding:13px 15px;font-size:12px!important;line-height:1.7}
.form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding-top:21px;margin-top:8px}
.form-footer span{font-size:11px;color:#7a8b7c}
.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;max-width:920px}
.package-item h3{margin:0 0 10px}
.package-item p{font-size:12px}
.package-item ul{padding-left:19px;line-height:1.85;color:#506e5a;font-size:12px}
.package-label{display:inline-block;border-radius:20px;padding:5px 10px;background:#f9edda;color:#805f2d;font-size:10px;font-weight:770;margin-bottom:13px}
.activity-list{display:grid;gap:10px;margin-bottom:18px}
.activity-row{padding:12px 0;border-bottom:1px solid var(--border);font-size:12px}
.activity-row strong{display:block}
.activity-row small{color:var(--muted)}
.workspace-footer{color:#859688;font-size:11px;padding:28px 0 10px;border-top:1px solid #e1eae3;margin-top:38px}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell{grid-template-columns:206px minmax(0,1fr)}.sidebar{padding-left:9px;padding-right:9px}.workspace{padding:30px 23px}}
@media(max-width:780px){.signin-wrap{grid-template-columns:1fr;margin:25px auto;gap:0}.signin-intro{padding:10px 0}.signin-intro h1{font-size:37px}.signin-intro>p{font-size:14px}.trust-row{margin:16px 0 24px}.signin-card{padding:28px}.admin-shell{display:block}.sidebar{padding:12px 14px;gap:9px}.sidebar-head,.sidebar-footer{display:none}.sidebar nav{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin}.sidebar .nav-item{white-space:nowrap;padding:10px 13px}.workspace-head{align-items:start}.topbar{padding:13px 17px}.split{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}
@media(max-width:510px){.topbar{align-items:flex-start;flex-direction:column;gap:10px}.brand strong{font-size:14px}.toplinks{gap:12px}.toplinks a{font-size:11px}.signin-wrap{padding:0 14px}.signin-intro h1{font-size:32px}.signin-card{padding:22px 20px}.workspace{padding:21px 14px}.workspace-head{flex-direction:column;gap:12px}.admin-profile{width:100%;flex-wrap:wrap}.metrics{gap:10px}.metric{padding:14px 13px}.metric strong{font-size:21px}.form-footer{flex-direction:column;align-items:stretch}.form-footer button{width:100%}.panel{padding:17px}.status-line{flex-direction:column;align-items:start;gap:1px}.status-line span{text-align:left}}