:root { --portal-navy:#123047; --portal-blue:#087ea4; --portal-green:#168f6c; --portal-gold:#d9a441; --portal-red:#b42318; --portal-ink:#17202a; --portal-muted:#61717e; --portal-line:#d7e0e5; --portal-paper:#f4f7f9; }
.woocommerce-account .site-content > .col-full { max-width:1240px; margin:0 auto; padding:0 24px; }
.woocommerce-account .site-main { padding:32px 0 64px; }
.woocommerce-account .entry-header { display:none; }
.datasur-login-intro { max-width:720px; margin:0 0 30px; }
.datasur-login-intro > p,.datasur-portal-head > div > p,.datasur-portal-section-title p,.datasur-portal-kicker { margin:0 0 4px; color:var(--portal-green); font-size:12px; font-weight:800; text-transform:uppercase; }
.datasur-login-intro h1 { margin:0 0 12px; color:var(--portal-navy); font-size:42px; line-height:1.1; }
.datasur-login-intro span { color:var(--portal-muted); font-size:17px; line-height:1.6; }
.woocommerce-account:not(.logged-in) .woocommerce { max-width:860px; margin:0 auto; }
.woocommerce-account:not(.logged-in) form.login,.woocommerce-account:not(.logged-in) form.lost_reset_password { max-width:560px; padding:28px; border:1px solid var(--portal-line); border-top:4px solid var(--portal-green); background:#fff; }
.woocommerce-account .woocommerce-MyAccount-navigation { width:230px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { margin:0; padding:0; border:1px solid var(--portal-line); background:#fff; list-style:none; }
.woocommerce-account .woocommerce-MyAccount-navigation li { border-bottom:1px solid var(--portal-line); }
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child { border-bottom:0; }
.woocommerce-account .woocommerce-MyAccount-navigation a { display:block; padding:13px 15px; color:#304653; font-weight:700; text-decoration:none; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation a:hover { color:#fff; background:var(--portal-navy); }
.woocommerce-account .woocommerce-MyAccount-content { width:calc(100% - 270px); }
.woocommerce-account .woocommerce-MyAccount-content > p:first-child,.woocommerce-account .woocommerce-MyAccount-content > p:nth-child(2) { display:none; }
.datasur-portal-head { display:flex; justify-content:space-between; gap:30px; align-items:flex-start; margin:0 0 22px; padding:24px 26px; color:#fff; background:var(--portal-navy); }
.datasur-portal-head h1 { margin:0 0 7px; color:#fff; font-size:30px; }
.datasur-portal-head > div > span { color:#c9dae2; }
.datasur-portal-head dl { min-width:220px; margin:0; padding-left:22px; border-left:1px solid #567283; }
.datasur-portal-head dt { color:#9bb1bd; font-size:11px; text-transform:uppercase; }
.datasur-portal-head dd { margin:1px 0 8px; font-weight:700; overflow-wrap:anywhere; }
.datasur-portal-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.datasur-portal-metrics a { min-height:104px; padding:18px; border:1px solid var(--portal-line); border-top:3px solid var(--portal-blue); color:var(--portal-ink); background:#fff; text-decoration:none; }
.datasur-portal-metrics span,.datasur-portal-metrics strong,.datasur-portal-metrics small { display:block; }
.datasur-portal-metrics span { color:var(--portal-muted); font-size:12px; }
.datasur-portal-metrics strong { margin:5px 0; color:var(--portal-navy); font-size:28px; }
.datasur-portal-metrics small { color:var(--portal-green); }
.datasur-portal-panel,.datasur-portal-usage { margin:18px 0; padding:22px; border:1px solid var(--portal-line); background:#fff; }
.datasur-portal-primary { display:flex; justify-content:space-between; align-items:center; gap:24px; border-left:4px solid var(--portal-green); }
.datasur-portal-primary h2 { margin:0 0 4px; color:var(--portal-navy); font-size:24px; }
.datasur-portal-primary span { color:var(--portal-muted); }
.datasur-portal-actions { display:flex; gap:8px; flex-wrap:wrap; }
.datasur-portal-actions .button.is-secondary { color:var(--portal-navy); background:#fff; border:1px solid #9eb2bd; }
.datasur-portal-section-title { display:flex; justify-content:space-between; align-items:end; gap:20px; margin:5px 0 17px; }
.datasur-portal-section-title h2 { margin:0; color:var(--portal-navy); font-size:25px; }
.datasur-portal-section-title small { color:var(--portal-muted); }
.datasur-portal-gauges { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.datasur-portal-gauge { --gauge:#168f6c; display:grid; justify-items:center; padding:17px 10px; border:1px solid var(--portal-line); }
.datasur-portal-gauge.is-warning { --gauge:#d98c00; }
.datasur-portal-gauge.is-danger { --gauge:#b42318; }
.datasur-portal-gauge > div { display:grid; place-items:center; width:92px; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,#fff 57%,transparent 59%),conic-gradient(var(--gauge) var(--value),#e7edf0 0); }
.datasur-portal-gauge strong,.datasur-portal-gauge small { grid-area:1/1; }
.datasur-portal-gauge strong { align-self:center; margin-top:-12px; color:var(--portal-navy); font-size:22px; }
.datasur-portal-gauge small { align-self:center; margin-top:23px; color:var(--portal-muted); font-size:10px; }
.datasur-portal-gauge p { margin:11px 0 0; color:#405562; font-size:12px; text-align:center; }
.datasur-portal-trends { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px; }
.datasur-portal-trends article { padding:16px; background:var(--portal-paper); }
.datasur-portal-trends h3 { margin:0 0 12px; color:var(--portal-navy); font-size:15px; }
.datasur-portal-trend { display:flex; gap:5px; align-items:end; height:76px; border-bottom:1px solid #aebdc5; }
.datasur-portal-trend i { min-width:5px; flex:1; background:var(--portal-blue); }
.datasur-portal-trends article:last-child .datasur-portal-trend i { background:var(--portal-gold); }
.datasur-portal-empty-chart { display:grid; place-items:center; min-height:76px; color:var(--portal-muted); font-size:12px; text-align:center; }
.datasur-portal-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:18px; }
.datasur-portal-shortcuts a { min-height:105px; padding:17px; border:1px solid var(--portal-line); color:var(--portal-ink); background:#fff; text-decoration:none; }
.datasur-portal-shortcuts strong,.datasur-portal-shortcuts span { display:block; }
.datasur-portal-shortcuts strong { margin-bottom:6px; color:var(--portal-navy); }
.datasur-portal-shortcuts span { color:var(--portal-muted); font-size:13px; }
.datasur-self-service { margin:24px 0 18px; }
.datasur-self-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.datasur-self-grid a { display:flex; min-height:174px; flex-direction:column; padding:18px; border:1px solid var(--portal-line); border-top:4px solid var(--portal-green); color:var(--portal-ink); background:#fff; text-decoration:none; transition:transform .15s ease,box-shadow .15s ease; }
.datasur-self-grid a:nth-child(2) { border-top-color:var(--portal-blue); }
.datasur-self-grid a:nth-child(3) { border-top-color:var(--portal-gold); }
.datasur-self-grid a:nth-child(4) { border-top-color:var(--portal-navy); }
.datasur-self-grid a:hover { transform:translateY(-2px); box-shadow:0 9px 22px rgba(18,48,71,.10); }
.datasur-self-grid b { color:var(--portal-muted); font-size:10px; text-transform:uppercase; }
.datasur-self-grid strong { margin:5px 0 8px; color:var(--portal-navy); font-size:17px; }
.datasur-self-grid span { color:var(--portal-muted); font-size:12px; line-height:1.5; }
.datasur-self-grid em { margin-top:auto; padding-top:14px; color:var(--portal-green); font-size:12px; font-style:normal; font-weight:800; }
.datasur-advanced { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr); gap:28px; margin:24px 0 0; padding:26px; color:#fff; border-top:4px solid #85e4c5; background:var(--portal-navy); }
.datasur-advanced h2 { margin:2px 0 8px; color:#fff; font-size:24px; }
.datasur-advanced > div > span { display:block; max-width:760px; color:#c9dae2; }
.datasur-advanced ul { display:grid; gap:4px; margin:16px 0 0; padding-left:20px; color:#dbe6ec; font-size:12px; }
.datasur-advanced aside { display:flex; flex-direction:column; align-self:stretch; padding:18px; border:1px solid #567283; background:#0d283b; }
.datasur-advanced aside span { color:#9bb1bd; font-size:10px; text-transform:uppercase; }
.datasur-advanced aside strong { margin:3px 0 18px; overflow-wrap:anywhere; font-size:18px; }
.datasur-advanced aside a { display:block; padding:11px 13px; color:#fff; background:var(--portal-green); font-size:12px; font-weight:800; text-align:center; text-decoration:none; }
.datasur-advanced aside a.is-help { margin-top:8px; color:#dbe6ec; border:1px solid #668392; background:transparent; }
.datasur-portal-state { display:grid; gap:4px; margin:18px 0; padding:17px; border-left:4px solid var(--portal-gold); background:#fff8e8; }
.datasur-service-list,.datasur-customer-tickets { display:grid; gap:14px; }
.datasur-service-item,.datasur-customer-ticket { border:1px solid var(--portal-line); background:#fff; }
.datasur-service-item > header { display:flex; justify-content:space-between; gap:20px; padding:18px 20px; border-bottom:1px solid var(--portal-line); }
.datasur-service-item h3 { margin:2px 0 0; color:var(--portal-navy); font-size:21px; }
.datasur-service-item header span { color:var(--portal-green); font-size:11px; font-weight:800; text-transform:uppercase; }
.datasur-service-item header > b { align-self:start; padding:4px 8px; color:#116b50; background:#dff4ea; font-size:11px; }
.datasur-service-resources { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; padding:20px; }
.datasur-service-resources span,.datasur-service-resources strong,.datasur-service-resources small { display:block; }
.datasur-service-resources span,.datasur-service-resources small { color:var(--portal-muted); font-size:11px; }
.datasur-service-resources strong { margin:4px 0; color:var(--portal-navy); font-size:20px; }
.datasur-service-resources i { display:block; height:6px; margin:7px 0; overflow:hidden; background:#e7edf0; }
.datasur-service-resources i b { display:block; height:100%; background:var(--portal-green); }
.datasur-service-item > footer { display:flex; justify-content:space-between; gap:20px; padding:12px 20px; color:var(--portal-muted); background:var(--portal-paper); font-size:12px; }
.datasur-service-item > footer a { color:var(--portal-green); font-weight:700; }
.datasur-customer-ticket > summary { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:16px 18px; cursor:pointer; list-style-position:inside; }
.datasur-customer-ticket > summary span strong { display:block; color:var(--portal-green); font-size:12px; }
.datasur-customer-ticket > summary > b { padding:4px 8px; color:#176480; background:#e2f1f7; font-size:11px; }
.datasur-customer-ticket > summary > b.is-closed,.datasur-customer-ticket > summary > b.is-resolved { color:#116b50; background:#dff4ea; }
.datasur-customer-thread { display:grid; gap:10px; padding:18px; border-top:1px solid var(--portal-line); background:var(--portal-paper); }
.datasur-customer-thread article { max-width:82%; padding:12px 14px; background:#fff; }
.datasur-customer-thread article.is-customer { justify-self:end; color:#fff; background:var(--portal-blue); }
.datasur-customer-thread header { display:flex; justify-content:space-between; gap:20px; margin-bottom:6px; font-size:11px; }
.datasur-customer-thread p { margin:0; }
.datasur-ticket-reply { padding:18px; border-top:1px solid var(--portal-line); }
.datasur-ticket-reply label { display:block; margin-bottom:6px; color:var(--portal-navy); font-weight:700; }
.datasur-ticket-reply textarea { width:100%; box-sizing:border-box; margin-bottom:9px; }
@media(max-width:1100px){.datasur-self-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%}.woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:20px}.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;overflow-x:auto}.woocommerce-account .woocommerce-MyAccount-navigation li{flex:0 0 auto;border-bottom:0;border-right:1px solid var(--portal-line)}.datasur-portal-gauges,.datasur-service-resources{grid-template-columns:repeat(2,minmax(0,1fr))}.datasur-advanced{grid-template-columns:1fr}}
@media(max-width:620px){.woocommerce-account .site-content>.col-full{padding:0 14px}.datasur-login-intro h1{font-size:34px}.datasur-portal-head,.datasur-portal-primary,.datasur-portal-section-title,.datasur-service-item>footer{align-items:flex-start;flex-direction:column}.datasur-portal-head dl{width:100%;padding:14px 0 0;border-top:1px solid #567283;border-left:0}.datasur-portal-metrics,.datasur-portal-shortcuts,.datasur-portal-trends,.datasur-self-grid{grid-template-columns:1fr}.datasur-portal-gauges{grid-template-columns:repeat(2,minmax(0,1fr))}.datasur-service-resources{grid-template-columns:1fr 1fr}.datasur-customer-ticket>summary{align-items:flex-start;flex-direction:column}.datasur-customer-thread article{max-width:94%}.datasur-advanced{padding:20px 16px}}

* { box-sizing:border-box; }
body.datasur-portal-app { margin:0; color:var(--portal-ink); background:#eef3f5; font-family:Arial,Helvetica,sans-serif; line-height:1.5; }
.datasur-app-top { display:flex; justify-content:space-between; align-items:center; min-height:78px; padding:8px max(4vw,24px); border-bottom:1px solid var(--portal-line); background:#fff; }
.datasur-app-top img { display:block; width:auto; max-width:190px; max-height:58px; object-fit:contain; }
.datasur-app-top > a:last-child { color:var(--portal-navy); font-size:13px; font-weight:700; text-decoration:none; }
.datasur-brand-lockup { display:flex; gap:16px; align-items:center; color:var(--portal-navy); text-decoration:none; }
.datasur-brand-lockup > span { padding-left:16px; border-left:1px solid var(--portal-line); }
.datasur-brand-lockup > span strong,.datasur-brand-lockup > span small { display:block; }
.datasur-brand-lockup > span strong { font-size:13px; }
.datasur-brand-lockup > span small { margin-top:2px; color:var(--portal-muted); font-size:11px; }
.datasur-app-footer { display:flex; gap:10px 22px; flex-wrap:wrap; align-items:center; min-height:82px; padding:22px max(4vw,24px); color:#dbe6ec; background:#0b2435; }
.datasur-app-footer strong { color:#fff; }
.datasur-app-footer a { color:#85e4c5; }
.datasur-app-footer small { width:100%; color:#9fb1bb; }
.datasur-auth { display:grid; grid-template-columns:minmax(0,1fr) 430px; gap:42px 70px; align-items:start; width:min(1040px,calc(100% - 40px)); min-height:calc(100vh - 160px); margin:0 auto; padding:74px 0; }
.datasur-auth-copy { padding-top:18px; }
.datasur-auth-copy > p { margin:0 0 8px; color:var(--portal-green); font-size:12px; font-weight:800; text-transform:uppercase; }
.datasur-auth-copy h1 { max-width:540px; margin:0 0 17px; color:var(--portal-navy); font-size:48px; line-height:1.08; }
.datasur-auth-copy span { display:block; max-width:600px; color:var(--portal-muted); font-size:18px; }
.datasur-auth-form { grid-column:2; grid-row:1/4; padding:28px; border:1px solid var(--portal-line); border-top:4px solid var(--portal-green); background:#fff; box-shadow:0 12px 32px rgba(18,48,71,.08); }
.datasur-auth-form h2 { margin:0 0 22px; color:var(--portal-navy); font-size:25px; }
.datasur-auth-form label:not(.datasur-auth-check) { display:block; margin:0 0 15px; color:#304653; font-size:13px; font-weight:700; }
.datasur-auth-form input[type=text],.datasur-auth-form input[type=password] { display:block; width:100%; height:46px; margin-top:6px; padding:9px 11px; border:1px solid #aebdc5; background:#f8fafb; font:inherit; }
.datasur-auth-check { display:flex; gap:8px; align-items:center; margin:4px 0 18px; font-size:13px; }
.datasur-auth-form button { display:block; width:100%; min-height:46px; margin:0 0 15px; border:0; background:var(--portal-green); color:#fff; font:inherit; font-weight:800; cursor:pointer; }
.datasur-auth-form > a { color:var(--portal-green); font-size:13px; font-weight:700; }
.datasur-auth-form > small { display:block; margin:-4px 0 17px; color:var(--portal-muted); }
.datasur-auth-help { align-self:end; display:grid; gap:5px; max-width:580px; padding:18px; border-left:4px solid var(--portal-blue); background:#fff; }
.datasur-auth-help span { color:var(--portal-muted); }
.datasur-auth-help a { color:var(--portal-green); font-weight:700; }
.datasur-auth-notice { margin:0 0 15px; padding:13px 15px; border-left:4px solid var(--portal-green); background:#eaf7f2; }
.datasur-auth > .datasur-auth-notice { grid-column:2; }
.datasur-auth-notice.is-error { border-color:var(--portal-red); background:#fff1f0; }
.datasur-app-shell { display:grid; grid-template-columns:235px minmax(0,1fr); width:min(1440px,100%); min-height:calc(100vh - 160px); margin:0 auto; }
.datasur-app-sidebar { display:flex; flex-direction:column; padding:30px 18px; color:#fff; background:var(--portal-navy); }
.datasur-app-sidebar > div { padding:0 10px 24px; border-bottom:1px solid #4e6a7a; }
.datasur-app-sidebar > div span,.datasur-app-sidebar > div strong { display:block; }
.datasur-app-sidebar > div span { color:#85e4c5; font-size:11px; font-weight:800; text-transform:uppercase; }
.datasur-app-sidebar > div strong { margin-top:4px; overflow-wrap:anywhere; }
.datasur-app-sidebar nav { display:grid; margin-top:18px; }
.datasur-app-sidebar nav a { padding:12px 10px; border-left:3px solid transparent; color:#dbe6ec; text-decoration:none; }
.datasur-app-sidebar nav a:hover,.datasur-app-sidebar nav a.is-active { border-color:#85e4c5; color:#fff; background:#1b4057; }
.datasur-app-logout { margin-top:auto; padding:12px 10px; color:#85e4c5; font-weight:700; text-decoration:none; }
.datasur-app-main { min-width:0; padding:30px clamp(20px,4vw,54px) 54px; background:#f7f9fa; }
.datasur-order-list { overflow-x:auto; padding:0; }
.datasur-order-list table { width:100%; min-width:720px; border-collapse:collapse; }
.datasur-order-list th,.datasur-order-list td { padding:14px 16px; border-bottom:1px solid var(--portal-line); text-align:left; vertical-align:top; }
.datasur-order-list th { color:var(--portal-muted); background:var(--portal-paper); font-size:11px; text-transform:uppercase; }
.datasur-order-list td small,.datasur-order-list td strong { display:block; }
.datasur-order-list td small { color:var(--portal-muted); }
.datasur-order-status { display:inline-block; padding:4px 7px; color:#176480; background:#e2f1f7; font-size:11px; font-weight:700; }
.datasur-order-status.is-completed,.datasur-order-status.is-processing { color:#116b50; background:#dff4ea; }
.datasur-order-status.is-failed,.datasur-order-status.is-cancelled { color:#8f1d15; background:#ffe4e1; }
.datasur-pay-link { display:block; margin-top:5px; color:var(--portal-green); font-size:12px; font-weight:700; }
.datasur-account-details { display:flex; justify-content:space-between; gap:30px; }
.datasur-account-details dl { display:grid; grid-template-columns:150px minmax(0,1fr); gap:8px 20px; margin:0; }
.datasur-account-details dt { color:var(--portal-muted); }
.datasur-account-details dd { margin:0; font-weight:700; overflow-wrap:anywhere; }
.datasur-account-details > div { display:flex; flex-direction:column; gap:8px; align-items:stretch; min-width:220px; }
.datasur-account-details .button { display:block; padding:11px 14px; color:#fff; background:var(--portal-green); text-align:center; text-decoration:none; }
.datasur-account-details .button.is-secondary { color:var(--portal-navy); border:1px solid #9eb2bd; background:#fff; }
.datasur-domain-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:28px; }
.datasur-domain-item { display:flex; flex-direction:column; min-width:0; border:1px solid var(--portal-line); border-top:4px solid var(--portal-blue); background:#fff; }
.datasur-domain-item > header { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; padding:18px 20px; border-bottom:1px solid var(--portal-line); }
.datasur-domain-item > header span { color:var(--portal-muted); font-size:11px; font-weight:800; text-transform:uppercase; }
.datasur-domain-item h3 { margin:2px 0 0; color:var(--portal-navy); font-size:21px; overflow-wrap:anywhere; }
.datasur-domain-item > header b { flex:0 0 auto; padding:5px 8px; color:#176480; background:#e2f1f7; font-size:11px; }
.datasur-domain-item > header b.is-good { color:#116b50; background:#dff4ea; }
.datasur-domain-item > header b.is-warning { color:#7a5200; background:#fff0c2; }
.datasur-domain-item > header b.is-danger { color:#8f1d15; background:#ffe4e1; }
.datasur-domain-item dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0; }
.datasur-domain-item dl > div { min-width:0; padding:15px 20px; border-bottom:1px solid var(--portal-line); }
.datasur-domain-item dl > div:nth-child(odd) { border-right:1px solid var(--portal-line); }
.datasur-domain-item dt { color:var(--portal-muted); font-size:11px; }
.datasur-domain-item dd { margin:3px 0 0; color:var(--portal-navy); font-weight:800; overflow-wrap:anywhere; }
.datasur-domain-item > footer { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:auto; padding:14px 20px; background:var(--portal-paper); }
.datasur-domain-item > footer form { margin:0; }
.datasur-domain-item > footer .button,.datasur-domain-toggle { display:inline-block; min-height:40px; padding:9px 13px; border:0; color:#fff; background:var(--portal-green); font:inherit; font-size:12px; font-weight:800; text-decoration:none; cursor:pointer; }
.datasur-domain-toggle.is-stop { color:#8f1d15; border:1px solid #e6a09a; background:#fff; }
.datasur-domain-warning { color:#8f1d15; font-size:12px; font-weight:700; }
.datasur-domain-buy { padding:26px; border:1px solid var(--portal-line); border-top:4px solid var(--portal-gold); background:#fff; }
.datasur-domain-buy > div:first-child h2 { margin:2px 0 5px; color:var(--portal-navy); font-size:27px; }
.datasur-domain-buy > div:first-child span { color:var(--portal-muted); }
.datasur-domain-search { margin-top:22px; }
.datasur-domain-search > label,.datasur-domain-order label { color:#304653; font-size:12px; font-weight:800; }
.datasur-domain-search > div { display:flex; margin-top:6px; }
.datasur-domain-search input { flex:1; min-width:0; height:48px; padding:10px 12px; border:1px solid #aebdc5; font:inherit; }
.datasur-domain-search button,.datasur-domain-order > button { min-height:48px; padding:10px 18px; border:0; color:#fff; background:var(--portal-green); font:inherit; font-weight:800; cursor:pointer; }
.datasur-domain-search button:disabled,.datasur-domain-order > button:disabled { cursor:not-allowed; opacity:.55; }
.datasur-domain-result { margin-top:16px; padding:14px 16px; border-left:4px solid var(--portal-blue); background:#edf7fb; }
.datasur-domain-result.is-good { border-color:var(--portal-green); background:#eaf7f2; }
.datasur-domain-result.is-warning { border-color:var(--portal-gold); background:#fff8e8; }
.datasur-domain-result.is-error { border-color:var(--portal-red); background:#fff1f0; }
.datasur-domain-order { margin-top:18px; padding-top:20px; border-top:1px solid var(--portal-line); }
.datasur-domain-order h3 { margin:0 0 14px; color:var(--portal-navy); }
.datasur-domain-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 16px; }
.datasur-domain-fields label { display:block; }
.datasur-domain-fields input,.datasur-domain-fields select { display:block; width:100%; height:44px; margin-top:5px; padding:8px 10px; border:1px solid #aebdc5; background:#fff; font:inherit; }
.datasur-domain-payment { display:flex; gap:12px 20px; flex-wrap:wrap; margin:20px 0 16px; padding:15px; border:1px solid var(--portal-line); }
.datasur-domain-payment legend { padding:0 6px; color:var(--portal-navy); font-size:13px; font-weight:800; }
.datasur-domain-payment label { display:flex; gap:7px; align-items:center; }
.datasur-domain-consent { display:flex; gap:9px; align-items:flex-start; line-height:1.45; }
.datasur-domain-consent input { margin-top:3px; }
.datasur-domain-total { display:flex; justify-content:space-between; align-items:center; margin:18px 0 12px; padding:14px 0; border-top:1px solid var(--portal-line); color:var(--portal-navy); }
.datasur-domain-total strong { font-size:23px; }
.datasur-management-app { background:#eef3f5; }
.datasur-management-bar { display:flex; justify-content:space-between; gap:28px; align-items:center; min-height:88px; padding:15px max(3vw,24px); color:#dce8ed; border-bottom:4px solid var(--portal-green); background:var(--portal-navy); }
.datasur-management-bar span,.datasur-management-bar strong { display:block; }
.datasur-management-bar span { color:#85e4c5; font-size:10px; font-weight:800; text-transform:uppercase; }
.datasur-management-bar > div:first-child > strong { margin-top:3px; color:#fff; font-size:20px; }
.datasur-management-user { display:grid; grid-template-columns:auto auto; gap:1px 15px; align-items:center; text-align:right; }
.datasur-management-user > span { grid-column:1; }
.datasur-management-user > strong { grid-column:1; }
.datasur-management-user > div { display:flex; grid-column:2; grid-row:1/3; gap:8px; }
.datasur-management-bar a { min-height:38px; padding:8px 13px; border:1px solid #668392; color:#fff; font-size:12px; font-weight:800; text-decoration:none; }
.datasur-management-bar .datasur-management-back { border-color:#85e4c5; color:#85e4c5; }
.datasur-management-bar .datasur-management-back span { display:inline; color:inherit; font-size:15px; }
.datasur-management-main { width:min(1500px,calc(100% - 40px)); min-height:calc(100vh - 230px); margin:0 auto; padding:4px 0 46px; }
.datasur-management-main .wrap { margin:0; }
.datasur-management-main .datasur-tabs { display:flex; gap:2px; overflow-x:auto; margin:0 0 24px; border-bottom:1px solid #ccd8de; white-space:nowrap; }
.datasur-management-main .datasur-tabs a { flex:0 0 auto; padding:13px 14px 10px; border-bottom:3px solid transparent; color:#405562; font-size:13px; font-weight:700; text-decoration:none; }
.datasur-management-main .datasur-tabs a:hover,.datasur-management-main .datasur-tabs a.is-active { border-color:var(--portal-green); color:var(--portal-navy); background:#fff; }
.datasur-management-main h1,.datasur-management-main h2,.datasur-management-main h3 { color:var(--portal-navy); }
.datasur-management-main a { color:#08785b; }
.datasur-management-main .button { display:inline-block; min-height:36px; box-sizing:border-box; padding:7px 12px; border:1px solid #9eb2bd; color:var(--portal-navy); background:#fff; font:inherit; font-size:13px; font-weight:700; line-height:20px; text-decoration:none; cursor:pointer; }
.datasur-management-main .button-primary,.datasur-management-main .button.alt { color:#fff; border-color:var(--portal-green); background:var(--portal-green); }
.datasur-management-main .button-small { min-height:30px; padding:4px 8px; font-size:12px; }
.datasur-management-main input[type=text],.datasur-management-main input[type=email],.datasur-management-main input[type=search],.datasur-management-main input[type=tel],.datasur-management-main select,.datasur-management-main textarea { max-width:100%; min-height:38px; box-sizing:border-box; padding:7px 9px; border:1px solid #aebdc5; background:#fff; font:inherit; }
.datasur-management-main table.widefat { width:100%; border-collapse:collapse; color:var(--portal-ink); background:#fff; }
.datasur-management-main .widefat th,.datasur-management-main .widefat td { padding:11px 12px; border-bottom:1px solid var(--portal-line); text-align:left; vertical-align:top; }
.datasur-management-main .widefat th { color:var(--portal-muted); background:var(--portal-paper); font-size:11px; text-transform:uppercase; }
.datasur-management-main .widefat.striped tbody tr:nth-child(even) { background:#f8fafb; }
.datasur-management-main .notice { margin:16px 0; padding:12px 15px; border-left:4px solid var(--portal-green); background:#fff; }
.datasur-management-main .notice-error { border-left-color:var(--portal-red); background:#fff1f0; }
.datasur-management-main .notice p { margin:0; }
.datasur-management-order { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.datasur-management-order dl { display:grid; grid-template-columns:130px minmax(0,1fr); gap:8px 14px; margin:0; }
.datasur-management-order dt { color:var(--portal-muted); }
.datasur-management-order dd { margin:0; font-weight:700; overflow-wrap:anywhere; }
.datasur-payment-control,.datasur-account-control { margin-top:22px; }
.datasur-control-form { display:grid; gap:14px; margin-top:18px; padding-top:18px; border-top:1px solid var(--portal-line); }
.datasur-control-form label { display:grid; gap:6px; color:var(--portal-navy); font-size:13px; font-weight:700; }
.datasur-control-form textarea,.datasur-control-form input,.datasur-control-form select { width:100%; }
.datasur-control-form .datasur-confirm { display:flex; align-items:flex-start; gap:9px; color:#405562; font-weight:600; line-height:1.45; }
.datasur-control-form .datasur-confirm input { flex:0 0 auto; width:auto; margin-top:3px; }
.datasur-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.datasur-audit-details { display:grid; grid-template-columns:170px minmax(0,1fr); gap:8px 16px; margin:18px 0 0; }
.datasur-audit-details dt { color:var(--portal-muted); }
.datasur-audit-details dd { margin:0; font-weight:700; overflow-wrap:anywhere; }
.datasur-account-message { margin-top:18px; padding:16px; border-left:4px solid var(--portal-green); background:#edf8f4; }
.datasur-account-message.is-warning { border-color:#d88d00; background:#fff6df; }
.datasur-account-message.is-danger { border-color:var(--portal-red); background:#fff1f0; }
.datasur-account-message p { margin:5px 0 0; }
.datasur-button-warning { color:#3b2a00!important; border-color:#e3a008!important; background:#f4c64e!important; }
.datasur-button-danger { color:#fff!important; border-color:#a3271f!important; background:#b83229!important; }
.datasur-delete-zone { margin-top:26px; padding:20px; border:2px solid #d7a39f; background:#fff8f7; }
.datasur-delete-zone h3 { margin-top:0; color:#842019; }
.datasur-backup-state { display:flex; justify-content:space-between; gap:18px; margin:16px 0; padding:13px; border-left:4px solid #d88d00; background:#fff; }
.datasur-backup-state.is-good { border-color:var(--portal-green); }
.datasur-backup-state span { color:var(--portal-muted); }
.datasur-delete-blocked { margin:14px 0 0; padding:12px; color:#6d4800; background:#fff0c9; font-weight:700; }
.datasur-delete-form { border-top-color:#d7a39f; }
.datasur-delete-form code { padding:2px 4px; color:#842019; background:#f3d9d6; }
@media(max-width:840px){.datasur-auth{grid-template-columns:1fr;gap:24px;padding:44px 0}.datasur-auth-form{grid-column:1;grid-row:auto}.datasur-auth>.datasur-auth-notice{grid-column:1}.datasur-auth-copy h1{font-size:40px}.datasur-app-shell{grid-template-columns:1fr}.datasur-app-sidebar{padding:14px 14px 0}.datasur-app-sidebar>div{display:none}.datasur-app-sidebar nav{display:flex;overflow-x:auto;margin:0}.datasur-app-sidebar nav a{flex:0 0 auto;border-bottom:3px solid transparent;border-left:0}.datasur-app-sidebar nav a:hover,.datasur-app-sidebar nav a.is-active{border-bottom-color:#85e4c5}.datasur-app-logout{position:absolute;right:14px;top:92px;margin:0;padding:9px;color:#fff}.datasur-app-main{padding-top:22px}.datasur-account-details{flex-direction:column}}
@media(max-width:840px){.datasur-domain-list{grid-template-columns:1fr}}
@media(max-width:840px){.datasur-management-main{width:calc(100% - 24px)}.datasur-management-order{grid-template-columns:1fr}.datasur-tabs{overflow-x:auto;white-space:nowrap}.datasur-tabs a{flex:0 0 auto}}
@media(max-width:540px){.datasur-app-top{min-height:66px;padding-right:16px;padding-left:16px}.datasur-app-top img{max-width:145px;max-height:48px}.datasur-brand-lockup>span{display:none}.datasur-auth{width:calc(100% - 28px);padding:34px 0}.datasur-auth-copy h1{font-size:34px}.datasur-auth-copy span{font-size:16px}.datasur-auth-form{padding:22px}.datasur-app-footer{padding-right:18px;padding-left:18px}.datasur-app-main{padding-right:14px;padding-left:14px}.datasur-app-sidebar nav a{padding:11px 9px;font-size:12px}.datasur-app-logout{top:77px;font-size:12px}.datasur-domain-item>header{flex-direction:column}.datasur-domain-item dl{grid-template-columns:1fr}.datasur-domain-item dl>div:nth-child(odd){border-right:0}.datasur-domain-buy{padding:20px 15px}.datasur-domain-search>div{display:grid}.datasur-domain-fields{grid-template-columns:1fr}.datasur-management-bar{align-items:flex-start;min-height:0;padding:14px;flex-direction:column}.datasur-management-bar>div:first-child>strong{font-size:16px}.datasur-management-user{width:100%;grid-template-columns:1fr;text-align:left}.datasur-management-user>span,.datasur-management-user>strong,.datasur-management-user>div{grid-column:1;grid-row:auto}.datasur-management-user>div{margin-top:8px;flex-wrap:wrap}.datasur-management-main{width:calc(100% - 16px)}.datasur-management-main .datasur-ops-panel{padding:15px}.datasur-form-grid,.datasur-audit-details{grid-template-columns:1fr}.datasur-backup-state{flex-direction:column}}