/*
 * Sentinel React parity layer.
 * Loaded after the compatibility stylesheet so Blesta and third-party views
 * keep their markup while sharing the portal's visual contract.
 */
:root {
    --sr-bg: #e9ece6;
    --sr-surface: rgba(255,255,255,.58);
    --sr-surface-strong: rgba(255,255,255,.72);
    --sr-surface-solid: #f8f9f6;
    --sr-ink: #171717;
    --sr-copy: #565b53;
    --sr-muted: #747970;
    --sr-line: rgba(23,23,23,.075);
    --sr-line-light: rgba(255,255,255,.68);
    --sr-purple: #5b35e5;
    --sr-green: #2f9f61;
    --sr-orange: #d77c19;
    --sr-radius: 24px;
    --sr-radius-small: 16px;
    --sr-glass-shadow: 0 28px 65px -48px rgba(31,38,28,.52), inset 0 1px 0 rgba(255,255,255,.78);
    --sr-ease: cubic-bezier(.2,.8,.2,1);
    --n-sans: "Geist", "Inter", ui-sans-serif, system-ui, sans-serif;
    --n-bg: var(--sr-bg);
    --n-text: var(--sr-ink);
    --n-text-soft: var(--sr-copy);
    --n-muted: var(--sr-muted);
    --n-border: var(--sr-line);
    --n-border-strong: rgba(23,23,23,.14);
    --n-accent: var(--sr-purple);
    --n-content: 1680px;
}

html { overflow-y:scroll; scrollbar-gutter:stable; background:#e9ece6; }
body.sentinel-client {
    background: linear-gradient(135deg,#edf0ea 0%,#e7ebe4 52%,#f0ece8 100%) fixed;
    color:var(--sr-ink);
    font-family:var(--n-sans);
    font-size:16px;
    line-height:1.5;
}
body.sentinel-client::before {
    position:fixed;
    z-index:-1;
    inset:0;
    display:block !important;
    background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.09) 0,rgba(255,255,255,.09) 1px,transparent 1px,transparent 7px);
    content:"";
    pointer-events:none;
}
.sentinel-client *, .sentinel-client *::before, .sentinel-client *::after { letter-spacing:0; }
.sentinel-client h1,.sentinel-client h2,.sentinel-client h3,.sentinel-client h4,.sentinel-client h5,.sentinel-client h6 { font-weight:520; }
.sentinel-client strong,.sentinel-client b { font-weight:550; }
.sentinel-client a,.sentinel-client button,.sentinel-client input,.sentinel-client select,.sentinel-client textarea { transition:border-color 160ms var(--sr-ease),background-color 160ms var(--sr-ease),color 160ms var(--sr-ease),box-shadow 160ms var(--sr-ease),transform 160ms var(--sr-ease),opacity 160ms var(--sr-ease); }
.sentinel-client :focus-visible { outline:3px solid rgba(91,53,229,.18); outline-offset:2px; }

/* Shell */
.sentinel-header {
    display:flex;
    height:96px;
    padding:0 max(32px,calc((100vw - 1656px)/2));
    gap:0;
    justify-content:space-between;
    border-bottom:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    view-transition-name:sentinel-header;
}
.sentinel-header-brand { min-width:148px; justify-self:start; }
.sentinel-header-brand img { height:29px; }
.sentinel-header-nav { margin:0; padding:6px; gap:3px; justify-self:center; border:1px solid rgba(255,255,255,.68); border-radius:18px; background:rgba(255,255,255,.38); box-shadow:inset 0 1px 0 rgba(255,255,255,.72); backdrop-filter:blur(22px) saturate(135%); -webkit-backdrop-filter:blur(22px) saturate(135%); }
.sentinel-header-nav > a { min-height:44px; padding:0 14px; gap:8px; border:1px solid transparent; border-radius:14px; font-size:12.5px; font-weight:550; text-transform:uppercase; white-space:nowrap; }
.sentinel-header-nav .sentinel-nav-label { letter-spacing:.08em; }
.sentinel-header-nav > a:hover { border-color:var(--sr-line-light); background:rgba(255,255,255,.5); }
.sentinel-header-nav > a.is-active { border-color:#171717; background:#171717; box-shadow:0 14px 28px -20px rgba(0,0,0,.66); }
.sentinel-nav-badge { display:grid; min-width:18px; height:18px; padding:0 5px; place-items:center; border-radius:999px; background:#fde8e8; color:#bd3030; font-size:10.5px; font-weight:650; line-height:1; }
.sentinel-nav-badge[hidden] { display:grid !important; visibility:hidden; }
.sentinel-header-nav > a.is-active .sentinel-nav-badge { background:rgba(255,255,255,.16); color:#fff; }
.sentinel-header-actions { margin-left:0; gap:8px; justify-self:end; }
.sentinel-wallet-chip { display:inline-flex; min-height:42px; padding:0 13px; gap:8px; align-items:center; border:1px solid rgba(255,255,255,.78); border-radius:14px; background:rgba(255,255,255,.55); color:var(--sr-ink) !important; font-size:12.5px; font-weight:550; white-space:nowrap; box-shadow:inset 0 1px 0 rgba(255,255,255,.75); }
.sentinel-wallet-chip i { color:var(--sr-purple); }
.sentinel-wallet-chip:hover { background:rgba(255,255,255,.8); transform:translateY(-1px); }
.sentinel-icon-button { width:42px; height:42px; border-color:rgba(255,255,255,.78); border-radius:14px; background:rgba(255,255,255,.55); box-shadow:inset 0 1px 0 rgba(255,255,255,.75); }
.sentinel-icon-button:hover { background:rgba(255,255,255,.82); transform:translateY(-1px); }
.sentinel-notification-action { position:relative; display:inline-flex; }
.sentinel-notification-badge { position:absolute; top:-6px; right:-5px; display:grid; min-width:18px; height:18px; padding:0 5px; place-items:center; border:2px solid #edf0ea; border-radius:999px; background:#ef4444; color:#fff; font-size:10px; font-weight:700; line-height:1; pointer-events:none; }
.sentinel-profile { min-height:44px; padding:4px 10px 4px 4px; gap:9px; border-color:rgba(255,255,255,.8); border-radius:15px; background:rgba(255,255,255,.54); }
.sentinel-profile-avatar { position:relative; display:grid !important; width:35px !important; height:35px !important; overflow:hidden; place-items:center; border:1px solid rgba(255,255,255,.78); border-radius:11px !important; background:#d9ded5 !important; }
.sentinel-profile-avatar img { width:100%; height:100%; object-fit:cover; }
.sentinel-profile-avatar b { font-size:13px; font-weight:600; }
.sentinel-profile > .sentinel-profile-copy { display:flex; width:auto; height:auto; min-width:0; padding:0; flex-direction:column; align-items:flex-start; border-radius:0; background:transparent; line-height:1.15; }
.sentinel-profile-copy strong { max-width:145px; overflow:hidden; font-size:12.5px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
.sentinel-profile-copy small { max-width:145px; margin-top:3px; overflow:hidden; color:var(--sr-muted); font-size:10.5px; font-weight:450; text-overflow:ellipsis; white-space:nowrap; }
.sentinel-profile-menu { padding:8px; border:1px solid rgba(255,255,255,.8); border-radius:16px; background:rgba(249,250,247,.94); box-shadow:0 28px 60px -32px rgba(0,0,0,.38); backdrop-filter:blur(24px); }
.sentinel-profile-menu .dropdown-item { min-height:39px; padding:9px 11px; border-radius:10px; }
.sentinel-profile-menu .dropdown-item:hover { background:rgba(23,23,23,.055); }
.sentinel-app-body,.sentinel-client.sentinel-has-context .sentinel-app-body { padding-top:96px; }
.sentinel-page,.sentinel-service-manage-page,.sentinel-hosting-page { width:min(calc(100% - 82px),1638px); padding:42px 0 68px; }
.sentinel-footer { width:min(calc(100% - 64px),1656px); }
.sentinel-page-heading { min-height:92px; margin-bottom:20px; align-items:flex-end; }
.sentinel-page-heading h1 { font-size:42px; font-weight:500; line-height:1.08; }
.sentinel-hosting-heading h1 { font-size:44px; }
.sentinel-hosting-heading p { margin-top:10px; color:var(--sr-copy); font-size:15px; }
.sentinel-eyebrow { color:var(--sr-muted); font-size:11px; font-weight:650; text-transform:uppercase; }
.sentinel-button,.sentinel-primary-button { min-height:42px; padding:0 15px; border-radius:13px; font-size:13px; font-weight:550; }
.sentinel-button { border:1px solid rgba(255,255,255,.78); background:rgba(255,255,255,.52); }
.sentinel-button:hover { background:rgba(255,255,255,.82); transform:translateY(-1px); }
.sentinel-primary-button { border-color:#171717; background:#171717; box-shadow:0 16px 30px -22px rgba(0,0,0,.68); }
.sentinel-primary-button:hover { background:#2a2a2a; transform:translateY(-1px); }
.sentinel-content > .row { margin-right:-9px; margin-left:-9px; }
.sentinel-content > .row > [class*="col-"] { padding-right:9px; padding-left:9px; }

/* Liquid surfaces and native Blesta content */
.sentinel-client .card.card-blesta,
.sentinel-client .card:not(.dropdown-menu),
.sentinel-client .content_section,
.sentinel-panel,
.sentinel-account-section,
.sentinel-domain-card,
.sentinel-generic-service-card,
.sentinel-client .xas-portfolio-card {
    border:1px solid var(--sr-line-light);
    border-radius:var(--sr-radius);
    background:var(--sr-surface);
    box-shadow:var(--sr-glass-shadow);
    backdrop-filter:blur(22px) saturate(140%);
    -webkit-backdrop-filter:blur(22px) saturate(140%);
}
.sentinel-client .card-header { min-height:72px; padding:20px 23px; border-color:var(--sr-line); background:transparent; font-size:17px; font-weight:550; }
.sentinel-client .card-body,.sentinel-client .card-content { padding:22px; }
.sentinel-client .card-nav { margin:0 0 18px; }
.sentinel-client .card-links { gap:4px; padding:5px; border:1px solid var(--sr-line-light); border-radius:14px; background:rgba(255,255,255,.33); }
.sentinel-client .card-links li a { min-height:36px; padding:0 12px; border-radius:10px; font-size:13px; }
.sentinel-client .card-links li.active a { background:#171717; box-shadow:0 12px 24px -18px rgba(0,0,0,.62); }
.sentinel-section-tabs { padding:5px; margin-bottom:20px; gap:4px; border:1px solid var(--sr-line-light); border-radius:15px; background:rgba(255,255,255,.38); box-shadow:inset 0 1px 0 rgba(255,255,255,.74); }
.sentinel-section-tabs a { min-height:38px; padding:0 13px; display:inline-flex; align-items:center; border:0; border-radius:10px; font-size:13px; }
.sentinel-section-tabs a.is-active { border:0; background:#171717; color:#fff; box-shadow:0 12px 24px -18px rgba(0,0,0,.62); }
.sentinel-client .table-responsive { overflow:auto; border:0; border-radius:0 0 var(--sr-radius) var(--sr-radius); background:transparent; }
.sentinel-client table.table { font-size:14px; }
.sentinel-client table.table th { padding:14px 20px; border-color:var(--sr-line); background:rgba(255,255,255,.22); color:var(--sr-muted); font-size:11px; font-weight:650; text-transform:uppercase; }
.sentinel-client table.table td { padding:16px 20px; border-color:var(--sr-line); }
.sentinel-client table.table tbody tr:hover { background:rgba(255,255,255,.34); }
.sentinel-client .btn { min-height:39px; padding:8px 13px; border-radius:12px; font-size:13px; }
.sentinel-client .btn-primary { border-color:#171717 !important; background:#171717 !important; }
.sentinel-client .btn-light,.sentinel-client .btn-secondary { border-color:var(--sr-line-light); background:rgba(255,255,255,.55); }
.sentinel-client .form-control,
.sentinel-client select.form-control {
    min-height:44px;
    border:1px solid rgba(23,23,23,.14);
    border-radius:13px;
    background:rgba(255,255,255,.62);
    font-size:14px;
}
.sentinel-client textarea.form-control { min-height:128px; }
.sentinel-client .form-control:focus { border-color:rgba(91,53,229,.55); background:rgba(255,255,255,.82); box-shadow:0 0 0 4px rgba(91,53,229,.10); }
.sentinel-client label { color:var(--sr-copy); font-size:12.5px; font-weight:550; }
.sentinel-client .alert { padding:14px 16px; border-radius:14px; }
.sentinel-client .badge { min-height:24px; padding:4px 9px; border-radius:999px; }
.sentinel-client .pagination .page-link { min-width:38px; min-height:38px; display:grid; place-items:center; border-color:var(--sr-line); background:rgba(255,255,255,.48); }

/* Dashboard */
.sentinel-dashboard-page { padding-top:48px; }
.sentinel-dashboard-intro { display:grid; min-height:126px; margin-bottom:24px; grid-template-columns:104px minmax(0,1fr) auto; gap:22px; align-items:center; }
.sentinel-dashboard-avatar { position:relative; display:grid; width:104px; height:104px; overflow:visible; place-items:center; border:2px solid rgba(255,255,255,.75); border-radius:26px; background:rgba(255,255,255,.62); box-shadow:0 18px 36px -24px rgba(0,0,0,.35); }
.sentinel-dashboard-avatar img { width:100%; height:100%; overflow:hidden; border-radius:24px; object-fit:cover; }
.sentinel-dashboard-avatar > span { font-size:30px; font-weight:600; }
.sentinel-dashboard-avatar > i { position:absolute; right:-6px; bottom:-6px; width:20px; height:20px; border:3px solid var(--sr-bg); border-radius:7px; background:#2fbf6a; }
.sentinel-dashboard-intro h1 { margin:7px 0 0; font-size:48px; font-weight:490; line-height:1.04; }
.sentinel-dashboard-intro p { margin:10px 0 0; color:var(--sr-copy); font-size:15.5px; }
.sentinel-dashboard-actions { display:flex; gap:8px; align-items:center; }
.sentinel-metrics { display:grid; margin-bottom:18px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.sentinel-metric { display:block; min-width:0; min-height:178px; padding:18px; border:1px solid var(--sr-line-light); border-radius:22px; background:var(--sr-surface); box-shadow:var(--sr-glass-shadow); backdrop-filter:blur(22px) saturate(140%); -webkit-backdrop-filter:blur(22px) saturate(140%); }
.sentinel-metric-link:hover { background:rgba(255,255,255,.65); transform:translateY(-2px); }
.sentinel-metric-head { display:flex; gap:10px; align-items:center; }
.sentinel-metric-head small { color:var(--sr-copy); font-size:12.5px; }
.sentinel-metric-icon { display:grid; width:38px; height:38px; margin:0; place-items:center; border-radius:12px; }
.sentinel-metric-icon.is-purple { background:#ece8ff; color:var(--sr-purple); }
.sentinel-metric-icon.is-green { background:#e6f6ec; color:#168349; }
.sentinel-metric-icon.is-orange { background:#fdefdc; color:#a85f0b; }
.sentinel-metric-icon.is-dark { background:#171717; color:#fff; }
.sentinel-metric > strong { display:block; margin-top:31px; overflow:hidden; font-size:28px; font-weight:520; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.sentinel-metric > span { display:block; margin-top:7px; color:var(--sr-muted); font-size:11.5px; }
.sentinel-metric > span b { color:inherit; }
.sentinel-metric > span i { margin-left:4px; font-size:9px; }
.sentinel-dashboard-primary-grid { display:grid; margin-bottom:18px; grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr); gap:18px; }
.sentinel-dashboard-secondary-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(290px,.72fr); gap:18px; align-items:start; }
.sentinel-panel { box-sizing:border-box; padding:22px; }
.sentinel-section-heading { min-height:58px; }
.sentinel-section-heading h2 { margin:4px 0 0; font-size:19px; font-weight:550; }
.sentinel-section-heading p { margin:5px 0 0; color:var(--sr-muted); font-size:12.5px; }
.sentinel-section-heading > a { min-height:34px; display:inline-flex; padding:0 11px; gap:6px; align-items:center; border-color:var(--sr-line-light); border-radius:11px; background:rgba(255,255,255,.42); color:var(--sr-purple); font-size:12px; }
.sentinel-feed-list { margin-top:14px; }
.sentinel-feed-row { min-height:72px; padding:10px 3px; border-color:var(--sr-line); }
.sentinel-service-feed-card { min-height:90px; padding:14px 16px; margin-top:10px; grid-template-columns:44px minmax(190px,1fr) minmax(280px,.68fr) 34px; gap:16px; border:1px solid rgba(255,255,255,.64); border-radius:18px; background:rgba(255,255,255,.38); }
.sentinel-service-feed-card:hover { background:rgba(255,255,255,.66); transform:translateY(-1px); }
.sentinel-feed-icon { width:42px; height:42px; border-radius:13px; background:rgba(255,255,255,.72) !important; color:var(--sr-purple) !important; box-shadow:inset 0 1px 0 #fff; }
.sentinel-feed-copy strong { font-size:15px; font-weight:550; }
.sentinel-feed-copy small { margin-top:4px; font-size:12px; }
.sentinel-service-title { display:flex; min-width:0; gap:8px; align-items:center; }
.sentinel-service-title strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sentinel-service-title .sentinel-status { flex:0 0 auto; }
.sentinel-service-usage { display:grid; min-width:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:center; }
.sentinel-service-usage-item { display:block; min-width:0; }
.sentinel-service-usage-label { display:flex; margin-bottom:8px; align-items:center; justify-content:space-between; color:var(--sr-muted); }
.sentinel-service-usage-label small { font-size:11.5px; }
.sentinel-service-progress { display:block; height:6px; overflow:hidden; border-radius:999px; background:rgba(23,23,23,.08); }
.sentinel-service-progress i { display:block; height:100%; border-radius:inherit; background:var(--sr-purple); }
.sentinel-service-usage-item.is-traffic .sentinel-service-progress i { background:#2fbf6a; }
.sentinel-feed-arrow { color:var(--sr-muted); font-size:11px; }
.sentinel-system-card { position:relative; min-height:100%; padding:24px; overflow:hidden; border-radius:24px; background:#171717; color:#fff; box-shadow:0 28px 62px -42px rgba(0,0,0,.85); }
.sentinel-system-card::after { position:absolute; right:-28%; bottom:-50%; width:78%; height:106%; border:1px solid rgba(255,255,255,.11); border-radius:50%; content:""; box-shadow:0 0 0 42px rgba(91,53,229,.16),0 0 0 84px rgba(47,191,106,.06); }
.sentinel-system-card > * { position:relative; z-index:1; }
.sentinel-system-card > header { display:flex; align-items:center; justify-content:space-between; color:rgba(255,255,255,.52); font-size:11px; font-weight:650; text-transform:uppercase; }
.sentinel-system-card > header i { width:10px; height:10px; border-radius:50%; background:#40d47b; box-shadow:0 0 0 6px rgba(64,212,123,.12); }
.sentinel-system-card h2 { margin:18px 0 0; color:#fff; font-size:21px; }
.sentinel-system-card p { margin:8px 0 0; color:rgba(255,255,255,.55); font-size:13px; }
.sentinel-system-card dl { margin:30px 0 0; }
.sentinel-system-card dl > div { display:flex; min-height:44px; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.1); }
.sentinel-system-card dt { color:rgba(255,255,255,.56); font-weight:450; }
.sentinel-system-card dd { margin:0; font-weight:550; }
.sentinel-system-card > a { display:inline-flex; margin-top:22px; gap:7px; align-items:center; color:rgba(255,255,255,.62); font-size:12px; }
.sentinel-invoice-list { margin-top:14px; border-color:var(--sr-line); }
.sentinel-invoice-row { min-height:64px; border-color:var(--sr-line); }
.sentinel-quick-list { margin-top:13px; }
.sentinel-quick-list a { display:grid; min-height:62px; padding:9px 2px; grid-template-columns:36px minmax(0,1fr) 12px; gap:10px; align-items:center; border-bottom:1px solid var(--sr-line); }
.sentinel-quick-list a:last-child { border-bottom:0; }
.sentinel-quick-list > a > i:first-child { display:grid; width:36px; height:36px; place-items:center; border-radius:11px; background:rgba(255,255,255,.6); color:var(--sr-purple); }
.sentinel-quick-list strong,.sentinel-quick-list small { display:block; }
.sentinel-quick-list strong { font-size:13px; }
.sentinel-quick-list small { margin-top:3px; color:var(--sr-muted); font-size:10.5px; }
.sentinel-quick-list > a > i:last-child { color:var(--sr-muted); font-size:8px; }

/* Hosting and DirectAdmin */
.sentinel-client .xas-portfolio-card { overflow:hidden; }
.sentinel-client .xas-portfolio-head { min-height:84px; padding:20px 22px 10px; }
.sentinel-client .xas-portfolio-head h2 { font-size:19px; font-weight:550; }
.sentinel-client .xas-portfolio-tabs { padding:5px; border-color:var(--sr-line-light); border-radius:14px; background:rgba(255,255,255,.36); }
.sentinel-client .xas-portfolio-tabs button { min-height:34px; border-radius:10px; }
.sentinel-client .xas-portfolio-tabs button.is-active { background:#171717; color:#fff; }
.sentinel-client .xas-portfolio-toolbar { padding:10px 22px 18px; }
.sentinel-client .xas-portfolio-search { border-color:var(--sr-line-light); border-radius:13px; background:rgba(255,255,255,.44); }
.sentinel-service-manage-page { max-width:1680px; padding-top:24px; }
.sentinel-service-workspace { grid-template-columns:220px minmax(0,1fr); gap:16px; }
.sentinel-service-workspace.is-xas-directadmin,.sentinel-service-workspace.is-domain-service { grid-template-columns:minmax(0,1fr); gap:16px; }
.sentinel-hosting-detail-heading { display:grid; width:100%; max-width:100%; min-height:168px; margin:0 0 24px; flex:0 0 100%; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:1fr; column-gap:24px; align-items:center; }
.sentinel-hosting-detail-title { min-width:0; align-self:center; }
.sentinel-hosting-detail-title .sentinel-service-kicker { margin-bottom:13px; color:var(--sr-muted); font-size:13px; font-weight:500; letter-spacing:.19em; }
.sentinel-hosting-detail-title h1 { margin:0; color:var(--sr-ink); font-size:40px; font-weight:520; line-height:1.08; letter-spacing:0; }
.sentinel-hosting-detail-title p { margin:13px 0 0; color:var(--sr-copy); font-size:16px; }
.sentinel-hosting-detail-actions { display:flex; align-self:center; align-items:center; justify-content:flex-end; gap:8px; padding:0; }
.sentinel-hosting-detail-actions .sentinel-service-status { display:inline-flex; min-height:38px; align-items:center; gap:7px; padding:0 13px; border:1px solid rgba(37,174,96,.19); border-radius:999px; background:rgba(225,248,234,.72); color:#148746; font-size:14px; font-weight:550; }
.sentinel-hosting-detail-actions .sentinel-service-status > i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.sentinel-hosting-action { display:inline-flex; min-height:44px; align-items:center; justify-content:center; gap:9px; padding:0 16px; border:1px solid rgba(255,255,255,.82); border-radius:13px; background:rgba(255,255,255,.68); color:var(--sr-ink); font-size:15px; font-weight:550; box-shadow:0 12px 28px -25px rgba(0,0,0,.36); }
.sentinel-hosting-action.is-primary { border-color:#171717; background:#171717; color:#fff; }
.sentinel-hosting-action i { font-size:12px; }
.sentinel-context-sidebar { top:94px; max-height:calc(100vh - 112px); padding:10px; border-color:var(--sr-line-light); border-radius:20px; background:rgba(255,255,255,.46); box-shadow:var(--sr-glass-shadow); backdrop-filter:blur(24px) saturate(140%); -webkit-backdrop-filter:blur(24px) saturate(140%); }
.sentinel-context-account { padding:14px 11px 16px; }
.sentinel-context-account strong { font-size:15px; font-weight:550; }
.sentinel-service-workspace.is-xas-directadmin .sentinel-context-sidebar,.sentinel-service-workspace.is-domain-service .sentinel-context-sidebar { position:relative; z-index:4; top:auto; width:100%; height:auto; max-height:none; padding:6px; overflow:visible; border-radius:18px; }
.sentinel-service-workspace.is-xas-directadmin .sentinel-context-account,.sentinel-service-workspace.is-domain-service .sentinel-context-account { display:none; }
.sentinel-service-workspace.is-xas-directadmin + .sentinel-context-mobile-toggle,
.sentinel-service-workspace.is-xas-directadmin .sentinel-context-mobile-toggle,
.sentinel-service-workspace.is-domain-service .sentinel-context-mobile-toggle { display:none; }
.sentinel-control-navigation { min-width:0; }
.sentinel-control-group-nav { display:flex; padding:0; flex-direction:row; gap:3px; overflow-x:auto; scrollbar-width:none; }
.sentinel-control-group-nav::-webkit-scrollbar { display:none; }
.sentinel-control-group-link { display:inline-flex; min-height:44px; padding:0 14px; flex:0 0 auto; align-items:center; justify-content:center; gap:8px; border-radius:12px; color:var(--sr-copy); font-size:13.5px; font-weight:550; white-space:nowrap; }
.sentinel-control-group-link > i { color:currentColor; font-size:12px; opacity:.62; }
.sentinel-control-group-link .sentinel-manage-icon { width:auto; height:auto; background:transparent; color:currentColor; opacity:.62; }
.sentinel-control-group-link:hover { background:rgba(255,255,255,.64); color:var(--sr-ink); }
.sentinel-control-group-link.is-active { background:#171717; color:#fff; box-shadow:0 12px 24px -18px rgba(0,0,0,.62); }
.sentinel-control-group-link.is-active:hover,.sentinel-control-group-link.is-active:focus { background:#171717; color:#fff; }
.sentinel-control-group-link.is-active > i { color:#fff; opacity:1; }
.sentinel-control-group-link.is-active .sentinel-manage-icon { background:transparent; color:#fff; opacity:1; }
.sentinel-control-subnav { display:flex; padding:6px 4px 1px; margin-top:5px; gap:4px; overflow-x:auto; border-top:1px solid rgba(23,23,23,.055); scrollbar-width:none; }
.sentinel-control-subnav::-webkit-scrollbar { display:none; }
.sentinel-control-sub-link { display:inline-flex; min-height:34px; padding:0 11px; flex:0 0 auto; align-items:center; gap:7px; border-radius:9px; color:var(--sr-muted); font-size:12.5px; font-weight:520; white-space:nowrap; }
.sentinel-control-sub-link > i { color:currentColor; font-size:11px; opacity:.68; }
.sentinel-control-sub-link:hover,.sentinel-control-sub-link.is-active { background:rgba(255,255,255,.7); color:var(--sr-ink); }
.sentinel-control-sub-link.is-active { box-shadow:inset 0 0 0 1px rgba(23,23,23,.07); }
.sentinel-manage-link { min-height:43px; border-radius:12px; font-size:12.5px; }
.sentinel-manage-icon { border-radius:10px; background:rgba(255,255,255,.65); }
.sentinel-manage-link:hover { background:rgba(255,255,255,.65); }
.sentinel-manage-link.is-active,.sentinel-manage-link.active { background:#171717; }
.sentinel-domain-detail-heading { width:100%; min-height:140px; margin:0 0 16px; align-items:center; }
.sentinel-domain-detail-heading p { margin:9px 0 0; color:var(--sr-copy); font-size:15px; }
.sentinel-domain-react > .sentinel-domain-title { display:none; }
.sentinel-client .xas-da-control { --xas-ink:var(--sr-ink); --xas-muted:var(--sr-muted); --xas-line:var(--sr-line); --xas-line-strong:rgba(23,23,23,.14); --xas-surface:var(--sr-surface); --xas-soft:rgba(255,255,255,.38); --xas-accent:var(--sr-purple); --xas-accent-soft:#ece8ff; max-width:none; }
.sentinel-client .xas-da-manage-head,.sentinel-client .xas-da-metric,.sentinel-client .xas-da-section { border-color:rgba(255,255,255,.55); border-radius:22px; background:rgba(255,255,255,.48); box-shadow:var(--sr-glass-shadow); backdrop-filter:blur(22px) saturate(140%); -webkit-backdrop-filter:blur(22px) saturate(140%); }
.sentinel-client .xas-hosting-portfolio .xas-react-surface { border-color:rgba(255,255,255,.55); background:rgba(255,255,255,.48); }
.sentinel-client .xas-hosting-portfolio .xas-react-service { border-color:rgba(255,255,255,.65); background:rgba(255,255,255,.4); box-shadow:none; }
.sentinel-client .xas-da-manage-head { display:none; }
.sentinel-client .xas-da-account-avatar { border-color:var(--sr-line-light); border-radius:13px; background:rgba(255,255,255,.7); }
.sentinel-client .xas-da-page-title { margin:22px 0 18px; }
.sentinel-client .xas-da-page-title h1 { font-size:36px; font-weight:500; }
.sentinel-client .xas-da-react-overview { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:16px; align-items:start; }
.sentinel-client .xas-da-react-main,.sentinel-client .xas-da-react-aside { min-width:0; }
.sentinel-client .xas-da-metrics { gap:0; }
.sentinel-client .xas-da-usage-section { overflow:hidden; }
.sentinel-client .xas-da-usage-section .xas-da-section-head { border-bottom:0; }
.sentinel-client .xas-da-usage-section .xas-da-metrics { padding:16px 24px 23px; }
.sentinel-client .xas-da-usage-section .xas-da-metric { min-height:92px; padding:11px 26px 0 0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.sentinel-client .xas-da-usage-section .xas-da-metric + .xas-da-metric { padding-left:28px; border-left:1px solid rgba(23,23,23,.055); }
.sentinel-client .xas-da-metric { min-height:150px; padding:17px; }
.sentinel-client .xas-da-metric-top { margin-bottom:22px; }
.sentinel-client .xas-da-metric-icon,.sentinel-client .xas-da-quick-icon { border-radius:10px; background:rgba(255,255,255,.66); color:var(--sr-purple); }
.sentinel-client .xas-da-metric strong { min-height:0; font-size:22px; font-weight:550; }
.sentinel-client .xas-da-metric small { display:block; margin-top:4px; font-size:14px; }
.sentinel-client .xas-da-progress { height:5px; background:rgba(23,23,23,.07); }
.sentinel-client .xas-da-progress > span { background:var(--sr-purple); }
.sentinel-client .xas-da-metric.is-traffic .xas-da-progress > span { background:#2dbd70; }
.sentinel-client .xas-da-metric.is-email .xas-da-progress > span { background:#ef8d20; }
.sentinel-client .xas-da-section-head { min-height:86px; padding:20px 24px 12px; border-color:var(--sr-line); }
.sentinel-client .xas-da-section-head p { margin:5px 0 0; color:var(--sr-muted); font-size:14.5px; }
.sentinel-client .xas-da-section h3 { font-size:18px; font-weight:580; }
.sentinel-client .xas-da-quick-grid { padding:7px 10px 12px; }
.sentinel-client .xas-da-actions-section .xas-da-quick-grid { grid-template-columns:repeat(3,minmax(0,1fr)); padding:7px 24px 24px; gap:10px; }
.sentinel-client .xas-da-actions-section .xas-da-quick { display:flex; min-height:192px; padding:17px; flex-direction:column; align-items:flex-start; border:1px solid rgba(255,255,255,.72); border-radius:18px; background:rgba(255,255,255,.3); }
.sentinel-client .xas-da-actions-section .xas-da-quick > span:nth-child(2) { min-height:77px; margin-top:12px; }
.sentinel-client .xas-da-actions-section .xas-da-quick strong,.sentinel-client .xas-da-actions-section .xas-da-quick small { overflow:visible; white-space:normal; }
.sentinel-client .xas-da-actions-section .xas-da-quick strong { font-size:16px; }
.sentinel-client .xas-da-actions-section .xas-da-quick small { margin-top:6px; font-size:14px; line-height:1.45; }
.sentinel-client .xas-da-quick-open { display:inline-flex; margin-top:auto; align-items:center; gap:6px; color:var(--sr-purple); font-size:14px; font-weight:550; }
.sentinel-client .xas-da-quick-open i { font-size:10px; }
.sentinel-client .xas-da-quick { min-height:64px; border-radius:14px; }
.sentinel-client .xas-da-quick:hover { background:rgba(255,255,255,.62); }
.sentinel-client .xas-da-table-wrap { background:transparent; border-radius:0 0 22px 22px; }
.sentinel-client .xas-da-table th { padding:13px 16px; background:rgba(255,255,255,.24); }
.sentinel-client .xas-da-table td { padding:14px 16px; }
.sentinel-client .xas-da-list-row { min-height:61px; border-color:var(--sr-line); }
.sentinel-client .xas-da-button { border-radius:12px; }
.sentinel-client .xas-da-button.secondary,.sentinel-client .xas-da-icon-button { border-color:var(--sr-line-light); background:rgba(255,255,255,.62); }
.sentinel-client .xas-da-popover-form { border-color:var(--sr-line-light); border-radius:18px; background:rgba(250,251,248,.96); box-shadow:0 28px 65px -35px rgba(0,0,0,.36); backdrop-filter:blur(22px); }
.sentinel-client .xas-da-react-aside .xas-da-section-head { min-height:76px; padding-bottom:14px; }
.sentinel-client .xas-da-react-aside .xas-da-kv-list { padding:0 22px 10px; }
.sentinel-client .xas-da-react-aside .xas-da-kv-list > div { min-height:49px; align-items:center; padding:11px 0; font-size:15px; }
.sentinel-client .xas-da-react-aside .xas-da-kv-list dt { color:var(--sr-copy); }
.sentinel-client .xas-da-react-aside .xas-da-kv-list dd { font-size:15px; font-weight:550; }
.sentinel-client .xas-da-subscription-section footer { padding:2px 22px 20px; }
.sentinel-client .xas-da-subscription-section footer a { color:#d32f2f; font-size:14px; }
.sentinel-client .xas-da-readonly-toggle { display:inline-flex; width:43px; height:24px; align-items:center; padding:2px; border-radius:999px; background:#d5d7d4; }
.sentinel-client .xas-da-readonly-toggle i { display:block; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.18); }
.sentinel-client .xas-da-readonly-toggle.is-on { justify-content:flex-end; background:#171717; }

/* Domain portfolio and domain detail */
.plugin-domainsclient-client_main-index .sentinel-content > .row > .col-md-12,
.plugin-support_managerclient-client_tickets-index .sentinel-content > .row > .col-md-12,
.client-client_invoices-index .sentinel-content > .row > .col-md-12,
.client-client_transactions-index .sentinel-content > .row > .col-md-12,
.client-client_main-edit .sentinel-content > .row > .col-md-12 { flex:0 0 100%; max-width:100%; }
.plugin-domainsclient-client_main-index .card:first-child,
.plugin-support_managerclient-client_tickets-index .card:first-child,
.client-client_invoices-index .card:first-child,
.client-client_transactions-index .card:first-child { overflow:hidden; }
.sentinel-domain-title { min-height:86px; align-items:flex-end; }
.sentinel-domain-title h1 { font-size:39px; font-weight:500; }
.sentinel-domain-grid { grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr); gap:18px; }
.sentinel-domain-card > header { min-height:78px; padding:18px 22px; border-color:var(--sr-line); }
.sentinel-domain-check-row { min-height:92px; padding:17px 22px; border-color:var(--sr-line); }
.sentinel-domain-mark { width:46px; height:46px; border-color:var(--sr-line-light); border-radius:14px; background:rgba(255,255,255,.66); }
.sentinel-domain-identity dl { padding:9px 22px 5px; }
.sentinel-domain-action { min-height:42px; border-radius:12px; }
.sentinel-domain-details dl > div { padding:19px 22px; border-color:var(--sr-line); }
.sentinel-domain-react .sentinel-domain-title { min-height:118px; }
.sentinel-domain-react .sentinel-domain-title p { margin:8px 0 0; color:var(--sr-copy); font-size:14px; }
.sentinel-domain-react-grid { display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:16px; align-items:start; }
.sentinel-domain-status-panel { min-height:560px; overflow:hidden; }
.sentinel-domain-status-panel > header p { margin:5px 0 0; color:var(--sr-muted); font-size:12.5px; }
.sentinel-domain-status-grid { display:grid; padding:0 22px 20px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.sentinel-domain-status-grid article { min-height:116px; padding:16px; border:1px solid rgba(255,255,255,.7); border-radius:17px; background:rgba(255,255,255,.35); }
.sentinel-domain-status-grid span,.sentinel-domain-status-grid strong,.sentinel-domain-status-grid small { display:block; }
.sentinel-domain-status-grid span { color:var(--sr-muted); font-size:10.5px; font-weight:650; text-transform:uppercase; }
.sentinel-domain-status-grid strong { margin-top:14px; font-size:14px; }
.sentinel-domain-status-grid strong i { margin-right:6px; color:var(--sr-green); font-size:10px; }
.sentinel-domain-status-grid small { margin-top:5px; color:var(--sr-muted); font-size:10.5px; }
.sentinel-domain-action-grid { display:grid; padding:0 22px 22px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.sentinel-domain-action-grid > div { display:flex; min-height:100px; padding:16px; gap:13px; align-items:flex-start; border:1px solid rgba(255,255,255,.7); border-radius:17px; background:rgba(255,255,255,.3); }
.sentinel-domain-action-grid > div > i { display:grid; width:38px; height:38px; flex:0 0 auto; place-items:center; border-radius:11px; background:rgba(255,255,255,.68); color:var(--sr-purple); }
.sentinel-domain-action-grid strong,.sentinel-domain-action-grid small { display:block; }
.sentinel-domain-action-grid strong { font-size:13.5px; }
.sentinel-domain-action-grid small { margin-top:5px; color:var(--sr-muted); font-size:11px; line-height:1.45; }
.sentinel-domain-react-aside { display:grid; gap:16px; }
.sentinel-domain-facts { overflow:hidden; }
.sentinel-domain-facts > header { min-height:66px; }
.sentinel-domain-facts > header h2 { margin:0; font-size:16px; }
.sentinel-domain-facts dl { padding:0 20px 8px; margin:0; }
.sentinel-domain-facts dl > div { display:flex; min-height:53px; gap:12px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--sr-line); }
.sentinel-domain-facts dl > div:last-child { border-bottom:0; }
.sentinel-domain-facts dt { color:var(--sr-muted); font-weight:450; }
.sentinel-domain-facts dd { margin:0; font-weight:550; text-align:right; }
.sentinel-domain-facts footer { padding:0 20px 20px; }
.sentinel-domain-facts .sentinel-domain-action { width:100%; justify-content:center; }
.sentinel-domain-react .xas-readonly-toggle { display:inline-flex; width:40px; height:23px; padding:3px; align-items:center; border:1px solid rgba(23,23,23,.1); border-radius:999px; background:rgba(255,255,255,.58); }
.sentinel-domain-react .xas-readonly-toggle i { width:17px; height:17px; border-radius:50%; background:#c9cdc6; }
.sentinel-domain-react .xas-readonly-toggle.is-on { justify-content:flex-end; background:#171717; }
.sentinel-domain-react .xas-readonly-toggle.is-on i { background:#fff; }
.sentinel-domain-provider-content { margin-top:16px; }
.sentinel-domain-cancel { padding:20px 3px 0; }
.sentinel-domain-cancel a { color:#ca3030; font-size:12.5px; }

/* Support, finance and account pages keep Blesta actions but use the React surfaces. */
.plugin-support_managerclient-client_tickets-reply .sentinel-content > .row > .col-md-12 { flex:0 0 100%; max-width:100%; }
.sentinel-client.plugin-support_managerclient-client_tickets-index .card.card-blesta,
.sentinel-client.plugin-support_managerclient-client_tickets-reply .card.card-blesta,
.sentinel-client.plugin-domainsclient-client_main-index .card.card-blesta { overflow:hidden; border:1px solid var(--sr-line-light) !important; border-radius:24px !important; background:var(--sr-surface) !important; box-shadow:var(--sr-glass-shadow) !important; backdrop-filter:blur(22px) saturate(140%); -webkit-backdrop-filter:blur(22px) saturate(140%); }
.plugin-support_managerclient-client_tickets-reply .card.card-blesta { overflow:visible; }
.plugin-support_managerclient-client_tickets-reply .card.p-3.mb-3.bg-light { margin:12px 0 !important; border-color:var(--sr-line-light) !important; border-radius:18px !important; background:rgba(255,255,255,.48) !important; box-shadow:none; }
.plugin-support_managerclient-client_tickets-reply .toastui-editor-defaultUI { overflow:hidden; border-color:rgba(23,23,23,.12); border-radius:16px; }
.plugin-support_managerclient-client_tickets-reply .toastui-editor-toolbar { background:rgba(255,255,255,.55); }
.plugin-support_managerclient-client_tickets-reply .card.card-blesta > .card-header { font-size:18px; font-weight:550; }
.plugin-support_managerclient-client_tickets-reply .card.card-blesta > .card-content > .card-body { display:flex; padding:18px 22px 24px; flex-direction:column; }
.plugin-support_managerclient-client_tickets-reply .card.card-blesta > .card-content > .card-body > .card.bg-light { order:1; }
.plugin-support_managerclient-client_tickets-reply .card.card-blesta > .card-content > .card-body > hr { order:5; border-color:var(--sr-line); }
.plugin-support_managerclient-client_tickets-reply .card.card-blesta > .card-content > .card-body > .alert { order:8; }
.plugin-support_managerclient-client_tickets-reply .card.card-blesta > .card-content > .card-body > .ticket-reply { order:10; }
.plugin-support_managerclient-client_tickets-reply .card.card-blesta > .card-content > .card-body > form.dropzone { order:20; margin-top:22px; }
.plugin-support_managerclient-client_tickets-reply .card.card-blesta > .card-content > .card-body > .form-group,
.plugin-support_managerclient-client_tickets-reply .card.card-blesta > .card-content > .card-body > .clearfix { order:21; }
.plugin-support_managerclient-client_tickets-reply .ticket-reply { position:relative; display:grid; width:100%; max-width:900px; padding:0; margin:18px 0 0; grid-template-columns:48px minmax(0,1fr); gap:10px 13px; border:0; }
.plugin-support_managerclient-client_tickets-reply .ticket-reply .top-bar { grid-column:2; padding:0; background:transparent; color:var(--sr-muted); }
.plugin-support_managerclient-client_tickets-reply .ticket-reply .top-bar p { margin:0; font-size:10.5px; }
.plugin-support_managerclient-client_tickets-reply .ticket-reply .replier { width:auto; max-width:none; padding:0; grid-row:1 / span 2; }
.plugin-support_managerclient-client_tickets-reply .ticket-reply .replier img { width:44px !important; height:44px; border:1px solid rgba(255,255,255,.78); border-radius:13px; background:rgba(255,255,255,.55); object-fit:cover; }
.plugin-support_managerclient-client_tickets-reply .ticket-reply .replier p { display:none; }
.plugin-support_managerclient-client_tickets-reply .ticket-reply .response { width:fit-content; max-width:min(780px,100%); padding:13px 15px; border:1px solid rgba(255,255,255,.72); border-radius:5px 17px 17px; background:rgba(255,255,255,.58); box-shadow:0 14px 32px -28px rgba(0,0,0,.32); font-size:13px; line-height:1.55; }
.plugin-support_managerclient-client_tickets-reply .ticket-reply .response p:last-child { margin-bottom:0; }
.plugin-support_managerclient-client_tickets-reply .ticket-reply:has(.top-bar:not(.staff-reply)) { margin-left:auto; grid-template-columns:minmax(0,1fr) 48px; }
.plugin-support_managerclient-client_tickets-reply .ticket-reply:has(.top-bar:not(.staff-reply)) .top-bar { grid-column:1; text-align:right; }
.plugin-support_managerclient-client_tickets-reply .ticket-reply:has(.top-bar:not(.staff-reply)) .replier { grid-column:2; }
.plugin-support_managerclient-client_tickets-reply .ticket-reply:has(.top-bar:not(.staff-reply)) .response { grid-column:1; margin-left:auto; border-color:#171717; border-radius:17px 5px 17px 17px; background:#171717; color:#fff; }
.plugin-support_managerclient-client_tickets-reply form.dropzone { padding:14px; border:1px solid rgba(255,255,255,.72); border-radius:18px; background:rgba(255,255,255,.36); }
.plugin-support_managerclient-client_tickets-reply .dropzone .dz-message { border-radius:13px; }

/* Support Manager presentation layer. Vendor forms and actions remain intact;
 * Sentinel only supplies hierarchy, spacing and responsive composition. */
.plugin-support_managerclient-client_tickets-add .sentinel-page-heading { min-height:124px; }
.sentinel-support-heading-copy { max-width:680px; margin:9px 0 0; color:var(--sr-copy); font-size:16px; }
.plugin-support_managerclient-client_tickets-add .sentinel-section-tabs { margin-bottom:22px; }
.plugin-support_managerclient-client_tickets-add .sentinel-content > .row > .col-md-12 { flex:0 0 100%; max-width:100%; }
.plugin-support_managerclient-client_tickets-add #client_tickets,
.plugin-support_managerclient-client_tickets-add #open-ticket { width:min(100%,1120px); margin:0 auto; overflow:hidden; border:1px solid rgba(23,23,23,.085) !important; border-radius:24px !important; background:rgba(255,255,255,.7) !important; box-shadow:var(--sr-glass-shadow) !important; }
.plugin-support_managerclient-client_tickets-add #client_tickets > .card-header,
.plugin-support_managerclient-client_tickets-add #open-ticket > .card-header { min-height:82px; padding:24px 28px; border-bottom:1px solid var(--sr-line); background:transparent; color:var(--sr-ink); font-size:23px; font-weight:600; }
.plugin-support_managerclient-client_tickets-add #client_tickets > .card-content > .card-body,
.plugin-support_managerclient-client_tickets-add #open-ticket > .card-content > .card-body { padding:24px 28px 30px; }
.plugin-support_managerclient-client_tickets-add #client_tickets .card-body > .row { margin:-7px; }
.plugin-support_managerclient-client_tickets-add #client_tickets .card-body > .row > [class*="col-"] { padding:7px; }
.plugin-support_managerclient-client_tickets-add #client_tickets .list-group { margin:0 !important; }
.plugin-support_managerclient-client_tickets-add #client_tickets .list-group-item { position:relative; min-height:132px; padding:22px !important; border:1px solid rgba(23,23,23,.09); border-radius:18px; background:rgba(255,255,255,.68); color:var(--sr-ink); box-shadow:0 16px 36px -34px rgba(0,0,0,.46); }
.plugin-support_managerclient-client_tickets-add #client_tickets .list-group-item::after { position:absolute; right:22px; top:50%; color:var(--sr-purple); content:"\f061"; font-family:"Font Awesome 5 Free"; font-size:13px; font-weight:900; transform:translateY(-50%); }
.plugin-support_managerclient-client_tickets-add #client_tickets .list-group-item:hover { border-color:rgba(91,53,229,.22); background:#fff; transform:translateY(-2px); }
.plugin-support_managerclient-client_tickets-add #client_tickets .list-group-item h4 { padding:0 !important; margin:0 44px 8px 0; color:var(--sr-ink); font-size:19px; font-weight:600; }
.plugin-support_managerclient-client_tickets-add #client_tickets .list-group-item p { max-width:520px; margin:0; color:var(--sr-copy); font-size:14.5px; line-height:1.55; }
.plugin-support_managerclient-client_tickets-add #open-ticket #create_ticket { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.plugin-support_managerclient-client_tickets-add #open-ticket #create_ticket > .form-group { min-width:0; margin:0; }
.plugin-support_managerclient-client_tickets-add #open-ticket #create_ticket > .form-group:has(#summary),
.plugin-support_managerclient-client_tickets-add #open-ticket #create_ticket > .form-group:has(#details),
.plugin-support_managerclient-client_tickets-add #open-ticket #create_ticket > .form-group:has(.dz-message),
.plugin-support_managerclient-client_tickets-add #open-ticket #create_ticket > .clearfix,
.plugin-support_managerclient-client_tickets-add #open-ticket #create_ticket > .custom_fields { grid-column:1 / -1; }
.plugin-support_managerclient-client_tickets-add #open-ticket label { margin-bottom:8px; color:#3f443d; font-size:14px; font-weight:600; }
.plugin-support_managerclient-client_tickets-add #open-ticket .form-control { min-height:48px; padding:0 14px; border:1px solid rgba(23,23,23,.12); border-radius:13px; background:rgba(255,255,255,.82); color:var(--sr-ink); font-size:15px; box-shadow:none; }
.plugin-support_managerclient-client_tickets-add #open-ticket .form-control:focus { border-color:rgba(91,53,229,.42); box-shadow:0 0 0 4px rgba(91,53,229,.09); }
.plugin-support_managerclient-client_tickets-add #open-ticket .toastui-editor-defaultUI { overflow:hidden; border:1px solid rgba(23,23,23,.12); border-radius:16px; background:#fff; }
.plugin-support_managerclient-client_tickets-add #open-ticket .toastui-editor-toolbar { background:#f6f7f4; }
.plugin-support_managerclient-client_tickets-add #open-ticket .dropzone .dz-message { min-height:86px; padding:24px; border:1px dashed rgba(23,23,23,.18); border-radius:15px; background:rgba(255,255,255,.55); color:var(--sr-copy); font-size:14px; }
.plugin-support_managerclient-client_tickets-add #open-ticket .btn-group.float-right { display:flex; width:100%; justify-content:flex-end; }
.plugin-support_managerclient-client_tickets-add #open-ticket .btn-group.float-right .btn { min-height:46px; padding:0 18px; border-color:#171717; border-radius:13px; background:#171717; color:#fff; font-size:14px; font-weight:600; }

.plugin-support_managerclient-client_tickets-reply .sentinel-page-heading { display:none; }
.plugin-support_managerclient-client_tickets-reply .sentinel-section-tabs { margin:12px 0 22px; }
.plugin-support_managerclient-client_tickets-reply #client_ticket_reply { border:1px solid rgba(23,23,23,.085) !important; background:rgba(255,255,255,.68) !important; }
.plugin-support_managerclient-client_tickets-reply #client_ticket_reply > .sentinel-ticket-number { min-height:48px; padding:22px 28px 0; border:0; background:transparent; color:var(--sr-muted); font-size:11.5px; font-weight:700; text-transform:uppercase; }
.plugin-support_managerclient-client_tickets-reply #client_ticket_reply > .card-content > .card-body { padding:0 28px 30px; }
.plugin-support_managerclient-client_tickets-reply .sentinel-ticket-summary { padding:0 0 24px !important; margin:0 !important; border:0 !important; border-bottom:1px solid var(--sr-line) !important; border-radius:0 !important; background:transparent !important; }
.plugin-support_managerclient-client_tickets-reply .sentinel-ticket-summary > .row { display:grid; margin:0; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.plugin-support_managerclient-client_tickets-reply .sentinel-ticket-summary > .row > .col-md-12 { padding:0; grid-column:1 / -1; }
.plugin-support_managerclient-client_tickets-reply .sentinel-ticket-summary > .row > .col-md-12 > label,
.plugin-support_managerclient-client_tickets-reply .sentinel-ticket-summary hr { display:none; }
.plugin-support_managerclient-client_tickets-reply .sentinel-ticket-subject { margin:0 0 25px !important; color:var(--sr-ink); font-size:40px; font-weight:520; line-height:1.12; }
.plugin-support_managerclient-client_tickets-reply .sentinel-ticket-summary > .row > .col-md-3 { width:auto; max-width:none; padding:15px 16px; border:1px solid rgba(23,23,23,.08); border-radius:15px; background:rgba(255,255,255,.58); }
.plugin-support_managerclient-client_tickets-reply .sentinel-ticket-summary .col-md-3 label { display:block; margin:0 0 7px; color:var(--sr-muted); font-size:10.5px; font-weight:700; text-transform:uppercase; }
.plugin-support_managerclient-client_tickets-reply .sentinel-ticket-summary .col-md-3 p { margin:0; overflow-wrap:anywhere; color:var(--sr-ink); font-size:13px; font-weight:550; }
.plugin-support_managerclient-client_tickets-reply .card.card-blesta > .card-content > .card-body > .alert { margin:22px 0 4px; border:0; border-radius:13px; background:rgba(91,53,229,.08); color:#4e36a8; font-size:13px; }
.plugin-support_managerclient-client_tickets-reply .card.card-blesta > .card-content > .card-body > .col-md-12.marbot10 { order:8; width:100%; max-width:none; padding:13px 16px; margin:22px 0 0; border:1px solid rgba(91,53,229,.1); border-radius:13px; background:rgba(91,53,229,.07); color:#5943a8; font-size:13px; }
.plugin-support_managerclient-client_tickets-reply .card.card-blesta > .card-content > .card-body > .col-md-12.marbot10 .alert { padding:0; margin:0; border:0; background:transparent; color:inherit; }
.plugin-support_managerclient-client_tickets-reply .ticket-reply { max-width:980px; margin-top:22px; }
.plugin-support_managerclient-client_tickets-reply .ticket-reply .top-bar p { font-size:12px; }
.plugin-support_managerclient-client_tickets-reply .ticket-reply .response { padding:15px 17px; border-color:rgba(23,23,23,.09); background:rgba(255,255,255,.82); font-size:15px; line-height:1.6; }
.plugin-support_managerclient-client_tickets-reply form.dropzone { padding:20px; margin-top:30px !important; border-color:rgba(23,23,23,.09); background:rgba(255,255,255,.7); }
.plugin-support_managerclient-client_tickets-reply form.dropzone > .form-group:first-of-type > label { display:block; margin-bottom:10px; color:var(--sr-ink); font-size:18px; font-weight:600; }
.plugin-support_managerclient-client_tickets-reply .toastui-editor-defaultUI { background:#fff; }
.plugin-support_managerclient-client_tickets-reply .dropzone .dz-message { min-height:74px; padding:20px; border:1px dashed rgba(23,23,23,.18); background:rgba(255,255,255,.6); color:var(--sr-copy); }
.plugin-support_managerclient-client_tickets-reply .btn-group.float-right .btn { min-height:44px; padding:0 16px; border-radius:12px; font-size:14px; font-weight:600; }
.plugin-support_managerclient-client_tickets-reply .btn-group.float-right .btn-light { border-color:#171717; background:#171717; color:#fff; }
.plugin-support_managerclient-client_tickets-reply .btn-group.float-right .btn-danger { border-color:#f1d2d0; background:#fff2f1; color:#a72925; }

/* Product workspaces favor task clarity over dashboard decoration. */
.sentinel-service-manage-page { padding-top:12px; }
.sentinel-hosting-detail-heading { min-height:106px; margin-bottom:12px; }
.sentinel-hosting-detail-title .sentinel-service-kicker { margin-bottom:7px; font-size:10.5px; letter-spacing:.13em; }
.sentinel-hosting-detail-title h1 { font-size:31px; font-weight:600; }
.sentinel-hosting-detail-title p { margin-top:7px; font-size:13.5px; }
.sentinel-hosting-detail-actions .sentinel-service-status { min-height:32px; padding:0 10px; font-size:12px; }
.sentinel-hosting-action { min-height:36px; padding:0 12px; border-color:rgba(23,23,23,.12); border-radius:9px; background:#fff; box-shadow:none; font-size:12.5px; }
.sentinel-domain-detail-heading { min-height:106px; margin-bottom:12px; }
.sentinel-domain-detail-heading h1 { font-size:31px; font-weight:600; }
.sentinel-domain-detail-heading p { margin-top:7px; font-size:13.5px; }
.sentinel-service-workspace.is-xas-directadmin .sentinel-context-sidebar,.sentinel-service-workspace.is-domain-service .sentinel-context-sidebar { padding:5px; border:1px solid rgba(23,23,23,.09); border-radius:12px; background:#fff; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.sentinel-control-group-link { min-height:40px; border-radius:8px; font-size:12.5px; }
.sentinel-control-subnav { margin-top:3px; }
.sentinel-client .xas-da-page-title { margin:16px 0 12px; }
.sentinel-client .xas-da-page-title h1 { font-size:26px; font-weight:600; }
.sentinel-client .xas-da-section { border-color:rgba(23,23,23,.09); border-radius:14px; background:#fff; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.sentinel-client .xas-da-section-head { min-height:66px; padding:15px 18px 10px; }
.sentinel-client .xas-da-section h3 { font-size:16px; font-weight:600; }
.sentinel-client .xas-da-section-head p { font-size:12.5px; }
.sentinel-client .xas-da-react-overview { grid-template-columns:minmax(0,1fr) 310px; gap:12px; }
.sentinel-client .xas-da-actions-section .xas-da-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); padding:6px 18px 18px; gap:8px; }
.sentinel-client .xas-da-actions-section .xas-da-quick { display:grid; min-height:76px; padding:11px 12px; grid-template-columns:34px minmax(0,1fr) auto; gap:10px; align-items:center; border-color:rgba(23,23,23,.08); border-radius:10px; background:#fafafa; }
.sentinel-client .xas-da-actions-section .xas-da-quick > span:nth-child(2) { min-height:0; margin-top:0; }
.sentinel-client .xas-da-actions-section .xas-da-quick strong { font-size:13px; }
.sentinel-client .xas-da-actions-section .xas-da-quick small { display:none; }
.sentinel-client .xas-da-quick-open { margin-top:0; font-size:11.5px; }
.sentinel-client .xas-da-metric,.sentinel-client .xas-da-usage-section .xas-da-metric { box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.sentinel-domain-summary { display:flex; min-height:96px; padding:16px 18px; gap:20px; align-items:center; justify-content:space-between; border:1px solid rgba(23,23,23,.09); border-radius:14px; background:#fff; }
.sentinel-domain-summary dl { display:grid; min-width:0; flex:1; margin:0; grid-template-columns:repeat(4,minmax(120px,1fr)); }
.sentinel-domain-summary dl > div { min-width:0; padding:2px 18px; border-left:1px solid rgba(23,23,23,.075); }
.sentinel-domain-summary dl > div:first-child { padding-left:0; border-left:0; }
.sentinel-domain-summary dt { color:var(--sr-muted); font-size:10.5px; font-weight:650; text-transform:uppercase; }
.sentinel-domain-summary dd { margin:7px 0 0; color:var(--sr-ink); font-size:13.5px; font-weight:600; }
.sentinel-domain-summary dd small { color:var(--sr-muted); font-size:10.5px; font-weight:450; }
.sentinel-domain-summary-status { display:inline-flex; align-items:center; gap:7px; color:#177b45; }
.sentinel-domain-summary-status i { width:6px; height:6px; border-radius:50%; background:currentColor; }
.sentinel-domain-provider-content { margin-top:12px; border:1px solid rgba(23,23,23,.09); border-radius:14px; background:#fff; }

/* Match React's Framer Motion route entrance while keeping the shell fixed. */
::view-transition-group(sentinel-header),
::view-transition-old(sentinel-header),
::view-transition-new(sentinel-header) { animation:none; }
::view-transition-image-pair(root) { isolation:auto; }
::view-transition-old(root),
::view-transition-new(root) { mix-blend-mode:normal; }
::view-transition-old(root) { animation:sentinel-content-out 220ms ease-out both; }
::view-transition-new(root) { animation:sentinel-content-in 450ms cubic-bezier(.22,1,.36,1) both; }
@keyframes sentinel-content-out { from { opacity:1; } to { opacity:0; } }
@keyframes sentinel-content-in {
    from { opacity:0; transform:translate3d(0,8px,0); }
    to { opacity:1; transform:translate3d(0,0,0); }
}
@media (prefers-reduced-motion:no-preference) {
    .sentinel-app .sentinel-page-heading,
    .sentinel-app .sentinel-section-tabs,
    .sentinel-app .sentinel-content > .row > * {
        animation:sentinel-element-in 450ms cubic-bezier(.22,1,.36,1) both;
    }
    .sentinel-app .sentinel-section-tabs { animation-delay:25ms; }
    .sentinel-app .sentinel-content > .row > * { animation-delay:45ms; }
}
@keyframes sentinel-element-in {
    from { opacity:0; transform:translate3d(0,8px,0); }
    to { opacity:1; transform:translate3d(0,0,0); }
}
.client-client_main-edit .card { overflow:hidden; }
.client-client_main-edit .card table td:first-child { width:34%; color:var(--sr-copy); }
.client-client_main-edit #avatar_preview img { width:92px !important; height:92px !important; border:2px solid rgba(255,255,255,.78); border-radius:22px; object-fit:cover; box-shadow:0 18px 36px -24px rgba(0,0,0,.34); }
.client-client_accounts-add .sentinel-content > .row { align-items:start; }
.client-client_accounts-add .sentinel-content > .row > .col-md-3 { flex:0 0 260px; max-width:260px; }
.client-client_accounts-add .sentinel-content > .row > .col-md-9 { flex:1 1 0; max-width:none; }

/* Full-width file manager remains edge-to-edge inside the service workspace. */
body.xas-da-files-page .sentinel-page,body.xas-da-files-page .sentinel-service-manage-page { width:100%; }
body.xas-da-files-page .sentinel-context-sidebar { border-radius:0; backdrop-filter:none; }

@media (max-width:1360px) {
    .sentinel-header { padding:0 32px; }
    .sentinel-header-brand { min-width:112px; }
    .sentinel-header-nav { margin:0; }
    .sentinel-header-nav > a { width:42px; padding:0; justify-content:center; }
    .sentinel-header-nav > a > .sentinel-nav-label { display:none; }
    .sentinel-header-nav > a > .sentinel-nav-badge { position:absolute; top:-4px; right:-4px; display:grid; }
    .sentinel-header-nav > a { position:relative; }
    .sentinel-profile-copy { display:none !important; }
    .sentinel-dashboard-secondary-grid { grid-template-columns:1fr 1fr; }
    .sentinel-quick-panel { grid-column:1 / -1; }
    .sentinel-quick-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; }
}

@media (max-width:980px) {
    .sentinel-wallet-chip { display:none; }
    .sentinel-dashboard-intro { grid-template-columns:82px minmax(0,1fr); }
    .sentinel-dashboard-avatar { width:82px; height:82px; border-radius:22px; }
    .sentinel-dashboard-avatar img { border-radius:20px; }
    .sentinel-dashboard-actions { grid-column:1 / -1; }
    .sentinel-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sentinel-dashboard-primary-grid,.sentinel-domain-grid,.sentinel-domain-react-grid { grid-template-columns:1fr; }
    .sentinel-client .xas-da-react-overview { grid-template-columns:1fr; }
    .sentinel-client .xas-da-actions-section .xas-da-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sentinel-domain-summary { align-items:stretch; flex-direction:column; }
    .sentinel-domain-summary dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sentinel-domain-summary dl > div:nth-child(3) { padding-left:0; border-left:0; }
    .plugin-support_managerclient-client_tickets-reply .sentinel-ticket-summary > .row { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .plugin-support_managerclient-client_tickets-reply .sentinel-ticket-summary > .row > .col-md-3:last-child { grid-column:1 / -1; }
}

@media (max-width:860px) {
    .sentinel-header { display:flex; height:70px; padding:0 15px; }
    .sentinel-app-body,.sentinel-client.sentinel-has-context .sentinel-app-body { padding-top:70px; }
    .sentinel-sidebar,.sentinel-client.sentinel-has-context .sentinel-sidebar { background:rgba(247,249,245,.96); backdrop-filter:blur(24px); }
    .sentinel-page,.sentinel-service-manage-page,.sentinel-hosting-page { width:calc(100% - 30px); padding-top:26px; }
    .sentinel-service-workspace { display:block; }
    .sentinel-hosting-detail-heading,.sentinel-domain-detail-heading { min-height:0; grid-template-columns:1fr; }
    .sentinel-hosting-detail-actions { margin-top:8px; justify-content:flex-start; }
    .sentinel-context-sidebar { top:70px; border-radius:0 20px 20px 0; background:rgba(247,249,245,.97); }
    .sentinel-service-workspace.is-xas-directadmin .sentinel-context-sidebar,.sentinel-service-workspace.is-domain-service .sentinel-context-sidebar { position:relative; z-index:4; inset:auto; width:100%; height:auto; max-height:none; transform:none; border:1px solid var(--sr-line-light); border-radius:16px; background:rgba(255,255,255,.46); visibility:visible; opacity:1; pointer-events:auto; }
    .sentinel-service-workspace.is-xas-directadmin .sentinel-context-mobile-toggle,.sentinel-service-workspace.is-domain-service .sentinel-context-mobile-toggle { display:none; }
    .sentinel-control-group-link { min-height:42px; padding:0 12px; }
}

@media (max-width:700px) {
    .sentinel-header-brand img { height:25px; }
    .sentinel-profile { padding-right:4px; }
    .sentinel-profile-copy { display:none !important; }
    .sentinel-dashboard-intro { display:grid; min-height:0; grid-template-columns:66px minmax(0,1fr); gap:15px; }
    .sentinel-dashboard-avatar { width:66px; height:66px; border-radius:18px; }
    .sentinel-dashboard-avatar img { border-radius:16px; }
    .sentinel-dashboard-intro h1 { font-size:31px; }
    .sentinel-dashboard-intro p { font-size:13.5px; }
    .sentinel-dashboard-actions { display:grid; grid-template-columns:1fr 1fr; }
    .sentinel-dashboard-actions a { width:auto !important; }
    .sentinel-metrics { gap:10px; }
    .sentinel-metric { min-height:152px; padding:14px; border-radius:18px; }
    .sentinel-metric > strong { margin-top:23px; font-size:21px; }
    .sentinel-dashboard-secondary-grid { grid-template-columns:1fr; }
    .sentinel-quick-panel { grid-column:auto; }
    .sentinel-quick-list { display:block; }
    .sentinel-panel { padding:17px; border-radius:20px; }
    .sentinel-service-feed-card { grid-template-columns:42px minmax(0,1fr) 30px; }
    .sentinel-service-feed-card .sentinel-service-usage { display:none; }
    .sentinel-system-card { min-height:380px; }
    .sentinel-page-heading { min-height:70px; align-items:flex-start; flex-direction:column; }
    .sentinel-page-heading h1,.sentinel-hosting-heading h1 { font-size:32px; }
    .sentinel-section-tabs { width:100%; overflow-x:auto; }
    .sentinel-section-tabs a { flex:0 0 auto; }
    .sentinel-client .card-header { min-height:62px; padding:17px; }
    .sentinel-client .card-body,.sentinel-client .card-content { padding:17px; }
    .sentinel-client table.table th,.sentinel-client table.table td { padding:13px 15px; }
    .sentinel-domain-title h1 { font-size:31px; }
    .sentinel-domain-details dl { grid-template-columns:1fr 1fr; }
    .sentinel-domain-summary { padding:15px; }
    .sentinel-domain-summary dl { grid-template-columns:1fr; }
    .sentinel-domain-summary dl > div,.sentinel-domain-summary dl > div:first-child,.sentinel-domain-summary dl > div:nth-child(3) { padding:11px 0; border-left:0; border-bottom:1px solid rgba(23,23,23,.065); }
    .sentinel-domain-summary dl > div:first-child { padding-top:0; }
    .sentinel-domain-summary dl > div:last-child { padding-bottom:0; border-bottom:0; }
    .sentinel-domain-details dl > div { border-bottom:1px solid var(--sr-line); }
    .sentinel-domain-status-grid,.sentinel-domain-action-grid { grid-template-columns:1fr; }
    .sentinel-client .xas-da-actions-section .xas-da-quick-grid { grid-template-columns:1fr; }
    .sentinel-hosting-detail-title h1 { font-size:32px; }
    .sentinel-hosting-detail-actions { flex-wrap:wrap; }
    .sentinel-client .xas-da-usage-section .xas-da-metrics { grid-template-columns:1fr; }
    .sentinel-client .xas-da-usage-section .xas-da-metric,.sentinel-client .xas-da-usage-section .xas-da-metric + .xas-da-metric { padding:13px 0; border-left:0; border-top:1px solid rgba(23,23,23,.055); }
    .sentinel-client .xas-da-usage-section .xas-da-metric:first-child { border-top:0; }
    .client-client_accounts-add .sentinel-content > .row > .col-md-3,
    .client-client_accounts-add .sentinel-content > .row > .col-md-9 { flex:0 0 100%; max-width:100%; }
    .plugin-support_managerclient-client_tickets-add .sentinel-page-heading { min-height:92px; }
    .plugin-support_managerclient-client_tickets-add #client_tickets,
    .plugin-support_managerclient-client_tickets-add #open-ticket { border-radius:18px !important; }
    .plugin-support_managerclient-client_tickets-add #client_tickets > .card-header,
    .plugin-support_managerclient-client_tickets-add #open-ticket > .card-header { min-height:66px; padding:19px; font-size:20px; }
    .plugin-support_managerclient-client_tickets-add #client_tickets > .card-content > .card-body,
    .plugin-support_managerclient-client_tickets-add #open-ticket > .card-content > .card-body { padding:17px 19px 22px; }
    .plugin-support_managerclient-client_tickets-add #open-ticket #create_ticket { grid-template-columns:1fr; }
    .plugin-support_managerclient-client_tickets-add #open-ticket #create_ticket > * { grid-column:1 !important; }
    .plugin-support_managerclient-client_tickets-reply #client_ticket_reply > .sentinel-ticket-number { padding:18px 19px 0; }
    .plugin-support_managerclient-client_tickets-reply #client_ticket_reply > .card-content > .card-body { padding:0 19px 22px; }
    .plugin-support_managerclient-client_tickets-reply .sentinel-ticket-subject { font-size:31px; }
    .plugin-support_managerclient-client_tickets-reply .sentinel-ticket-summary > .row { grid-template-columns:1fr; }
    .plugin-support_managerclient-client_tickets-reply .sentinel-ticket-summary > .row > .col-md-3 { grid-column:1; }
    .plugin-support_managerclient-client_tickets-reply .ticket-reply,
    .plugin-support_managerclient-client_tickets-reply .ticket-reply:has(.top-bar:not(.staff-reply)) { grid-template-columns:38px minmax(0,1fr); }
    .plugin-support_managerclient-client_tickets-reply .ticket-reply:has(.top-bar:not(.staff-reply)) { grid-template-columns:minmax(0,1fr) 38px; }
    .plugin-support_managerclient-client_tickets-reply .ticket-reply .replier img { width:36px !important; height:36px; border-radius:11px; }
    .plugin-support_managerclient-client_tickets-reply .ticket-reply .response { padding:13px 14px; font-size:14px; }
    .plugin-support_managerclient-client_tickets-reply form.dropzone { padding:14px; }
}

@media (prefers-reduced-motion:reduce) {
    .sentinel-client * { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; }
}

/* Product workspaces — calm, task-first navigation inspired by mature hosting panels. */
html.sentinel-product-route::view-transition-old(root),
html.sentinel-product-route::view-transition-new(root) { animation-duration:120ms; }
.sentinel-client.sentinel-has-context .sentinel-content > .row > *,
.sentinel-client.sentinel-has-context .sentinel-section-tabs { animation:none !important; }
.sentinel-service-manage-page { width:min(100% - 44px,1120px); padding-top:18px; }
.sentinel-hosting-detail-heading,
.sentinel-domain-detail-heading { min-height:94px; margin:0 0 8px; align-items:center; }
.sentinel-product-back { display:inline-flex; margin-bottom:9px; gap:7px; align-items:center; color:#6f746d !important; font-size:11.5px; font-weight:600; }
.sentinel-product-back i { font-size:9px; }
.sentinel-hosting-detail-title h1,
.sentinel-domain-detail-heading h1 { margin:0; font-size:29px; font-weight:620; line-height:1.12; }
.sentinel-hosting-detail-title p,
.sentinel-domain-detail-heading p { margin:6px 0 0; color:#72776f; font-size:12.5px; }
.sentinel-hosting-detail-actions { margin:0; gap:8px; }
.sentinel-hosting-detail-actions .sentinel-service-status,
.sentinel-domain-detail-heading .sentinel-service-status { min-height:31px; padding:0 10px; border:0; background:#eaf7ef; color:#177b45; font-size:11.5px; box-shadow:none; }
.sentinel-hosting-action { min-height:33px; padding:0 11px; border:1px solid rgba(23,23,23,.13); border-radius:8px; background:#fff; color:#262923 !important; font-size:11.5px; box-shadow:none; }
.sentinel-service-workspace.is-xas-directadmin,
.sentinel-service-workspace.is-domain-service { gap:12px; }
.sentinel-service-workspace.is-xas-directadmin .sentinel-context-sidebar,
.sentinel-service-workspace.is-domain-service .sentinel-context-sidebar { padding:0; overflow:hidden; border:0; border-bottom:1px solid rgba(23,23,23,.12); border-radius:0; background:transparent; }
.sentinel-context-sidebar.is-single-item { display:none; }
.sentinel-control-group-nav { gap:24px; overflow-x:auto; }
.sentinel-control-group-link { position:relative; min-height:48px; padding:0 1px; gap:7px; border-radius:0; background:transparent !important; color:#6b7069 !important; font-size:12px; font-weight:600; }
.sentinel-control-group-link:hover { color:#171717 !important; }
.sentinel-control-group-link.is-active { color:#171717 !important; box-shadow:none; }
.sentinel-control-group-link.is-active::after { position:absolute; right:0; bottom:-1px; left:0; height:2px; background:#171717; content:""; }
.sentinel-control-group-link i { color:inherit !important; font-size:10.5px; }
.sentinel-service-stage { min-width:0; }
.sentinel-client .xas-da-manage-head { display:none; }
.sentinel-client .xas-da-overview-v2 { margin-top:0; }

.sentinel-domain-overview-bar,
.sentinel-domain-workspace-main,
.sentinel-domain-subscription { overflow:hidden; border:1px solid rgba(23,23,23,.1); border-radius:12px; background:#fff; }
.sentinel-domain-overview-bar { display:flex; min-height:88px; padding:0 17px; gap:18px; align-items:center; }
.sentinel-domain-overview-bar dl { display:grid; min-width:0; flex:1; margin:0; grid-template-columns:repeat(4,minmax(0,1fr)); }
.sentinel-domain-overview-bar dl > div { min-width:0; padding:4px 16px; border-left:1px solid rgba(23,23,23,.08); }
.sentinel-domain-overview-bar dl > div:first-child { padding-left:0; border-left:0; }
.sentinel-domain-overview-bar dt { color:#7e837b; font-size:10px; font-weight:650; text-transform:uppercase; }
.sentinel-domain-overview-bar dd { margin:7px 0 0; overflow:hidden; color:#20231f; font-size:12.5px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
.sentinel-domain-overview-bar dd small { color:#7e837b; font-size:10px; font-weight:450; }
.sentinel-domain-overview-bar .sentinel-domain-action { display:inline-flex; min-height:34px; padding:0 12px; flex:0 0 auto; align-items:center; justify-content:center; border:1px solid #171717; border-radius:8px; background:#171717; color:#fff !important; font-size:11.5px; font-weight:600; }
.sentinel-domain-workspace { display:grid; margin-top:12px; grid-template-columns:minmax(0,1fr) 300px; gap:12px; align-items:start; }
.sentinel-domain-workspace-main > header,
.sentinel-domain-subscription > header { min-height:66px; padding:14px 17px; border-bottom:1px solid rgba(23,23,23,.08); }
.sentinel-domain-workspace h2 { margin:0; color:#20231f; font-size:15.5px; font-weight:650; }
.sentinel-domain-workspace header p { margin:4px 0 0; color:#787d75; font-size:11.5px; }
.sentinel-domain-provider-content { margin:0; border:0; border-radius:0; background:transparent; }
.sentinel-domain-unavailable { display:grid; min-height:154px; padding:24px 18px; grid-template-columns:36px minmax(0,1fr); align-content:center; gap:13px; }
.sentinel-domain-unavailable > span { display:grid; width:34px; height:34px; place-items:center; border-radius:50%; background:#f0f1ef; color:#686e66; font-size:11px; }
.sentinel-domain-unavailable strong { display:block; color:#292c27; font-size:13px; }
.sentinel-domain-unavailable p { max-width:520px; margin:6px 0 0; color:#777c74; font-size:12px; line-height:1.55; }
.sentinel-domain-subscription dl { padding:0 17px; margin:0; }
.sentinel-domain-subscription dl > div { display:flex; min-height:48px; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid rgba(23,23,23,.075); }
.sentinel-domain-subscription dl > div:last-child { border-bottom:0; }
.sentinel-domain-subscription dt { color:#777c74; font-size:11.5px; font-weight:450; }
.sentinel-domain-subscription dd { max-width:56%; margin:0; overflow-wrap:anywhere; color:#20231f; font-size:11.5px; font-weight:600; text-align:right; }
.sentinel-domain-subscription footer { padding:13px 17px; border-top:1px solid rgba(23,23,23,.08); }
.sentinel-domain-subscription footer a { color:#a32b2b; font-size:11.5px; }

@media (max-width:860px) {
    .sentinel-service-manage-page { width:calc(100% - 30px); padding-top:14px; }
    .sentinel-hosting-detail-heading,.sentinel-domain-detail-heading { min-height:82px; }
    .sentinel-control-group-nav { gap:19px; }
}
@media (max-width:760px) {
    .sentinel-domain-workspace { grid-template-columns:1fr; }
}
@media (max-width:640px) {
    .sentinel-hosting-detail-heading,.sentinel-domain-detail-heading { align-items:flex-start; }
    .sentinel-hosting-detail-actions,.sentinel-domain-detail-heading > .sentinel-service-status { margin-top:10px; }
    .sentinel-domain-overview-bar { padding:12px 15px; align-items:stretch; flex-direction:column; }
    .sentinel-domain-overview-bar dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sentinel-domain-overview-bar dl > div { padding:10px 12px; }
    .sentinel-domain-overview-bar dl > div:nth-child(3) { padding-left:0; border-left:0; }
    .sentinel-domain-overview-bar .sentinel-domain-action { align-self:flex-start; }
}