:root {
  --portal-ink: #07130e;
  --portal-muted: #718078;
  --portal-line: rgba(7, 19, 14, .1);
  --portal-paper: #f7fbf7;
  --portal-card: rgba(255,255,255,.86);
  --portal-green: #22bd67;
  --portal-deep: #087842;
  --portal-blue: #1594e8;
  --portal-orange: #ff9d38;
  --portal-purple: #7a63f2;
  --portal-pink: #ed4e9b;
  --portal-shadow: 0 22px 70px rgba(8, 58, 33, .12);
}
/* Account preferences are real presentation settings, not display-only
   labels. Keep the accent tokens centralized so every portal page changes
   consistently without replacing brand imagery or content colors. */
html[data-portal-accent="ocean"] {
  --portal-green: #168bd1;
  --portal-deep: #0b5a91;
  --portal-blue: #2468e8;
  --portal-shadow: 0 22px 70px rgba(9, 72, 117, .14);
}
html[data-portal-accent="contrast"] {
  --portal-green: #087b45;
  --portal-deep: #034b2b;
  --portal-muted: #53645a;
  --portal-line: rgba(3, 46, 26, .24);
  --portal-shadow: 0 18px 42px rgba(3, 38, 20, .18);
}
* { box-sizing: border-box; }
body.portal-body { margin: 0; color: var(--portal-ink); background: var(--portal-paper); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
.portal-body a { color: inherit; text-decoration: none; }
.portal-ambient { position: fixed; width: 420px; height: 420px; border-radius: 50%; filter: blur(50px); opacity: .2; pointer-events: none; z-index: -1; }
.portal-ambient-a { background: #8ce6ae; left: -160px; top: 250px; }
.portal-ambient-b { background: #b7d6ff; right: -170px; top: 80px; }
.portal-shell { width: min(1240px, calc(100% - 48px)); margin: 0 auto; }
.portal-header { position: sticky; top: 0; z-index: 40; background: rgba(247,251,247,.88); border-bottom: 1px solid var(--portal-line); backdrop-filter: blur(18px); }
.portal-nav-shell { min-height: 74px; display: flex; align-items: center; gap: 28px; }
.portal-brand img { width: 140px; height: auto; display: block; }
.portal-nav { display: flex; align-items: center; gap: 4px; flex: 1; }
.portal-nav > a, .portal-menu summary { padding: 10px 13px; border-radius: 999px; color: #526159; font-size: 14px; font-weight: 650; cursor: pointer; list-style: none; white-space: nowrap; }
.portal-nav > a:hover, .portal-nav > a.active, .portal-menu[open] summary, .portal-menu.active summary { color: var(--portal-deep); background: #e4f7e9; }
.portal-menu { position: relative; }
.portal-menu summary::-webkit-details-marker { display:none; }
.portal-menu summary span { color: #799086; margin-left: 3px; }
.portal-dropdown { position: absolute; top: calc(100% + 11px); left: 0; min-width: 260px; padding: 10px; background: rgba(255,255,255,.96); border: 1px solid var(--portal-line); border-radius: 18px; box-shadow: var(--portal-shadow); }
.portal-dropdown a { display: block; padding: 11px 13px; border-radius: 12px; }
.portal-dropdown a:hover { background: #eefaf0; }
.portal-dropdown strong, .portal-dropdown small { display:block; }
.portal-dropdown strong { font-size: 14px; }
.portal-dropdown small { color: var(--portal-muted); font-size: 12px; margin-top: 3px; line-height: 1.4; }
.portal-actions { display:flex; align-items:center; gap: 9px; }
.portal-icon { width: 36px; height: 36px; display:grid; place-items:center; border-radius:50%; color:#47564d; font-size:22px; }
.portal-icon:hover { background:#e9f6ec; color:var(--portal-deep); }
.portal-notification-link { position:relative; }
.portal-notification-symbol { line-height:1; }
.portal-notification-badge { position:absolute; top:-2px; right:-3px; min-width:16px; height:16px; padding:0 4px; display:grid; place-items:center; border:2px solid var(--portal-paper); border-radius:999px; background:#ed4e6f; color:#fff; font-size:9px; font-weight:900; line-height:1; }
.portal-publish, .portal-primary { border: 0; cursor:pointer; font-weight: 800; color:#fff; background:var(--portal-ink); border-radius:999px; padding: 11px 17px; }
.portal-body a.portal-publish { color:#fff; }
.portal-publish:hover, .portal-primary:hover { background:var(--portal-deep); }
.portal-account { display:flex; align-items:center; gap:8px; padding-left:6px; font-size:13px; font-weight:750; white-space:nowrap; }
.account-avatar { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; overflow:hidden; color:#fff; background:linear-gradient(140deg,#4bd17a,#188c56); font-weight:900; }
.account-avatar img { width:100%; height:100%; display:block; object-fit:cover; }
.portal-mobile-toggle, .portal-mobile-nav { display:none; }
.portal-main { padding: 36px 0 64px; }
.portal-page-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding: 24px 0 20px; }
.portal-kicker { display:inline-block; color:var(--portal-green); font-size:11px; font-weight:900; letter-spacing:.16em; }
.portal-page-hero h1, .portal-section-heading h1 { margin: 8px 0 0; font-size: clamp(30px, 4vw, 52px); line-height:1.04; letter-spacing:-.05em; }
.portal-page-hero p, .portal-section-heading p { max-width: 660px; color:var(--portal-muted); line-height:1.75; margin: 16px 0 0; }
.portal-section-heading { margin-bottom: 28px; }
.portal-section-heading h1 { font-size: clamp(28px,3.5vw,44px); }
.portal-tabs { display:flex; gap:8px; flex-wrap:wrap; margin: 18px 0 25px; }
.portal-tab { border:1px solid var(--portal-line); color:#65726b; background:rgba(255,255,255,.7); border-radius:999px; padding:9px 16px; cursor:pointer; font-weight:750; }
.portal-tab.active, .portal-tab:hover { color:#fff; border-color:var(--portal-green); background:var(--portal-green); }
.portal-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:start; }
.portal-layout.single { display:block; }
.portal-surface, .portal-side-card { background:var(--portal-card); border:1px solid var(--portal-line); border-radius:25px; box-shadow:0 10px 40px rgba(8,58,33,.05); }
.portal-surface { padding: 24px; }
.portal-side-card { padding:20px; margin-bottom:16px; }
.portal-side-card h3 { margin:0 0 12px; font-size:16px; }
.portal-side-card p, .portal-side-card li { color:var(--portal-muted); font-size:13px; line-height:1.65; }
.portal-side-card ul { margin:0; padding-left:18px; }
.portal-side-link { display:flex; justify-content:space-between; padding:11px 0; border-top:1px solid var(--portal-line); color:#4d5b53; font-weight:700; font-size:13px; }
.portal-side-link:first-of-type { border-top:0; }
.portal-side-link:hover { color:var(--portal-deep); }
.portal-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.portal-feed-card { overflow:hidden; background:rgba(255,255,255,.9); border:1px solid var(--portal-line); border-radius:22px; box-shadow:0 8px 28px rgba(8,58,33,.06); }
.portal-feed-card .card-body { padding:17px; }
.portal-author { display:flex; align-items:center; gap:10px; margin-bottom:13px; }
.portal-avatar { width:38px; height:38px; border-radius:14px; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#bff5cb,#3ecf79); color:#076737; font-weight:900; flex:none; }
.portal-avatar img { display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.portal-author { min-width:0; }
.portal-author > span:not(.portal-avatar):not(.portal-badge) { min-width:0; flex:1 1 auto; }
.portal-author > span:not(.portal-avatar):not(.portal-badge) b,
.portal-author > span:not(.portal-avatar):not(.portal-badge) small { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.portal-author b, .portal-author small { display:block; }
.portal-author b { font-size:14px; }
.portal-author small { color:var(--portal-muted); font-size:11px; margin-top:3px; }
.portal-badge { margin-left:auto; font-size:10px; font-weight:850; color:#986018; background:#fff1d9; border-radius:999px; padding:6px 9px; }
.portal-feed-card h3 { margin: 8px 0 8px; font-size:19px; line-height:1.25; }
.portal-feed-card p { color:#59665e; line-height:1.6; font-size:14px; margin:0; }
.portal-media { width:100%; aspect-ratio: 16/10; background:linear-gradient(135deg,#a8ead6,#f2bd90 55%,#e9778d); overflow:hidden; }
.portal-media video { width:100%; height:100%; object-fit:cover; display:block; background:#07130e; }
.portal-media.image { background:linear-gradient(145deg,#dbf5ea,#8bd8cc 50%,#ffb47b); }
.portal-media.image::after { content:""; display:block; width:54%; height:80%; margin:8% 0 0 28%; border-radius:42% 42% 20% 20%; background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(239,111,123,.75)); transform:rotate(-8deg); }
.portal-media.portal-image-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px; background:#dff3e7; }
.portal-media.portal-image-grid::after { display:none; }
.portal-media.portal-image-grid.count-1 { display:block; }
.portal-media-image { width:100%; height:100%; min-height:0; display:block; object-fit:cover; background:#dff3e7; }
.portal-media.portal-image-grid.count-1 .portal-media-image { aspect-ratio:16/10; }
.portal-media.portal-image-grid.count-3 .portal-media-image:first-child { grid-row:span 2; }
.portal-media.portal-image-grid.count-4 .portal-media-image { aspect-ratio:1/1; }
.portal-card-actions { display:flex; gap:7px; align-items:center; margin-top:16px; padding-top:13px; border-top:1px solid var(--portal-line); }
.portal-card-actions button { border:0; background:none; color:#65736a; cursor:pointer; padding:5px 8px; border-radius:8px; font-size:12px; }
.portal-card-actions button:hover, .portal-card-actions button.active { color:var(--portal-deep); background:#e8f8eb; }
.portal-card-actions button:last-child { margin-left:auto; }
.portal-owner-actions { display:inline-flex; align-items:center; gap:4px; margin-left:auto; }
.portal-owner-actions button { color:var(--portal-muted); }
.portal-owner-actions button:last-child { color:#c93f45; margin-left:0; }
.portal-empty { padding:50px 18px; text-align:center; color:var(--portal-muted); border:1px dashed rgba(8,120,66,.25); border-radius:18px; background:rgba(243,252,245,.8); }
.portal-empty strong, .portal-empty small { display:block; }
.portal-empty strong { color:var(--portal-deep); font-size:18px; margin-bottom:7px; }
.portal-empty small { line-height:1.6; }
.portal-notice { padding:14px 16px; color:#53635a; border-left:4px solid var(--portal-green); background:#edf9ef; border-radius:12px; font-size:13px; line-height:1.6; }
.portal-form { display:grid; gap:15px; }
.portal-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.portal-form label, .portal-auth-dialog label { display:grid; gap:7px; color:#56645b; font-size:13px; font-weight:700; }
.portal-field-hint { display:block; color:var(--portal-muted); font-size:12px; font-weight:500; line-height:1.35; }
.esim-filter-bar { display:flex; align-items:end; gap:10px; flex-wrap:wrap; margin:18px 0 12px; padding:10px; border:1px solid var(--portal-line); border-radius:15px; background:rgba(244,251,246,.72); }
.esim-filter-bar label { min-width:150px; flex:1; }
.esim-filter-bar .esim-filter-search { flex:2; }
.esim-filter-bar button { white-space:nowrap; }
.esim-list-heading { margin:14px 0 10px; }
.esim-list-heading h2, .esim-orders-surface h2 { margin:4px 0 0; font-size:20px; }
.esim-orders-surface { margin-top:16px; }
.esim-order-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 14px; padding:12px 0; border-top:1px solid var(--portal-line); }
.esim-order-row strong, .esim-order-row small { display:block; }
.esim-order-row small { margin-top:4px; color:var(--portal-muted); font-size:11px; }
.esim-order-status { text-align:right; }
.esim-order-status small { white-space:nowrap; }
.esim-order-row > p { grid-column:1/-1; margin:0; }
.esim-sims-surface { margin-top:16px; }
.esim-sim-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 14px; padding:12px 0; border-top:1px solid var(--portal-line); }
.esim-sim-row strong,.esim-sim-row small { display:block; }
.esim-sim-row small { margin-top:4px; color:var(--portal-muted); font-size:11px; }
.esim-sim-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:6px; }
.esim-sim-actions button,.esim-sim-actions a { border:0; background:transparent; color:var(--portal-deep); font-size:11px; font-weight:800; text-decoration:none; cursor:pointer; }
.portal-form input, .portal-form select, .portal-form textarea, .portal-auth-dialog input { width:100%; border:1px solid var(--portal-line); border-radius:12px; padding:12px 13px; color:var(--portal-ink); background:#fff; font:inherit; outline:none; }
.portal-form input:focus, .portal-form select:focus, .portal-form textarea:focus, .portal-auth-dialog input:focus { border-color:var(--portal-green); box-shadow:0 0 0 3px rgba(34,189,103,.12); }
.portal-form textarea { min-height:125px; resize:vertical; }
.portal-button-secondary { border:1px solid var(--portal-line); background:#fff; border-radius:999px; padding:11px 16px; cursor:pointer; font-weight:800; color:#435149; }
.portal-button-secondary:hover { border-color:var(--portal-green); color:var(--portal-deep); }
.portal-action-dialog { width:min(560px,calc(100% - 28px)); border:0; border-radius:26px; padding:30px; color:var(--portal-ink); box-shadow:0 24px 90px rgba(7,19,14,.28); }
.portal-action-dialog::backdrop { background:rgba(7,19,14,.58); backdrop-filter:blur(6px); }
.portal-action-dialog h2 { margin:8px 0 7px; font-size:28px; }
.portal-action-dialog p { color:var(--portal-muted); line-height:1.65; margin:0 0 18px; }
.portal-action-dialog .portal-dialog-close { position:absolute; top:12px; right:15px; border:0; background:transparent; font-size:28px; color:var(--portal-muted); cursor:pointer; }
.portal-action-dialog .portal-form-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:5px; }
.portal-action-dialog .portal-form-note { padding:11px 13px; border-radius:12px; background:#f2f8f4; color:var(--portal-muted); font-size:13px; line-height:1.55; }
.portal-actions-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.portal-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:20px 0; }
.portal-stat { padding:17px; border-radius:18px; background:linear-gradient(145deg,#effbf0,#fff); border:1px solid var(--portal-line); }
.portal-stat:nth-child(2) { background:linear-gradient(145deg,#edf8ff,#fff); }
.portal-stat:nth-child(3) { background:linear-gradient(145deg,#fff4e8,#fff); }
.portal-stat:nth-child(4) { background:linear-gradient(145deg,#f4f0ff,#fff); }
.portal-stat small, .portal-stat strong { display:block; }
.portal-stat small { color:var(--portal-muted); font-size:11px; }
.portal-stat strong { font-size:26px; margin-top:5px; }
.service-status-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.service-status-card { min-width:0; padding:14px; border:1px solid var(--portal-line); border-radius:16px; background:#fff; }
.service-status-card > div { display:flex; align-items:center; gap:7px; min-width:0; }
.service-status-card b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.service-status-card strong, .service-status-card small { display:block; }
.service-status-card strong { margin-top:12px; font-size:17px; }
.service-status-card small { margin-top:4px; color:var(--portal-muted); font-size:10px; line-height:1.45; }
.service-status-next{margin:9px 0 0;padding-top:8px;border-top:1px solid var(--portal-line);color:var(--portal-muted);font-size:10px;line-height:1.45}.service-status-next b{color:var(--portal-deep);font-weight:850}
.service-status-dot { width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:#ee7060; box-shadow:0 0 0 4px #ffebe8; }
.service-status-card.is-ready { background:linear-gradient(145deg,#effbf1,#fff); }
.service-status-card.is-ready .service-status-dot { background:var(--portal-green); box-shadow:0 0 0 4px #dcf8e5; }
.service-status-card.is-ready strong { color:var(--portal-deep); }
.service-status-card.is-closed strong { color:#ad5544; }
button:disabled, input:disabled, select:disabled { cursor:not-allowed !important; opacity:.55; }
.service-action-notice { color:#8d4a3b; border-left-color:#e56c56; background:#fff0ed; }
.portal-table-wrap { overflow:auto; border:1px solid var(--portal-line); border-radius:17px; }
.portal-table { width:100%; min-width:620px; border-collapse:collapse; font-size:13px; }
.portal-table th, .portal-table td { text-align:left; padding:13px 14px; border-bottom:1px solid var(--portal-line); white-space:nowrap; }
.portal-table th { color:#68766d; font-size:11px; text-transform:uppercase; letter-spacing:.08em; background:#f5faf5; }
.portal-table tr:last-child td { border-bottom:0; }
.money-positive { color:#098148; font-weight:850; }.money-negative { color:#d56442; font-weight:850; }
.service-intro { align-items:flex-end; gap:18px; padding:24px 0 18px; }
.service-intro h1 { max-width:720px; margin:6px 0 0; font-size:clamp(30px,4.2vw,52px); }
.service-intro p { max-width:760px; margin:9px 0 0; font-size:12px; line-height:1.55; }
.service-intro .portal-actions-row { flex:0 0 auto; padding-bottom:2px; }
.service-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; margin-top:12px; }
.service-tile { min-height:168px; padding:16px; border-radius:18px; border:1px solid var(--portal-line); display:flex; flex-direction:column; transition:.18s ease; }
.service-tile:hover { transform:translateY(-3px); box-shadow:var(--portal-shadow); }
.service-tile.is-closed { filter:saturate(.72); }
.service-tile:nth-child(1) { background:linear-gradient(145deg,#daf8e5,#fff); }.service-tile:nth-child(2) { background:linear-gradient(145deg,#e1f4ff,#fff); }.service-tile:nth-child(3) { background:linear-gradient(145deg,#fff0e2,#fff); }.service-tile:nth-child(4) { background:linear-gradient(145deg,#eee9ff,#fff); }
.service-tile .tile-icon { font-size:25px; }.service-tile small { color:#65736a; font-size:9px; letter-spacing:.13em; font-weight:900; margin-top:12px; }.service-tile h2 { margin:5px 0 4px; font-size:18px; }.service-tile p { margin:0; color:var(--portal-muted); font-size:11px; line-height:1.45; }.service-tile-status { display:block; width:max-content; max-width:100%; margin-top:9px; padding:4px 7px; border-radius:999px; background:rgba(255,255,255,.72); color:#6b7c71; font-size:9px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.service-tile-status.is-ready { color:#087842; background:#dcf8e5; }.service-tile-status.is-closed { color:#9a5a36; background:#fff0dc; }.service-tile-status.is-pending { color:#6b7c71; }.service-tile-action { margin-top:auto; padding-top:10px; color:var(--portal-deep); font-size:11px; }
.service-principles-surface { margin-top:18px; }.service-principles-actions { margin-top:12px; }
.account-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:20px; }
.account-side { padding:12px; border-radius:22px; background:#fff; border:1px solid var(--portal-line); height:max-content; }
.account-side a { display:block; padding:12px 13px; border-radius:12px; color:#5f6d65; font-weight:750; font-size:13px; }.account-side a.active,.account-side a:hover { color:var(--portal-deep); background:#e8f8eb; }
.profile-hero { display:flex; gap:16px; align-items:center; padding-bottom:20px; border-bottom:1px solid var(--portal-line); }.profile-hero .portal-avatar { width:66px; height:66px; border-radius:22px; font-size:23px; }.profile-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-hero h2 { margin:0; }.profile-hero p { margin:5px 0 0; color:var(--portal-muted); font-size:13px; }
.account-device-row{align-items:center}.account-device-actions{display:flex;align-items:center;gap:7px;flex:none}.device-action-button{border:1px solid var(--portal-line);background:#fff;color:#a14d46;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.device-action-button:hover{border-color:#e29a90;background:#fff2f0}.account-device-actions .status-pill{white-space:nowrap}
.status-pill { display:inline-flex; border-radius:999px; padding:5px 9px; font-size:11px; font-weight:800; background:#e4f8e8; color:#087842; }.status-pill.warn { background:#fff0d9; color:#a35e0a; }.status-pill.error { background:#ffe9e7; color:#a63b2c; }
.preference-toggle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:13px 0}.preference-toggle-grid label{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--portal-line);border-radius:11px;background:#f7fbf8;color:var(--portal-deep);font-size:10px;font-weight:750}.preference-toggle-grid input{accent-color:var(--portal-green)}.account-preferences-form .portal-form-note{align-self:center}
.help-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:14px}.help-faq details{padding:12px 0;border-top:1px solid var(--portal-line)}.help-faq details:first-of-type{border-top:0}.help-faq summary{cursor:pointer;color:var(--portal-deep);font-size:12px;font-weight:850}.help-faq details p{margin:8px 0 0;color:var(--portal-muted);font-size:11px;line-height:1.55}.support-ticket-form{padding-bottom:14px;border-bottom:1px solid var(--portal-line)}.support-ticket-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--portal-line)}.support-ticket-row>div:first-child{min-width:0}.support-ticket-row b,.support-ticket-row small,.support-ticket-row p{display:block}.support-ticket-row b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-ticket-row small{margin-top:3px;color:var(--portal-muted);font-size:9px}.support-ticket-row p{margin:6px 0 0;color:var(--portal-muted);font-size:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.support-ticket-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}.support-ticket-actions button{border:1px solid var(--portal-line);border-radius:999px;padding:5px 8px;background:#fff;color:var(--portal-deep);font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.support-ticket-actions button:hover{border-color:var(--portal-green);background:#effaf1}
.video-management-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:10px}.video-management-summary span{padding:9px 10px;border:1px solid var(--portal-line);border-radius:11px;background:#f7fbf8;color:var(--portal-muted);font-size:10px;white-space:nowrap}.video-management-summary b{display:block;margin-top:3px;color:var(--portal-deep);font-size:16px}.video-management-card{margin-bottom:10px}.video-management-card.is-failed{border-top-color:#ef6262;background:linear-gradient(180deg,#fffafa,#fff)}.video-management-card .portal-author{margin-bottom:10px}.video-management-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--portal-muted);font-size:10px}.video-management-meta .status-pill{margin-left:3px;padding:3px 6px;font-size:9px}.video-management-progress{height:6px;margin:9px 0;border-radius:99px;overflow:hidden;background:#e3eee6}.video-management-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#13a860,#63d89c);transition:width .2s ease}.video-management-playback{display:inline-flex;align-items:center;margin-top:3px;padding:6px 9px;border-radius:999px;background:#e7f8eb;color:var(--portal-deep);font-size:10px;font-weight:850}.video-management-error{margin:9px 0 0;color:var(--portal-muted);font-size:10px;line-height:1.45;word-break:break-word}.video-management-error strong,.video-management-error small{display:block}.video-management-error small{margin-top:3px;color:#a14d46;font-size:9px}.video-management-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.video-management-actions button{border:1px solid var(--portal-line);border-radius:999px;padding:6px 9px;background:#fff;color:var(--portal-deep);font-size:10px;font-weight:800;cursor:pointer}.video-management-actions button:hover{border-color:var(--portal-green);background:#effaf1}.video-management-actions button.is-danger{color:#a14d46}.video-management-actions button.is-danger:hover{border-color:#e29a90;background:#fff2f0}
.portal-auth-dialog { width:min(440px,calc(100% - 30px)); border:1px solid var(--portal-line); border-radius:26px; padding:30px; box-shadow:var(--portal-shadow); }.portal-auth-dialog::backdrop { background:rgba(2,18,10,.46); backdrop-filter:blur(5px); }.portal-dialog-close { position:absolute; right:16px; top:13px; border:0; background:none; color:#789085; font-size:27px; cursor:pointer; }.portal-auth-logo { width:130px; height:auto; display:block; margin-bottom:23px; }.portal-auth-dialog h2 { margin:8px 0; font-size:27px; }.portal-auth-dialog p { color:var(--portal-muted); font-size:13px; line-height:1.6; }.portal-auth-dialog form { display:grid; gap:13px; margin-top:22px; }.portal-auth-switch { margin-top:18px; border:0; background:none; color:var(--portal-deep); cursor:pointer; font-weight:800; }.portal-auth-result { color:#b34a33; display:block; margin-top:12px; line-height:1.5; }.portal-register-only { display:none !important; }.portal-auth-dialog.register-mode .portal-register-only { display:grid !important; }
.portal-verify-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; }.portal-verify-row .portal-button-secondary { white-space:nowrap; padding:11px 12px; font-size:12px; }.portal-consent > span { display:flex; align-items:flex-start; gap:8px; color:var(--portal-muted); font-size:12px; font-weight:600; line-height:1.5; }.portal-consent input { width:16px; height:16px; flex:0 0 auto; margin-top:1px; accent-color:var(--portal-green); }.portal-consent a { color:var(--portal-deep); text-decoration:underline; }
.portal-toast { position:fixed; left:50%; bottom:25px; transform:translate(-50%,18px); padding:12px 17px; border-radius:999px; color:#fff; background:var(--portal-ink); opacity:0; pointer-events:none; transition:.2s; z-index:100; font-size:13px; }.portal-toast.show { opacity:1; transform:translate(-50%,0); }
.portal-site-announcement{width:min(1240px,calc(100% - 48px));margin:8px auto 0;border:1px solid #cfe0ef;border-left:4px solid #348be8;border-radius:12px;background:#eef6ff;color:#173b5e;box-shadow:0 5px 16px rgba(8,58,33,.05)}.portal-site-announcement.success{border-color:#bee6d4;border-left-color:#1ba875;background:#ecfbf4;color:#075f45}.portal-site-announcement.warning{border-color:#f1dbac;border-left-color:#e59a36;background:#fff8e9;color:#80500d}.portal-site-announcement.danger{border-color:#f1c4c9;border-left-color:#dc5b68;background:#fff0f1;color:#8d2936}.portal-site-announcement-inner{display:flex;align-items:center;gap:8px;padding:8px 11px;min-width:0}.portal-site-announcement-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:currentColor;color:#fff;font-size:12px;font-weight:900}.portal-site-announcement-inner div{display:flex;align-items:baseline;gap:7px;min-width:0}.portal-site-announcement strong{font-size:11px;font-weight:850;white-space:nowrap}.portal-site-announcement-inner span:not(.portal-site-announcement-icon){font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;opacity:.82}
.portal-footer { border-top:1px solid var(--portal-line); padding:28px 0 44px; color:#6b786f; font-size:12px; }.portal-footer-row { display:flex; align-items:center; justify-content:space-between; gap:20px; }.portal-footer img { width:115px; display:block; margin-bottom:8px; }.portal-footer-links { display:flex; gap:15px; flex-wrap:wrap; }.portal-footer a:hover { color:var(--portal-deep); }
@media (max-width: 1000px) { .portal-nav > a:nth-child(4), .portal-nav > a:nth-child(3) { display:none; }.service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.service-status-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.portal-layout { grid-template-columns:1fr; }.portal-side-card { margin-bottom:0; } }
@media (max-width: 760px) { .portal-shell { width:min(100% - 28px, 640px); }.portal-nav { display:none; }.portal-actions { margin-left:auto; }.portal-actions .portal-icon:first-child,.portal-publish { display:none; }.portal-account { font-size:12px; }.portal-mobile-toggle { display:block; border:0; background:transparent; font-size:22px; color:var(--portal-ink); cursor:pointer; }.portal-mobile-nav { display:none; padding:10px 14px 17px; border-top:1px solid var(--portal-line); }.portal-mobile-nav.open { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }.portal-mobile-nav a { padding:11px; border-radius:11px; text-align:center; background:#eff8f0; font-size:13px; font-weight:800; }.portal-main { padding-top:25px; }.portal-page-hero { display:block; padding-top:20px; }.portal-page-hero h1 { font-size:40px; }.portal-card-grid { grid-template-columns:1fr; }.portal-form-grid { grid-template-columns:1fr; }.portal-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.service-status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.service-intro { padding:15px 0 12px; }.service-intro h1 { font-size:32px; }.service-intro p { font-size:11px; line-height:1.45; }.service-intro .portal-actions-row { margin-top:11px; gap:6px; }.service-grid { grid-template-columns:1fr 1fr; }.account-layout { grid-template-columns:1fr; }.account-side { display:flex; overflow:auto; gap:6px; }.account-side a { white-space:nowrap; }.portal-footer-row { display:block; }.portal-footer-links { margin:15px 0; } }
@media (max-width: 760px) { .esim-filter-bar { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.esim-filter-bar label,.esim-filter-bar .esim-filter-search { min-width:0; width:100%; }.esim-filter-bar .esim-filter-search { grid-column:1/-1; }.esim-filter-bar button { width:100%; }.esim-order-row { grid-template-columns:1fr; }.esim-order-status { text-align:left; } }
@media (max-width: 760px) { .esim-sim-row { grid-template-columns:1fr; }.esim-sim-actions { justify-content:flex-start; } }
.portal-page-hero h1 br,.portal-section-heading h1 br{display:none}
@media (max-width: 420px) { .service-grid { grid-template-columns:1fr; }.portal-stat strong { font-size:21px; }.portal-surface { padding:16px; } }

/* Compact portal layout with separate horizontal and vertical video stages. */
.portal-main{padding:32px 0 58px}.portal-page-hero{gap:20px;padding:22px 0 20px}.portal-page-hero p{margin-top:9px;line-height:1.55}.portal-layout{gap:16px}.portal-card-grid{gap:12px}.portal-feed-card{border-radius:18px}.portal-feed-card .card-body{padding:13px}.portal-author{margin-bottom:9px}.portal-media.video-media{aspect-ratio:16/9;background:#07130e}.portal-media.video-media.video-landscape{aspect-ratio:16/9}.portal-media.video-media.video-portrait{aspect-ratio:9/14;background:linear-gradient(145deg,#07130e,#10251a)}.portal-media.video-media.video-square{aspect-ratio:1;background:#07130e}.portal-media.video-media video{object-fit:cover}.portal-media.video-media.video-portrait video,.portal-media.video-media.video-square video{object-fit:contain}.portal-feed-card.video-card-portrait .portal-media{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
@media (max-width:760px){.portal-main{padding:24px 0 44px}.portal-page-hero{padding:12px 0 16px}.portal-card-grid{gap:10px}.portal-media.video-media.video-portrait{aspect-ratio:9/13}}
@media (max-width:420px){.portal-main{padding-top:18px}.portal-page-hero{padding-top:8px}.portal-feed-card .card-body{padding:12px}.portal-media.video-media.video-portrait{aspect-ratio:9/14}}

/* Smaller promotional copy and single-line metadata for a denser portal. */
.portal-page-hero p,.portal-section-heading p{font-size:13px;line-height:1.55}.portal-notice{font-size:11px;line-height:1.45;padding:11px 13px}.portal-author small,.portal-kicker,.portal-badge,.portal-card-actions{font-size:10px}.portal-author small,.portal-kicker,.portal-badge{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-feed-card h3{font-size:18px;line-height:1.2;margin:7px 0 6px}.portal-feed-card p{font-size:12px;line-height:1.48}.portal-feed-card .card-body{padding:12px}.portal-side-card p,.portal-side-card small,.portal-footer{font-size:11px;line-height:1.45}.portal-page-hero h1,.portal-section-heading h1{letter-spacing:-.065em}.portal-page-hero>div:first-child,.portal-section-heading>div:first-child{min-width:0}.portal-page-hero p,.portal-section-heading p{max-width:720px}
@media (max-width:760px){.portal-page-hero p,.portal-section-heading p{font-size:12px;line-height:1.48}.portal-feed-card p{font-size:11px}.portal-page-hero h1{font-size:36px}.portal-section-heading h1{font-size:30px}}
@media (max-width:420px){.portal-page-hero h1{font-size:32px}.portal-page-hero p,.portal-section-heading p{font-size:11px}.portal-notice{font-size:10px}.portal-feed-card h3{font-size:17px}}

/* Unified social portal density: compact surfaces, stronger hierarchy and color accents. */
:root{--portal-card:#fff;--portal-line:#dfe9e3;--portal-shadow:0 10px 28px rgba(8,58,33,.08)}
.portal-header{box-shadow:0 1px 0 rgba(8,58,33,.04)}.portal-nav-shell{height:62px;gap:14px}.portal-brand img{width:116px}.portal-nav{gap:2px}.portal-nav>a,.portal-menu>summary{padding:8px 10px;font-size:12px}.portal-actions{gap:5px}.portal-icon{width:34px;height:34px}.portal-publish{height:34px;padding:0 11px;font-size:11px}.portal-account{font-size:11px}.portal-main{padding:24px 0 50px}.portal-page-hero{padding:18px 0 16px;gap:16px}.portal-page-hero h1,.portal-section-heading h1{font-size:clamp(30px,4.2vw,54px);margin-top:6px}.portal-page-hero p,.portal-section-heading p{font-size:12px;line-height:1.5;margin-top:7px}.portal-layout{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.portal-surface,.portal-side-card{border-radius:18px;box-shadow:var(--portal-shadow)}.portal-surface{padding:16px}.portal-side-card{padding:14px}.portal-card-grid{gap:10px}.portal-feed-card{border-radius:16px;box-shadow:0 5px 18px rgba(8,58,33,.06);border-top:3px solid #27c977}.portal-feed-card:nth-child(3n+2){border-top-color:#5eb5ef}.portal-feed-card:nth-child(3n+3){border-top-color:#f2a05d}.portal-feed-card .card-body{padding:11px}.portal-author{margin-bottom:7px;gap:7px}.portal-feed-card h3{font-size:17px;margin:6px 0 5px}.portal-feed-card p{font-size:11px;line-height:1.45}.portal-card-actions{gap:7px;margin-top:9px;padding-top:8px}.portal-media{border-radius:13px}.portal-footer{padding:22px 0 34px}.portal-footer-row{gap:14px}.portal-footer-links{gap:11px}
body[data-page="videos"] .portal-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page="videos"] .portal-feed-card h3{font-size:16px}body[data-page="videos"] .portal-feed-card .card-body{padding:10px}
@media(max-width:1100px){body[data-page="videos"] .portal-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-layout{grid-template-columns:1fr 230px}}
@media(max-width:760px){.portal-nav-shell{height:58px}.portal-main{padding:18px 0 38px}.portal-page-hero{padding:12px 0 13px}.portal-layout{display:block}.portal-side-card{margin-top:10px}.portal-surface{padding:12px}.portal-card-grid,body[data-page="videos"] .portal-card-grid{grid-template-columns:1fr;gap:9px}.portal-feed-card{border-top-width:2px}.portal-feed-card .card-body{padding:10px}.portal-footer{font-size:10px}}
.portal-site-announcement{margin-inline:auto}
@media(max-width:760px){.portal-site-announcement{width:calc(100% - 16px);margin-top:6px}.portal-site-announcement-inner{padding:7px 8px}.portal-site-announcement-inner div{display:block;min-width:0}.portal-site-announcement strong{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-site-announcement-inner span:not(.portal-site-announcement-icon){display:block;margin-top:2px;font-size:9px}}
@media(max-width:420px){.portal-page-hero h1,.portal-section-heading h1{font-size:29px}.portal-page-hero p,.portal-section-heading p{font-size:11px}.portal-surface{padding:10px}.portal-feed-card h3{font-size:16px}}

/* Shared mobile app shell and order center. */
.portal-bottom-nav{display:none}.portal-loading{display:flex;align-items:center;justify-content:center;gap:9px;min-height:160px;color:var(--portal-muted);font-size:12px}.portal-spinner{width:16px;height:16px;border:2px solid #d7e9dc;border-top-color:var(--portal-green);border-radius:50%;animation:portal-spin .8s linear infinite}@keyframes portal-spin{to{transform:rotate(360deg)}}
.portal-auth-forgot{display:block;width:max-content;margin:-4px 0 8px auto;border:0;background:none;color:var(--portal-deep);font-size:11px;font-weight:800;cursor:pointer;padding:3px 0}.portal-auth-forgot:hover{text-decoration:underline}
.notification-row{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-top:1px solid var(--portal-line)}.notification-row:first-child{border-top:0}.notification-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e5f7ea;color:var(--portal-deep);font-weight:900;flex:none}.notification-copy{min-width:0;flex:1}.notification-copy>div{display:flex;align-items:center;gap:7px}.notification-copy b{font-size:13px}.notification-copy p{margin:4px 0 3px;color:#5c6c62;font-size:11px;line-height:1.45}.notification-copy small{color:var(--portal-muted);font-size:10px}.notification-mark{border:1px solid var(--portal-line);background:#fff;color:var(--portal-deep);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.notification-row.is-unread .notification-icon{background:#dff5ff;color:#1274a2}.notification-row.is-unread b{color:var(--portal-ink)}
.notification-state-error,.search-state-error{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.notification-state-error strong,.search-state-error strong{font-size:12px}.notification-state-error span,.search-state-error span{color:var(--portal-muted);font-size:11px}.notification-state-error .portal-button-secondary,.search-state-error .portal-button-secondary{margin-left:auto;padding:7px 10px;font-size:10px}
.notification-pagination{display:flex;justify-content:center;padding:13px 0 2px;border-top:1px solid var(--portal-line)}.notification-pagination .portal-button-secondary{padding:7px 14px;font-size:10px}.notification-pagination .portal-button-secondary:disabled{opacity:.55;cursor:wait}
.account-state-error{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.account-state-error strong{font-size:12px}.account-state-error span{color:var(--portal-muted);font-size:11px}.account-state-error .portal-button-secondary{margin-left:auto;padding:7px 10px;font-size:10px}.service-closed-detail{display:grid;gap:5px}.service-closed-detail strong{font-size:13px}.service-closed-detail span,.service-closed-detail small{color:var(--portal-muted);font-size:11px;line-height:1.5}
.notification-target{display:block;min-width:0;overflow:hidden;color:var(--portal-ink);font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.notification-target:hover{color:var(--portal-deep);text-decoration:underline}
.portal-author{min-width:0}.portal-follow-button{margin-left:auto;border:0;background:#e4f8e8;color:var(--portal-deep);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap}.portal-follow-button.active{background:#dff0ff;color:#1b709d}.portal-author .portal-badge{margin-left:0}.portal-card-actions button[data-content-action="report"]{color:#9a6c72}
.search-hint-row{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:var(--portal-muted);font-size:10px}.search-result-section{margin-top:17px;padding-top:13px;border-top:1px solid var(--portal-line)}.search-result-section:first-child{margin-top:0;border-top:0}.search-result-section h3{margin:0 0 7px;font-size:14px}.search-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.search-result-card{display:block;padding:11px;border:1px solid var(--portal-line);border-radius:12px;background:#fbfefc}.search-result-card:hover{border-color:var(--portal-green);background:#f0faf2}.search-result-card b{display:block;margin-top:5px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-card p{margin:5px 0;color:#5c6c62;font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-card small{color:var(--portal-muted);font-size:9px}.search-result-type{display:inline-flex;padding:4px 7px;border-radius:999px;background:#e4f8e8;color:var(--portal-deep);font-size:9px;font-weight:850}.search-result-type.is-video{background:#e8f3ff;color:#23739f}.search-filter-row{display:flex;gap:5px;margin-top:12px;overflow:auto;scrollbar-width:none}.search-filter-row::-webkit-scrollbar{display:none}.search-filter-row .portal-tab{flex:0 0 auto;padding:7px 12px;font-size:10px}.search-history-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.search-history-row button{border:1px solid var(--portal-line);border-radius:999px;padding:5px 9px;background:#f5faf6;color:var(--portal-muted);font-size:10px;cursor:pointer}.search-history-row button:hover{border-color:var(--portal-green);color:var(--portal-deep);background:#effaf1}
@media(max-width:520px){.search-result-grid{grid-template-columns:1fr}.search-hint-row{display:block}.search-hint-row span{display:inline-block;margin-right:10px}}
.order-detail-button{margin-top:9px;padding:5px 9px;border:1px solid var(--portal-line);border-radius:999px;background:#fff;color:var(--portal-deep);font-size:10px;font-weight:800;cursor:pointer}.order-detail-button:hover{border-color:var(--portal-green);background:#effaf1}
.order-detail-timeline{display:grid;gap:0;margin-top:5px;padding:12px 13px;border:1px solid var(--portal-line);border-radius:13px;background:#f7fcf8}.order-detail-timeline>strong{font-size:11px;color:var(--portal-deep);margin-bottom:4px}.order-detail-timeline-item{position:relative;display:grid;grid-template-columns:10px minmax(0,1fr);gap:8px;padding:8px 0 2px}.order-detail-timeline-item:not(:last-child)::before{content:"";position:absolute;left:4px;top:17px;bottom:-2px;width:1px;background:#bde5c8}.order-detail-timeline-item>i{position:relative;z-index:1;width:9px;height:9px;margin-top:3px;border-radius:50%;background:var(--portal-green);box-shadow:0 0 0 3px #e1f7e7}.order-detail-timeline-item>div{display:grid;gap:2px;min-width:0}.order-detail-timeline-item b{font-size:10px;color:var(--portal-ink)}.order-detail-timeline-item small,.order-detail-timeline-item span{font-size:9px;color:var(--portal-muted);line-height:1.4;word-break:break-word}.order-detail-timeline-item span{color:#9a5f25}
html[data-portal-theme="dark"] .order-detail-timeline{background:#132b1d;border-color:var(--portal-line)}html[data-portal-theme="dark"] .order-detail-timeline-item:not(:last-child)::before{background:#39734b}html[data-portal-theme="dark"] .order-detail-timeline-item>i{box-shadow:0 0 0 3px #1c4b2d}
.orders-service-warning{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:10px 12px;border:1px solid #f0d6aa;border-left:4px solid #df9a32;border-radius:13px;background:#fff8e9;color:#7d5a20;font-size:11px;line-height:1.45}.orders-service-warning strong{font-size:11px}.orders-service-warning span{color:#8d7040}.orders-warning-refresh{margin-left:auto;border:1px solid #e3bd78;border-radius:999px;padding:5px 9px;background:#fff;color:#805a1f;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.orders-warning-refresh:hover{background:#fff1d1;border-color:#d7952e}
.orders-service-state{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 12px;padding:7px 9px;border:1px solid var(--portal-line);border-radius:13px;background:var(--portal-surface);color:var(--portal-muted);font-size:10px;line-height:1.2}.orders-service-state.is-error{border-color:#f0c1b8;background:#fff3ef;color:#9b4d40}.orders-service-chip{display:inline-flex;align-items:center;gap:5px;min-width:0;padding:4px 7px;border-radius:999px;background:#f2f5f3;color:#68766d;white-space:nowrap}.orders-service-chip i{width:6px;height:6px;border-radius:50%;background:#c2cbc5}.orders-service-chip b{font-size:10px;color:inherit}.orders-service-chip small{font-size:9px;color:inherit;opacity:.84}.orders-service-chip.is-ready{background:#e5f8ec;color:#087842}.orders-service-chip.is-ready i{background:#16b96b}.orders-service-chip.is-closed{background:#fff0e7;color:#9a5a43}.orders-service-chip.is-closed i{background:#df8062}
@media(max-width:760px){.portal-bottom-nav{position:fixed;display:flex;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:45;align-items:stretch;justify-content:space-around;padding:6px 6px 5px;border:1px solid rgba(7,19,14,.1);border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(7,43,24,.18);backdrop-filter:blur(18px)}.portal-bottom-nav a{display:grid;place-items:center;gap:1px;min-width:48px;color:#819087;font-size:10px;font-weight:800}.portal-bottom-nav a span{font-size:18px;line-height:19px}.portal-bottom-nav a small{font-size:9px}.portal-bottom-nav a.active{color:var(--portal-deep)}.portal-bottom-nav a.active span{color:var(--portal-green)}.portal-footer{padding-bottom:86px}.orders-toolbar{align-items:flex-start}.orders-toolbar>.portal-button-secondary{flex:none}.orders-page .portal-page-hero h1{font-size:30px}.order-row{padding:11px}.order-row-meta{font-size:9px}.order-row-progress{font-size:9px}.orders-summary .portal-stat strong{font-size:18px}}

/* Creator center: dense controls, real upload progress and local preview. */
.publish-preview-images{gap:6px}.publish-preview-image{position:relative;margin:0;min-width:0}.publish-preview-image figcaption{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:3px;color:var(--portal-muted);font-size:9px}.publish-preview-image figcaption button{width:22px;height:20px;padding:0;border:1px solid var(--portal-line);border-radius:7px;background:var(--portal-surface);color:var(--portal-deep);cursor:pointer}.publish-preview-image figcaption button:disabled{opacity:.3;cursor:default}
.publish-surface{max-width:920px}.publish-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid var(--portal-line)}.publish-toolbar strong,.publish-toolbar small{display:block}.publish-toolbar strong{font-size:16px}.publish-toolbar small{margin-top:4px;color:var(--portal-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.publish-media-field[hidden]{display:none}.publish-media-field .portal-form-note{display:block;margin-top:6px}.publish-preview{padding:13px;border:1px solid var(--portal-line);border-radius:15px;background:#f8fcf9}.publish-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.publish-preview-head strong{font-size:12px}.publish-preview-head span{font-size:10px;color:var(--portal-deep);background:#e4f8e8;border-radius:999px;padding:4px 8px}.publish-preview h3{margin:10px 0 5px;font-size:17px}.publish-preview p{margin:0 0 10px;color:var(--portal-muted);font-size:12px;white-space:pre-wrap;word-break:break-word}.publish-preview-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.publish-preview-images img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px;background:#e6f3e9}.publish-preview-video{display:block;width:min(100%,620px);max-height:460px;aspect-ratio:16/9;object-fit:contain;border-radius:11px;background:#07130e}.publish-progress{padding:11px 13px;border-radius:13px;background:#effaf2;border:1px solid #d6efdc}.publish-progress-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--portal-deep)}.publish-progress-track{height:7px;margin:8px 0 6px;border-radius:99px;overflow:hidden;background:#dcefe0}.publish-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#12aa5b,#5bd99a);transition:width .18s ease}.publish-progress small{color:var(--portal-muted);font-size:10px}.publish-result{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;padding:10px 12px;border:1px solid #f0c9c9;border-radius:13px;background:#fff5f5;color:#7b2525}.publish-result>div{display:grid;gap:3px;min-width:0}.publish-result strong{font-size:11px}.publish-result span{font-size:10px;line-height:1.45;word-break:break-word}.publish-result button{flex:0 0 auto;padding:8px 12px;font-size:10px;color:#7b2525;border-color:#e9b4b4;background:#fff}.publish-result button:hover{background:#fff0f0}.portal-card-actions button[data-content-action="report"]{margin-left:0}.portal-card-actions{flex-wrap:wrap}.portal-card-actions button{min-width:0}
.portal-comments{display:grid;gap:9px;flex-basis:100%;width:100%;margin-top:2px;padding:10px 11px;border-top:1px solid var(--portal-line);background:var(--portal-surface);border-radius:0 0 12px 12px}.portal-comments[hidden]{display:none}.portal-comments [data-comment-list]{display:grid;gap:6px;max-height:300px;overflow:auto}.portal-comment{padding:8px 9px;border-radius:10px;background:#f4faf5}.portal-comment.is-reply{margin-left:16px;background:#ebf7ee}.portal-comment-head{display:flex;align-items:baseline;gap:8px}.portal-comment-head b{font-size:10px;color:var(--portal-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-comment-head time{margin-left:auto;color:var(--portal-muted);font-size:9px;white-space:nowrap}.portal-comment p{margin:4px 0 0;color:#50665a;font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.portal-comment-replies{display:grid;gap:5px;margin-top:6px}.portal-comment-empty,.portal-comment-error{padding:8px;color:var(--portal-muted);font-size:10px}.portal-comment-error{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#a54d49}.portal-comment-error .portal-button-secondary{margin-left:auto;padding:5px 9px;font-size:10px}.portal-comment-form{display:flex;gap:6px;width:100%}.portal-comment-form input{min-width:0;flex:1;height:32px;border:1px solid var(--portal-line);border-radius:999px;padding:0 10px;background:var(--portal-paper);color:var(--portal-ink);font:inherit;font-size:11px;outline:none}.portal-comment-form input:focus{border-color:var(--portal-green);box-shadow:0 0 0 3px #e1f7e7}.portal-comment-form button{flex:0 0 auto;border-radius:999px!important;padding:0 12px!important;white-space:nowrap}.portal-comment-form button:disabled{opacity:.55;cursor:wait}html[data-portal-theme="dark"] .portal-comment{background:#173124}html[data-portal-theme="dark"] .portal-comment.is-reply{background:#1b3b28}html[data-portal-theme="dark"] .portal-comment p{color:#b4cdbb}
html[data-portal-theme="dark"] .publish-result{border-color:#693a3a;background:#2b1717;color:#ffcaca}html[data-portal-theme="dark"] .publish-result button{color:#ffcaca;border-color:#835050;background:#321d1d}
@media(max-width:760px){.publish-toolbar{display:block}.publish-toolbar .portal-actions-row{margin-top:9px;gap:6px}.publish-toolbar .portal-button-secondary{padding:8px 10px;font-size:10px}.publish-toolbar small{white-space:normal}.publish-preview-images{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-card-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.portal-card-actions button{padding:5px 2px;font-size:9px;white-space:nowrap}.portal-card-actions button:last-child{margin-left:0}.portal-card-actions .portal-comment-form{grid-column:1/-1;display:flex}.portal-card-actions .portal-comments{grid-column:1/-1}}
@media(max-width:420px){.publish-toolbar strong{font-size:14px}.publish-preview h3{font-size:15px}.publish-preview p{font-size:11px}.publish-progress small{font-size:9px}.portal-card-actions button{font-size:8px}}
@media(max-width:520px){.video-management-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.video-management-summary span{padding:8px}.video-management-actions{gap:4px}.video-management-actions button{padding:5px 7px;font-size:9px}.account-device-actions{gap:4px}.account-device-row{align-items:flex-start}.account-device-actions{flex-direction:column;align-items:flex-end}}
@media(max-width:620px){.preference-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-preferences-form .portal-actions-row{display:block}.account-preferences-form .portal-actions-row .portal-primary{margin-bottom:7px}}
@media(max-width:760px){.help-lower-grid{grid-template-columns:1fr;gap:10px}.support-ticket-row{display:block}.support-ticket-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:9px}.support-ticket-actions .status-pill{margin-right:auto}}

@media(prefers-color-scheme:dark){
  :root{--portal-ink:#ecf8f0;--portal-muted:#9bb0a3;--portal-line:rgba(213,244,224,.12);--portal-paper:#07110c;--portal-card:rgba(17,29,22,.94);--portal-shadow:0 14px 34px rgba(0,0,0,.22)}
  body.portal-body{background:var(--portal-paper);color:var(--portal-ink)}.portal-header{background:rgba(7,17,12,.86)}.portal-dropdown,.portal-surface,.portal-side-card,.portal-feed-card,.portal-stat,.portal-tab,.portal-button-secondary,.portal-form input,.portal-form textarea,.portal-form select,.portal-table,.recharge-order-card,.order-row,.search-result-card,.notification-mark{background:#112019;color:var(--portal-ink);border-color:var(--portal-line)}.portal-nav>a,.portal-menu summary,.portal-icon{color:#b8d0c0}.portal-nav>a:hover,.portal-nav>a.active,.portal-menu[open] summary{background:#173b27;color:#7de7a5}.portal-dropdown a:hover,.portal-button-secondary:hover,.search-result-card:hover{background:#173b27}.portal-dropdown small,.portal-side-card p,.portal-feed-card p,.portal-form-note,.portal-table td,.notification-copy p{color:var(--portal-muted)}.portal-media.image{background:#183b2b}.portal-card-actions{border-color:var(--portal-line)}.portal-card-actions button,.portal-card-actions a{color:#a8c6b2}.portal-notice{background:#132b1d;color:#b6d8c2;border-color:#2c7545}.portal-footer{color:#9bb0a3}.portal-bottom-nav{background:rgba(12,29,20,.94);border-color:var(--portal-line)}.portal-bottom-nav a{color:#9bb0a3}.recharge-order-meta span{background:#183225;color:#c7e5d0}.recharge-order-address{background:#142a1e}.portal-table th{background:#173124;color:#d9f1df}.portal-table tr{border-color:var(--portal-line)}
}

/* Mobile repair: every flex/grid child may shrink, controls stay ordered and media uses the full frame. */
.portal-body{overflow-x:hidden}.portal-shell,.portal-nav-shell,.portal-page-hero,.portal-layout,.portal-feed-card,.portal-card-actions{min-width:0}.portal-brand,.portal-actions,.portal-account{flex-shrink:0}.portal-account{max-width:180px}.portal-account .account-label{overflow:hidden;text-overflow:ellipsis}.portal-page-hero>div{min-width:0}.portal-page-hero .portal-primary{flex:0 0 auto;white-space:nowrap}.portal-media,.portal-media video,.portal-media img{max-width:100%}
@media(max-width:760px){.portal-shell{width:calc(100% - 20px);max-width:none}.portal-nav-shell{padding:0 2px}.portal-actions{gap:2px}.portal-account{max-width:36px;padding-left:0}.portal-account .account-label{display:none}.portal-page-hero .portal-primary{display:inline-flex;margin-top:10px}.portal-card-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.portal-card-actions button,.portal-card-actions a{min-width:0;width:100%;padding:5px 2px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-card-actions button:last-child{margin-left:0}.portal-feed-card .portal-author>span:nth-child(2){min-width:0;overflow:hidden}.portal-media.video-media{width:100%;aspect-ratio:16/9}.portal-media.video-media.video-portrait{aspect-ratio:9/13}.portal-media.video-media.video-square{aspect-ratio:1}}
@media(max-width:760px){.portal-card-actions .portal-public-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.portal-card-actions .portal-public-actions button{width:100%}.account-blocked-row{align-items:flex-start}}
@media(max-width:760px) and (orientation:landscape){.portal-shell{width:calc(100% - 16px)}.portal-nav-shell{height:52px}.portal-main{padding:12px 0 28px}.portal-page-hero{padding:8px 0 10px}.portal-page-hero h1,.portal-section-heading h1{font-size:30px}.portal-page-hero p,.portal-section-heading p{font-size:11px;line-height:1.35}.portal-layout{display:block}.portal-card-grid,body[data-page="videos"] .portal-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portal-feed-card .card-body{padding:8px}.portal-feed-card h3{font-size:15px}.portal-feed-card p{font-size:10px}.portal-media.video-media.video-landscape{aspect-ratio:16/9}.portal-media.video-media.video-portrait{aspect-ratio:9/13}.portal-side-card{margin-top:8px}}

/* System theme: follow the device unless the account explicitly chose light. */
@media (prefers-color-scheme: dark){
  html:not([data-portal-theme="light"]){color-scheme:dark;--portal-ink:#ecf8f0;--portal-muted:#9bb0a3;--portal-line:rgba(213,244,224,.12);--portal-paper:#07110c;--portal-card:rgba(17,29,22,.94);--portal-shadow:0 14px 34px rgba(0,0,0,.22)}
  html:not([data-portal-theme="light"]) body.portal-body{background:var(--portal-paper);color:var(--portal-ink)}
  html:not([data-portal-theme="light"]) .portal-header{background:rgba(7,17,12,.86)}
  html:not([data-portal-theme="light"]) .portal-dropdown,html:not([data-portal-theme="light"]) .portal-surface,html:not([data-portal-theme="light"]) .portal-side-card,html:not([data-portal-theme="light"]) .portal-feed-card,html:not([data-portal-theme="light"]) .portal-stat,html:not([data-portal-theme="light"]) .portal-tab,html:not([data-portal-theme="light"]) .portal-button-secondary,html:not([data-portal-theme="light"]) .portal-form input,html:not([data-portal-theme="light"]) .portal-form textarea,html:not([data-portal-theme="light"]) .portal-form select,html:not([data-portal-theme="light"]) .portal-table,html:not([data-portal-theme="light"]) .recharge-order-card,html:not([data-portal-theme="light"]) .order-row,html:not([data-portal-theme="light"]) .search-result-card,html:not([data-portal-theme="light"]) .notification-mark{background:#112019;color:var(--portal-ink);border-color:var(--portal-line)}
  html:not([data-portal-theme="light"]) .portal-nav>a,html:not([data-portal-theme="light"]) .portal-menu summary,html:not([data-portal-theme="light"]) .portal-icon{color:#b8d0c0}
  html:not([data-portal-theme="light"]) .portal-nav>a:hover,html:not([data-portal-theme="light"]) .portal-nav>a.active,html:not([data-portal-theme="light"]) .portal-menu[open] summary{background:#173b27;color:#7de7a5}
  html:not([data-portal-theme="light"]) .portal-dropdown small,html:not([data-portal-theme="light"]) .portal-side-card p,html:not([data-portal-theme="light"]) .portal-feed-card p,html:not([data-portal-theme="light"]) .portal-form-note,html:not([data-portal-theme="light"]) .portal-table td,html:not([data-portal-theme="light"]) .notification-copy p{color:var(--portal-muted)}
  html:not([data-portal-theme="light"]) .portal-notice{background:#132b1d;color:#b6d8c2;border-color:#2c7545}
  html:not([data-portal-theme="light"]) .portal-bottom-nav{background:rgba(12,29,20,.94);border-color:var(--portal-line)}
  html:not([data-portal-theme="light"]) .portal-bottom-nav a{color:#9bb0a3}
  html:not([data-portal-theme="light"]) .portal-table th{background:#173124;color:#d9f1df}
  html:not([data-portal-theme="light"]) .portal-table tr{border-color:var(--portal-line)}
}
.plaza-page{padding-top:18px}.plaza-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:22px 0 18px}.plaza-hero-copy{min-width:0}.plaza-hero h1{margin:7px 0 0;font-size:clamp(32px,4.5vw,54px);line-height:1.08;letter-spacing:-.065em}.plaza-hero p{margin:10px 0 0;color:var(--portal-muted);font-size:12px;line-height:1.55}.plaza-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(74px,1fr));gap:7px;flex:0 0 270px}.plaza-hero-stats div{padding:10px 12px;border:1px solid var(--portal-line);border-radius:14px;background:#fff}.plaza-hero-stats strong,.plaza-hero-stats small{display:block}.plaza-hero-stats strong{font-size:20px;line-height:1.1;color:var(--portal-deep)}.plaza-hero-stats small{margin-top:3px;color:var(--portal-muted);font-size:10px;white-space:nowrap}.plaza-topic-strip{display:flex;gap:7px;overflow:auto;padding:4px 0 12px;scrollbar-width:none}.plaza-topic-strip::-webkit-scrollbar{display:none}.plaza-topic-strip>a{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#eff9f1;color:var(--portal-deep);font-size:11px;font-weight:800;white-space:nowrap}.plaza-topic-strip>a small{color:#6d8477;font-size:9px;font-weight:600}.plaza-topic-loading{padding:6px 0;color:var(--portal-muted);font-size:11px}.plaza-composer{display:flex;align-items:center;gap:10px;margin:4px 0 12px;padding:10px 12px;border:1px solid var(--portal-line);border-radius:17px;background:#fff;box-shadow:0 5px 16px rgba(8,58,33,.04)}.plaza-composer>.portal-avatar{width:34px;height:34px;border-radius:50%;font-size:14px}.plaza-composer>a:first-of-type{flex:1;min-width:0;color:#94a29a;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plaza-composer-button{flex:0 0 auto;padding:7px 12px;border-radius:999px;background:#e3f8e8;color:var(--portal-deep);font-size:11px;font-weight:850}.plaza-tabs{margin:0 0 12px;gap:4px}.plaza-tabs .portal-tab{padding:7px 15px;font-size:11px}.plaza-layout{grid-template-columns:minmax(0,760px) 286px;justify-content:center;gap:14px;align-items:start}.plaza-main-column{min-width:0}.plaza-feed-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 8px;color:#66756c}.plaza-feed-head b{display:block;color:var(--portal-ink);font-size:15px}.plaza-feed-head small{display:block;margin-top:2px;color:var(--portal-muted);font-size:10px}.plaza-feed-head>span{font-size:10px;color:var(--portal-muted)}.plaza-feed-grid{column-count:3;column-gap:10px;display:block}.plaza-feed-grid .portal-feed-card{display:inline-block;vertical-align:top;width:100%;margin:0 0 10px;break-inside:avoid;border-radius:15px;border-top:3px solid var(--portal-green);box-shadow:0 5px 18px rgba(8,58,33,.06)}.plaza-feed-grid .portal-feed-card:nth-child(3n+2){border-top-color:var(--portal-blue)}.plaza-feed-grid .portal-feed-card:nth-child(3n+3){border-top-color:var(--portal-orange)}.plaza-feed-grid .portal-feed-card .card-body{padding:13px 15px}.plaza-feed-grid .portal-author{margin-bottom:8px}.plaza-feed-grid .portal-author small{font-size:10px}.plaza-feed-grid .portal-badge{font-size:9px;padding:5px 8px}.plaza-feed-grid .portal-feed-card p{font-size:13px;line-height:1.58;white-space:pre-line}.plaza-feed-grid .portal-media{border-radius:0;aspect-ratio:auto}.plaza-feed-grid .portal-media.portal-image-grid.count-1 .portal-media-image{aspect-ratio:auto;height:auto;max-height:420px;object-fit:cover}.plaza-feed-grid .portal-card-actions{margin-top:10px;padding-top:8px}.plaza-load-more{display:block;width:100%;margin:10px 0;padding:10px;border:1px solid var(--portal-line);border-radius:12px;background:#fff;color:var(--portal-deep);font-size:11px;font-weight:800}.plaza-load-more:disabled{opacity:.7}.plaza-load-sentinel{height:1px}.plaza-sidebar{min-width:0}.plaza-side-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.plaza-side-title h3{margin:0}.plaza-side-title>span,.plaza-side-title>a{color:var(--portal-muted);font-size:10px}.plaza-rank-row,.plaza-group-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--portal-line)}.plaza-rank-row>b{width:20px;color:#9ba9a1;font:700 11px var(--portal-font,ui-sans-serif)}.plaza-rank-row:nth-child(-n+3)>b{color:var(--portal-orange)}.plaza-rank-row>span,.plaza-group-row>span:nth-child(2){display:grid;min-width:0;gap:2px;flex:1}.plaza-rank-row strong,.plaza-group-row strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plaza-rank-row small,.plaza-group-row small{color:var(--portal-muted);font-size:9px}.plaza-rank-row i,.plaza-group-row i{font-style:normal;color:#a0aea6;font-size:13px}.plaza-group-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#e4f8e8;color:var(--portal-deep);font-size:13px}.plaza-rules a{color:var(--portal-deep);font-size:11px;font-weight:800}.plaza-rules p{margin:0 0 9px}.plaza-sidebar .portal-empty{padding:18px 8px;border:0;background:transparent}.plaza-page .portal-empty strong{font-size:14px}
@media(max-width:1000px){.plaza-layout{grid-template-columns:minmax(0,1fr) 250px}.plaza-hero h1{font-size:40px}.plaza-feed-grid{column-count:2}}
@media(max-width:760px){.plaza-page{padding-top:8px}.plaza-hero{display:block;padding:12px 0 11px}.plaza-hero h1{font-size:31px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plaza-hero p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plaza-hero-stats{grid-template-columns:repeat(3,1fr);width:100%;margin-top:12px}.plaza-hero-stats div{padding:8px 9px}.plaza-hero-stats strong{font-size:17px}.plaza-composer{margin-bottom:9px}.plaza-layout{display:block}.plaza-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.plaza-sidebar .portal-side-card{margin:0}.plaza-sidebar .plaza-rules{grid-column:1/-1}.plaza-feed-grid{column-count:2;column-gap:8px}.plaza-feed-grid .portal-feed-card{margin-bottom:8px}.plaza-feed-grid .portal-feed-card .card-body{padding:11px 12px}.plaza-feed-grid .portal-media{aspect-ratio:auto}.plaza-feed-grid .portal-media.portal-image-grid.count-1 .portal-media-image{aspect-ratio:auto;max-height:330px}}
@media(max-width:420px){.plaza-sidebar{grid-template-columns:1fr}.plaza-sidebar .plaza-rules{grid-column:auto}.plaza-composer-button{padding-inline:9px}.plaza-tabs{overflow-x:auto;flex-wrap:nowrap}.plaza-tabs .portal-tab{flex:0 0 auto}}
.portal-auth-dialog:not(.register-mode) .portal-register-only{display:none!important}.portal-auth-dialog.register-mode .portal-register-only{display:grid!important}

/* Public profile and stable content links: compact enough for mobile shares,
   while keeping the author identity visibly clickable in every feed. */
.portal-author-link{color:var(--portal-ink);text-decoration:none}.portal-author-link:hover{color:var(--portal-green);text-decoration:underline;text-underline-offset:2px}.profile-hero-surface{padding:18px 20px}.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.profile-hero-main{display:flex;align-items:center;gap:14px;min-width:0}.profile-hero-main .profile-avatar{width:68px;height:68px;flex:0 0 68px;font-size:24px}.profile-hero-main h1{margin:4px 0 0;font-size:clamp(24px,4vw,38px);letter-spacing:-.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-hero-main p{margin:6px 0 0;color:var(--portal-muted);font-size:12px;max-width:620px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-hero-main small{display:block;margin-top:5px;color:var(--portal-muted);font-size:10px}.profile-hero-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.profile-stat-row{display:flex;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--portal-line)}.profile-stat-row span{display:grid;gap:2px;min-width:100px;padding:8px 11px;border-radius:11px;background:linear-gradient(145deg,#effbf0,#fff)}.profile-stat-row span:nth-child(2){background:linear-gradient(145deg,#edf8ff,#fff)}.profile-stat-row span:nth-child(3){background:linear-gradient(145deg,#fff4e8,#fff)}.profile-stat-row b{font-size:18px;color:var(--portal-deep)}.profile-stat-row small{font-size:10px;color:var(--portal-muted)}.profile-tabs{margin:12px 0 10px}.profile-content-grid{align-items:start}.profile-content-grid .portal-feed-card{height:fit-content}
.portal-public-actions{display:inline-flex;gap:3px;align-items:center;flex-wrap:wrap}.portal-public-actions button[data-content-action="block"]{color:#a46a6a}.profile-blocked-notice{margin-top:12px}.account-blocked-row{align-items:center}.account-blocked-row>span{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:center;min-width:0}.account-blocked-row .portal-avatar{grid-row:span 2;width:30px;height:30px;font-size:11px}.account-blocked-row b,.account-blocked-row small{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-blocked-row small{grid-column:2;color:var(--portal-muted);font-size:10px}.account-blocked-row .device-action-button{flex:0 0 auto}
@media(max-width:760px){.profile-hero-surface{padding:14px}.profile-hero{display:block}.profile-hero-main{align-items:flex-start}.profile-hero-main .profile-avatar{width:56px;height:56px;flex-basis:56px;font-size:20px}.profile-hero-main h1{font-size:25px}.profile-hero-main p{max-width:calc(100vw - 110px)}.profile-hero-actions{margin:12px 0 0 70px}.profile-stat-row{margin-top:13px}.profile-stat-row span{min-width:0;flex:1;padding:7px 8px}.profile-stat-row b{font-size:16px}.profile-content-grid{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){.profile-stat-row span{background:#132b1d}.profile-stat-row span:nth-child(2){background:#132837}.profile-stat-row span:nth-child(3){background:#33271a}}
@media(prefers-color-scheme:dark){.orders-service-warning{background:#2c2415;border-color:#5b4826;color:#f4d59a}.orders-service-warning span{color:#d9bb7c}.orders-warning-refresh{background:#332914;border-color:#80622c;color:#f4d59a}.orders-warning-refresh:hover{background:#4a381b;border-color:#b48635}}
@media(prefers-color-scheme:dark){.orders-service-state{background:#1d2420;border-color:#34423a;color:#b7c4bb}.orders-service-state.is-error{background:#35221f;border-color:#72443d;color:#f0b3a7}.orders-service-chip{background:#2a312d;color:#bac8bf}.orders-service-chip.is-ready{background:#153a29;color:#8ee6b5}.orders-service-chip.is-closed{background:#3b2c24;color:#efb49c}}
html[data-portal-theme="dark"] .orders-service-warning{background:#2c2415;border-color:#5b4826;color:#f4d59a}html[data-portal-theme="dark"] .orders-service-warning span{color:#d9bb7c}html[data-portal-theme="dark"] .orders-warning-refresh{background:#332914;border-color:#80622c;color:#f4d59a}html[data-portal-theme="dark"] .orders-warning-refresh:hover{background:#4a381b;border-color:#b48635}
html[data-portal-theme="dark"] .orders-service-state{background:#1d2420;border-color:#34423a;color:#b7c4bb}html[data-portal-theme="dark"] .orders-service-state.is-error{background:#35221f;border-color:#72443d;color:#f0b3a7}html[data-portal-theme="dark"] .orders-service-chip{background:#2a312d;color:#bac8bf}html[data-portal-theme="dark"] .orders-service-chip.is-ready{background:#153a29;color:#8ee6b5}html[data-portal-theme="dark"] .orders-service-chip.is-closed{background:#3b2c24;color:#efb49c}

.favorites-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.favorites-search{display:flex;gap:7px;align-items:center}.favorites-search input{width:min(260px,42vw);min-height:34px;border:1px solid var(--portal-line);border-radius:10px;padding:0 11px;background:var(--portal-card);color:var(--portal-ink)}.favorites-list{display:grid;gap:8px}.favorite-row{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--portal-line);min-width:0}.favorite-row:last-child{border-bottom:0}.favorite-thumb{width:76px;height:58px;object-fit:cover;border-radius:10px;background:#dcebe1;flex:0 0 76px}.favorite-copy{min-width:0;flex:1}.favorite-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.favorite-head time{font-size:10px;color:var(--portal-muted);white-space:nowrap}.favorite-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-copy p{margin:3px 0;color:var(--portal-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-actions{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--portal-muted)}.favorite-actions a{color:var(--portal-deep)}.favorite-actions button{border:0;background:none;color:#c24848;padding:0;cursor:pointer}.favorite-row .status-pill{font-size:10px;padding:2px 6px}
@media(max-width:760px){.favorites-toolbar{display:block}.favorites-toolbar .portal-tabs{overflow-x:auto;flex-wrap:nowrap;margin-bottom:9px}.favorites-toolbar .portal-tab{flex:0 0 auto}.favorites-search{width:100%}.favorites-search input{width:100%;flex:1}.favorite-row{align-items:flex-start}.favorite-thumb{width:64px;height:52px;flex-basis:64px}.favorite-actions{gap:8px;flex-wrap:wrap}}

/* Account preferences can explicitly override the operating-system theme. */
html[data-portal-theme="dark"]{color-scheme:dark;--portal-ink:#ecf8f0;--portal-muted:#9bb0a3;--portal-line:rgba(213,244,224,.12);--portal-paper:#07110c;--portal-card:rgba(17,29,22,.94);--portal-shadow:0 14px 34px rgba(0,0,0,.22)}
html[data-portal-theme="light"]{color-scheme:light;--portal-ink:#0b1b12;--portal-muted:#6e7d74;--portal-line:#dfe9e2;--portal-paper:#f7fbf8;--portal-card:#fff;--portal-shadow:0 12px 30px rgba(8,58,33,.07)}
html[data-portal-theme="dark"] body.portal-body{background:var(--portal-paper);color:var(--portal-ink)}html[data-portal-theme="dark"] .portal-header{background:rgba(7,17,12,.86)}html[data-portal-theme="dark"] .portal-dropdown,html[data-portal-theme="dark"] .portal-surface,html[data-portal-theme="dark"] .portal-side-card,html[data-portal-theme="dark"] .portal-feed-card,html[data-portal-theme="dark"] .portal-stat,html[data-portal-theme="dark"] .portal-tab,html[data-portal-theme="dark"] .portal-button-secondary,html[data-portal-theme="dark"] .portal-form input,html[data-portal-theme="dark"] .portal-form textarea,html[data-portal-theme="dark"] .portal-form select,html[data-portal-theme="dark"] .portal-table,html[data-portal-theme="dark"] .recharge-order-card,html[data-portal-theme="dark"] .order-row,html[data-portal-theme="dark"] .search-result-card,html[data-portal-theme="dark"] .notification-mark{background:#112019;color:var(--portal-ink);border-color:var(--portal-line)}html[data-portal-theme="dark"] .portal-nav>a,html[data-portal-theme="dark"] .portal-menu summary,html[data-portal-theme="dark"] .portal-icon{color:#b8d0c0}html[data-portal-theme="dark"] .portal-nav>a:hover,html[data-portal-theme="dark"] .portal-nav>a.active,html[data-portal-theme="dark"] .portal-menu[open] summary{background:#173b27;color:#7de7a5}html[data-portal-theme="dark"] .portal-dropdown a:hover,html[data-portal-theme="dark"] .portal-button-secondary:hover,html[data-portal-theme="dark"] .search-result-card:hover{background:#173b27}html[data-portal-theme="dark"] .portal-dropdown small,html[data-portal-theme="dark"] .portal-side-card p,html[data-portal-theme="dark"] .portal-feed-card p,html[data-portal-theme="dark"] .portal-form-note,html[data-portal-theme="dark"] .portal-table td,html[data-portal-theme="dark"] .notification-copy p{color:var(--portal-muted)}html[data-portal-theme="dark"] .portal-media.image{background:#183b2b}html[data-portal-theme="dark"] .portal-card-actions{border-color:var(--portal-line)}html[data-portal-theme="dark"] .portal-card-actions button,html[data-portal-theme="dark"] .portal-card-actions a{color:#a8c6b2}html[data-portal-theme="dark"] .portal-notice{background:#132b1d;color:#b6d8c2;border-color:#2c7545}html[data-portal-theme="dark"] .portal-footer{color:#9bb0a3}html[data-portal-theme="dark"] .portal-bottom-nav{background:rgba(12,29,20,.94);border-color:var(--portal-line)}html[data-portal-theme="dark"] .portal-bottom-nav a{color:#9bb0a3}html[data-portal-theme="dark"] .recharge-order-meta span{background:#183225;color:#c7e5d0}html[data-portal-theme="dark"] .recharge-order-address{background:#142a1e}html[data-portal-theme="dark"] .portal-table th{background:#173124;color:#d9f1df}html[data-portal-theme="dark"] .portal-table tr{border-color:var(--portal-line)}html[data-portal-theme="dark"] .profile-stat-row span{background:#132b1d}html[data-portal-theme="dark"] .profile-stat-row span:nth-child(2){background:#132837}html[data-portal-theme="dark"] .profile-stat-row span:nth-child(3){background:#33271a}
html[data-portal-theme="light"] body.portal-body{background:var(--portal-paper);color:var(--portal-ink)}html[data-portal-theme="light"] .portal-header{background:rgba(247,251,248,.9)}html[data-portal-theme="light"] .portal-dropdown,html[data-portal-theme="light"] .portal-surface,html[data-portal-theme="light"] .portal-side-card,html[data-portal-theme="light"] .portal-feed-card,html[data-portal-theme="light"] .portal-stat,html[data-portal-theme="light"] .portal-tab,html[data-portal-theme="light"] .portal-button-secondary,html[data-portal-theme="light"] .portal-form input,html[data-portal-theme="light"] .portal-form textarea,html[data-portal-theme="light"] .portal-form select,html[data-portal-theme="light"] .portal-table,html[data-portal-theme="light"] .recharge-order-card,html[data-portal-theme="light"] .order-row,html[data-portal-theme="light"] .search-result-card,html[data-portal-theme="light"] .notification-mark{background:#fff;color:var(--portal-ink);border-color:var(--portal-line)}html[data-portal-theme="light"] .portal-nav>a,html[data-portal-theme="light"] .portal-menu summary,html[data-portal-theme="light"] .portal-icon{color:#41584b}html[data-portal-theme="light"] .portal-dropdown small,html[data-portal-theme="light"] .portal-side-card p,html[data-portal-theme="light"] .portal-feed-card p,html[data-portal-theme="light"] .portal-form-note,html[data-portal-theme="light"] .portal-table td,html[data-portal-theme="light"] .notification-copy p{color:var(--portal-muted)}html[data-portal-theme="light"] .portal-notice{background:#eff9f1;color:#426b50;border-color:#ccebd3}html[data-portal-theme="light"] .portal-bottom-nav{background:rgba(255,255,255,.94);border-color:var(--portal-line)}

/* Web video playback feedback: a deliberately thin progress rule keeps the
   media card compact while buffering and retry states remain understandable. */
.portal-media.video-media{position:relative}.portal-video-progress{position:absolute;z-index:2;left:8px;right:8px;bottom:7px;height:2px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.28);pointer-events:none}.portal-video-progress i{display:block;width:0;height:100%;border-radius:inherit;background:#5be28f;transition:width .08s linear}.portal-video-state{position:absolute;z-index:2;left:8px;top:8px;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.68);color:#fff;font-size:9px;line-height:1;pointer-events:none}

/* About page: compact, single-line capability pills without horizontal overflow. */
.about-page{padding-top:18px}.about-hero{padding:22px 0 18px}.about-hero h1{max-width:900px;margin:8px 0 0;font-size:clamp(34px,5vw,62px);line-height:1.04;letter-spacing:-.065em}.about-hero p{max-width:720px;margin:10px 0 0;color:var(--portal-muted);font-size:13px;line-height:1.55}.about-pill-row{display:flex;flex-wrap:nowrap;gap:8px;max-width:100%;margin-top:16px;overflow-x:auto;scrollbar-width:none}.about-pill-row::-webkit-scrollbar{display:none}.about-pill-row span{flex:0 0 auto;white-space:nowrap;padding:8px 13px;border-radius:999px;border:1px solid var(--portal-line);background:#fff;color:var(--portal-deep);font-size:11px;font-weight:850;box-shadow:0 5px 14px rgba(8,58,33,.05)}.about-pill-row span:nth-child(2){background:#eef8ff;color:#1c6b9b}.about-pill-row span:nth-child(3){background:#fff4e8;color:#a85e19}.about-pill-row span:nth-child(4){background:#f3f0ff;color:#6953be}.about-main-card h2{margin:8px 0 0;font-size:26px;letter-spacing:-.04em}.about-copy{margin:10px 0 0!important;color:var(--portal-muted);font-size:12px;line-height:1.65}.about-sidebar{display:grid;gap:10px}.about-sidebar .portal-side-card{margin:0}.about-page .portal-stat-grid{gap:9px;margin:16px 0 0}.about-page .portal-stat{padding:13px;border-radius:14px;min-width:0}.about-page .portal-stat strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.about-page .portal-stat small{white-space:nowrap}
@media(max-width:760px){.about-page{padding-top:8px}.about-hero{padding:12px 0 11px}.about-hero h1{font-size:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.about-hero p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.about-pill-row{margin-top:12px;gap:6px}.about-pill-row span{padding:7px 10px;font-size:10px}.about-main-card h2{font-size:22px;white-space:nowrap}.about-copy{font-size:11px;line-height:1.55}.about-page .portal-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page .portal-stat{padding:11px}.about-page .portal-stat strong{font-size:15px}}

/* Wallet recharge order detail: address, exact invoice and server status stay visible. */
.recharge-safety-note{margin:10px 0;border-left:3px solid #f0a24a;background:#fff8ec;color:#7c5b2e}.recharge-result{margin-top:12px}.recharge-order-card{border:1px solid var(--portal-line);border-left:3px solid var(--portal-green);border-radius:14px;padding:13px;margin-top:9px;background:#fbfefc}.recharge-order-card.is-paid{border-left-color:#2589e8}.recharge-order-card.is-confirming,.recharge-order-card.is-processing,.recharge-order-card.is-verifying,.recharge-order-card.is-under_review{border-left-color:#4c9de8}.recharge-order-card.is-failed,.recharge-order-card.is-expired,.recharge-order-card.is-canceled,.recharge-order-card.is-cancelled{border-left-color:#e86b6b}.recharge-order-head,.recharge-order-meta,.recharge-order-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.recharge-order-head strong{font-size:13px}.recharge-order-head small,.recharge-order-meta small{font-size:10px;color:var(--portal-muted)}.recharge-order-meta{justify-content:flex-start;flex-wrap:wrap;margin-top:8px}.recharge-order-meta span{font-size:11px;color:var(--portal-ink);background:#f1f7f2;border-radius:8px;padding:5px 7px}.recharge-order-address{display:flex;align-items:center;gap:8px;margin-top:9px;padding:8px;background:#f3f7f4;border-radius:9px}.recharge-order-address code{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.recharge-order-actions{justify-content:flex-start;margin-top:9px}.recharge-order-actions button,.recharge-order-actions a{border:1px solid var(--portal-line);border-radius:999px;padding:6px 10px;background:#fff;color:var(--portal-deep);font-size:10px;font-weight:800;text-decoration:none;cursor:pointer}.recharge-order-note{margin-top:8px;color:var(--portal-muted);font-size:10px;line-height:1.45;white-space:pre-line}.recharge-status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;background:#fff0d7;color:#9a6118}.recharge-status.confirming{background:#e6f3ff;color:#216b9d}.recharge-status.paid{background:#e1f5e8;color:#187547}.recharge-status.failed,.recharge-status.expired,.recharge-status.canceled,.recharge-status.cancelled{background:#ffe8e8;color:#a33b3b}.recharge-order-state{color:var(--portal-muted);font-size:10px}
.recharge-qr-wrap{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px;border:1px solid var(--portal-line);border-radius:12px;background:linear-gradient(135deg,#f5fff7,#fff);}
.recharge-qr{width:clamp(132px,24vw,210px);aspect-ratio:1;display:grid;place-items:center;flex:0 0 auto;padding:6px;background:#fff;border-radius:8px;box-shadow:0 4px 14px rgba(8,58,33,.08);}
.recharge-qr svg{display:block;width:100%;height:100%;}
.recharge-qr-wrap small{color:var(--portal-muted);font-size:10px;line-height:1.45;max-width:210px;}
.recharge-qr-fallback{margin-top:10px;padding:9px 10px;border-radius:9px;background:#fff8ec;color:#7c5b2e;font-size:10px;}
.wallet-balance-state,.wallet-ledger-state{display:block;margin-top:9px;color:var(--portal-muted);font-size:10px;line-height:1.4}.wallet-balance-state{color:#a33b3b}.portal-stat.is-error{background:linear-gradient(145deg,#fff3f3,#fff);border-color:#f1caca}.portal-stat.is-error strong{font-size:18px;color:#a33b3b}
@media(max-width:420px){.recharge-qr-wrap{align-items:flex-start}.recharge-qr{width:138px}.recharge-qr-wrap small{font-size:9px}}
.kyc-status-surface{margin-bottom:16px}.kyc-layout{align-items:start}.kyc-notice{margin-bottom:14px}.kyc-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.kyc-status-grid>div{padding:13px;border:1px solid var(--portal-line);border-radius:13px;background:linear-gradient(145deg,#effbf0,#fff)}.kyc-status-grid>div:nth-child(2){background:linear-gradient(145deg,#edf8ff,#fff)}.kyc-status-grid>div:nth-child(3){background:linear-gradient(145deg,#fff4e8,#fff)}.kyc-status-grid>div:nth-child(4){background:linear-gradient(145deg,#f4f0ff,#fff)}.kyc-status-grid small,.kyc-status-grid strong{display:block}.kyc-status-grid small{font-size:10px;color:var(--portal-muted)}.kyc-status-grid strong{font-size:17px;margin-top:5px}.kyc-state-note{margin-top:11px}.kyc-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kyc-terms{display:grid;gap:8px}.kyc-term{display:grid;gap:5px;padding:11px 12px;border:1px solid var(--portal-line);border-radius:12px;background:#fbfefc}.kyc-term>span{display:flex;align-items:flex-start;gap:8px;color:var(--portal-ink);font-size:12px;font-weight:750}.kyc-term input{width:auto;margin-top:2px}.kyc-term small{color:var(--portal-muted);font-size:10px}.kyc-term details{color:var(--portal-muted);font-size:10px}.kyc-term summary{cursor:pointer;color:var(--portal-deep);font-weight:750}.kyc-term p{max-height:150px;overflow:auto;white-space:pre-line;line-height:1.55}.kyc-step-list{display:grid;gap:8px}.kyc-step-list>div{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--portal-line)}.kyc-step-list>div:first-child{border-top:0}.kyc-step-list b{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#e1f7e7;color:var(--portal-deep);font-size:10px}.kyc-step-list span{font-size:12px;font-weight:700}
@media(max-width:760px){.kyc-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kyc-file-grid{grid-template-columns:1fr}.kyc-layout .portal-side-card{margin-top:10px}}
@media(max-width:420px){.kyc-status-grid strong{font-size:15px}.kyc-status-grid>div{padding:10px}.kyc-term>span{font-size:11px}}

/* Publish cloud drafts: compact, clear, and consistent with the portal cards. */
.publish-drafts{display:grid;gap:7px;margin:0 0 14px;padding:11px;border:1px solid var(--portal-line);border-radius:14px;background:linear-gradient(135deg,#f1fbf3,#fffaf2)}
.publish-drafts-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 2px 4px}.publish-drafts-heading strong{font-size:12px}.publish-drafts-heading small{color:var(--portal-muted);font-size:10px}
.publish-draft-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:1px solid var(--portal-line);border-radius:10px;background:var(--portal-card);text-align:left}.publish-draft-item:hover{border-color:var(--portal-green);background:#f4fff6}.publish-draft-item span{display:grid;gap:2px;min-width:0}.publish-draft-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.publish-draft-item small{color:var(--portal-muted);font-size:9px}.publish-draft-item i{flex:0 0 auto;color:var(--portal-deep);font-size:10px;font-style:normal;font-weight:800}
html[data-portal-theme="dark"] .publish-drafts{background:#102419}html[data-portal-theme="dark"] .publish-draft-item:hover{background:#173b27}
.search-hot-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.search-hot-row button{border:0;border-radius:999px;padding:5px 9px;background:rgba(255,157,56,.12);color:#a55a12;font-size:10px;cursor:pointer}.search-hot-row button:hover{background:rgba(255,157,56,.22)}
.plaza-feed-head-tools{display:flex;align-items:center;gap:8px}.plaza-refresh-button{border:1px solid var(--portal-line);border-radius:999px;padding:5px 8px;background:var(--portal-card);color:var(--portal-deep);font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.plaza-refresh-button:hover{border-color:var(--portal-green);background:#effaf1}.plaza-refresh-button:disabled{cursor:wait;opacity:.6}.plaza-view-switch{display:flex;gap:2px;padding:2px;border:1px solid var(--portal-line);border-radius:999px;background:var(--portal-card)}.plaza-view-switch button{border:0;border-radius:999px;padding:4px 7px;background:transparent;color:var(--portal-muted);font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.plaza-view-switch button.active{background:#e4f8e8;color:var(--portal-deep)}.plaza-feed-grid.plaza-feed-single{column-count:1;display:grid;gap:10px}.plaza-feed-grid.plaza-feed-single .portal-feed-card{margin:0;width:100%}
@media(max-width:420px){.plaza-feed-head-tools{gap:4px}.plaza-feed-head-tools>span{display:none}}

/* Digital services: keep the status visible in the entry cards and preserve
   a compact one-column hero on phones and narrow landscape screens. */
@media(max-width:760px){.service-grid{gap:8px;margin-top:9px}.service-tile{min-height:154px;padding:13px;border-radius:15px}.service-tile h2{font-size:16px}.service-tile p{font-size:10px}.service-tile-status{font-size:8px}.service-tile-action{font-size:10px;padding-top:8px}.service-principles-surface{margin-top:12px}.service-principles-actions{gap:6px}}
@media(max-width:420px){.service-intro h1{font-size:29px}.service-grid{grid-template-columns:1fr 1fr}.service-tile{min-height:148px;padding:11px}.service-tile small{font-size:8px}.service-tile h2{font-size:15px}.service-tile p{font-size:9px}.service-tile-status{max-width:100%;font-size:7px;padding:3px 5px}.service-tile-action{font-size:9px}}
/* HLS fallback errors remain visible without disturbing the compact card layout. */
.video-playback-error{position:absolute;z-index:3;left:10px;right:10px;bottom:10px;padding:6px 8px;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;font-size:10px;text-align:center;pointer-events:none}

/* Mobile-first full-bleed content: the viewport owns the width while the
   inner 8–10px rhythm keeps text and controls readable. This removes the
   narrow centered-card effect on phones without changing desktop widths. */
@media(max-width:760px){
  body.portal-body .portal-main .portal-shell{width:100%;max-width:none;padding-inline:10px}
  body.portal-body .portal-main .portal-shell .portal-layout{width:100%}
  body.portal-body .portal-main .portal-shell .portal-surface{border-radius:16px}
  body.portal-body .portal-main .portal-shell .portal-feed-card{width:100%;max-width:none}
}
@media(max-width:560px){
  body.portal-body .portal-main .portal-shell{padding-inline:8px}
  body.portal-body .portal-page-hero h1,body.portal-body .portal-section-heading h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.portal-body .portal-page-hero p,body.portal-body .portal-section-heading p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:760px) and (orientation:landscape){
  body.portal-body .portal-main .portal-shell{padding-inline:8px}
  body.portal-body .portal-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.portal-body .portal-page-hero h1,body.portal-body .portal-section-heading h1{font-size:29px}
}

/* Safety report history: compact on desktop and readable on narrow phones. */
.safety-report-list{display:grid;gap:0;margin-top:12px}.safety-report-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid var(--portal-line)}.safety-report-row:first-child{border-top:0}.safety-report-row>div:first-child{min-width:0}.safety-report-row strong,.safety-report-row small,.safety-report-row time{display:block}.safety-report-row strong{font-size:12px}.safety-report-row small,.safety-report-row time{margin-top:3px;color:var(--portal-muted);font-size:10px;line-height:1.4}.safety-report-result{min-width:190px;text-align:right}.safety-report-result .status-pill{display:inline-flex}.safety-report-result time{font-size:9px}
@media(max-width:560px){.safety-report-row{display:block}.safety-report-result{min-width:0;margin-top:7px;text-align:left}}
.feed-pagination-state{min-height:24px;padding:12px 4px 4px;color:var(--portal-muted);font-size:12px;text-align:center}
.feed-load-more{display:block;margin:8px auto 24px;min-width:180px}

/* Article CMS public feed: single-column editorial cards keep rich media
   readable on phones while the color rail separates different articles. */
.article-page{padding-top:8px}.article-feed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:0 3px}.article-feed-toolbar>a{font-size:10px;color:var(--portal-deep);font-weight:800;text-decoration:none}.article-feed-status{display:inline-flex;align-items:center;gap:6px;color:var(--portal-muted);font-size:10px}.article-feed-status i{width:7px;height:7px;border-radius:50%;background:#18c978;box-shadow:0 0 0 4px #18c97822}.article-feed{display:grid;gap:10px;max-width:860px}.article-card{position:relative;overflow:hidden;border:1px solid var(--portal-line);border-radius:16px;background:var(--portal-card);box-shadow:var(--portal-shadow)}.article-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#19be75}.article-card.color-blue:before{background:#348ee8}.article-card.color-orange:before{background:#ee9b43}.article-card.color-purple:before{background:#8c6bdf}.article-card.color-pink:before{background:#df5f9c}.article-card-inner{padding:14px 16px 12px}.article-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.article-card-title{margin:0;color:var(--portal-ink);font-size:19px;line-height:1.22;letter-spacing:-.025em}.article-card-summary{margin:7px 0 0;color:var(--portal-muted);font-size:12px;line-height:1.5}.article-author-line{display:flex;align-items:center;gap:7px;color:var(--portal-muted);font-size:10px}.article-author-line img{width:25px;height:25px;border-radius:50%;object-fit:cover;background:#e8f8ed}.article-author-line .article-avatar-fallback{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dff8e6;color:var(--portal-deep);font-weight:850}.article-pin{border-radius:999px;padding:4px 7px;background:#fff1da;color:#a45f15;font-size:9px;font-weight:850;white-space:nowrap}.article-body{margin-top:10px;color:var(--portal-ink);font-size:13px;line-height:1.65;overflow-wrap:anywhere}.article-body p{margin:.35em 0}.article-body img,.article-body video{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:12px;background:#edf6ef;margin:8px 0}.article-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.article-media-grid img,.article-media-grid video{width:100%;height:210px;object-fit:cover;border-radius:11px;background:#edf6ef}.article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:11px;padding-top:9px;border-top:1px solid var(--portal-line);color:var(--portal-muted);font-size:10px}.article-meta button{border:0;background:transparent;color:var(--portal-muted);font-size:10px;cursor:pointer;padding:0}.article-meta button.is-liked{color:#e15d87;font-weight:850}.article-meta time{margin-left:auto}.article-loading-more{margin:8px auto 25px}.article-empty{padding:22px;border:1px dashed var(--portal-line);border-radius:14px;color:var(--portal-muted);text-align:center;font-size:11px}.article-detail-comments{margin-top:12px;padding-top:10px;border-top:1px solid var(--portal-line)}.article-detail-comments h3{font-size:13px;margin:0 0 6px}.article-comment{padding:7px 0;border-top:1px solid var(--portal-line);font-size:11px}.article-comment small{display:block;color:var(--portal-muted);margin-top:2px}
@media(max-width:560px){.article-card-inner{padding:12px 12px 10px}.article-card-title{font-size:17px}.article-card-summary{font-size:11px}.article-body{font-size:12px}.article-media-grid img,.article-media-grid video{height:150px}.article-meta{gap:8px}.article-meta time{width:100%;margin-left:0}}

.article-comment-form{display:flex;gap:7px;align-items:flex-end;margin-top:10px}.article-comment-form textarea{min-height:62px;flex:1;resize:vertical;padding:8px 10px;border:1px solid var(--portal-line);border-radius:10px;background:var(--portal-surface);color:var(--portal-ink);font:inherit;font-size:11px}.article-comment-form .portal-primary{flex:0 0 auto;padding:8px 11px;font-size:10px}
@media(max-width:560px){.article-comment-form{display:grid;grid-template-columns:1fr}.article-comment-form .portal-primary{justify-self:end}}

/* Plaza feed width pass: desktop cards are equal-width two-column tiles;
   single-column mode and phones remain intentionally full-width. */
.plaza-feed-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-count:initial;column-gap:0;gap:10px}.plaza-feed-grid .portal-feed-card{display:flex;flex-direction:column;width:100%;margin:0;break-inside:initial}.plaza-feed-grid .portal-feed-card:nth-child(2n){border-top-color:var(--portal-blue)}.plaza-feed-grid .portal-feed-card:nth-child(2n+1){border-top-color:var(--portal-green)}.plaza-feed-grid .portal-feed-card:nth-child(3n){border-top-color:var(--portal-orange)}.plaza-feed-grid.plaza-feed-single{grid-template-columns:1fr!important;display:grid!important;gap:10px}.plaza-feed-grid.plaza-feed-single .portal-feed-card{width:100%;margin:0}.plaza-feed-grid .portal-media.portal-image-grid{width:100%;overflow:hidden}.plaza-feed-grid .portal-media.portal-image-grid .portal-media-image{width:100%;display:block}
@media(max-width:760px){.plaza-feed-grid{grid-template-columns:1fr;gap:8px}.plaza-feed-grid .portal-feed-card{width:100%}}

/* Plaza editorial refresh: a live pulse, clearer hierarchy and explicit
   detail affordances make the public feed feel active without inventing data. */
.plaza-hero-rail{display:grid;gap:8px;flex:0 0 300px}.plaza-live-pulse{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:6px 9px;border:1px solid #bdebd0;border-radius:999px;background:linear-gradient(90deg,#effcf3,#f7fbff);color:var(--portal-deep);font-size:10px;font-weight:750}.plaza-live-pulse i{width:7px;height:7px;border-radius:50%;background:#16c978;box-shadow:0 0 0 4px #16c97822;animation:plaza-pulse 1.8s ease-in-out infinite}.plaza-live-pulse b{font-size:8px;letter-spacing:.12em;color:#159660}.plaza-live-pulse span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plaza-hero-note{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border:1px solid var(--portal-line);border-radius:12px;background:linear-gradient(110deg,#fff8ee,#f3fbff);color:var(--portal-muted);font-size:9px}.plaza-hero-note strong{color:var(--portal-deep);font-size:9px;white-space:nowrap}.plaza-feed-grid .portal-feed-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.plaza-feed-grid .portal-feed-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(8,58,33,.12)}.plaza-feed-grid .portal-author{align-items:center}.plaza-feed-grid .portal-card-detail{display:inline-flex!important;align-items:center;gap:3px;color:var(--portal-deep)!important;font-weight:850;text-decoration:none}.plaza-feed-grid .portal-card-detail:hover{text-decoration:underline;text-underline-offset:3px}.plaza-feed-grid .portal-card-detail span{font-size:12px}.plaza-feed-head-tools{flex-wrap:wrap}.plaza-feed-head-tools>[data-plaza-feed-state]{white-space:nowrap}.plaza-topic-strip>a{border:1px solid transparent;transition:transform .15s ease,background .15s ease,border-color .15s ease}.plaza-topic-strip>a:hover{transform:translateY(-1px);background:#fff;border-color:#9ee1b8}.plaza-sidebar .portal-side-card{backdrop-filter:blur(10px)}
@keyframes plaza-pulse{0%,100%{opacity:.45;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}
@media(max-width:760px){.plaza-hero-rail{display:block}.plaza-hero-note{margin-top:7px}.plaza-live-pulse{max-width:100%;margin-top:10px}.plaza-live-pulse span{max-width:calc(100vw - 150px)}.plaza-feed-grid .portal-feed-card:hover{transform:none}}
@media(prefers-color-scheme:dark){.plaza-live-pulse{background:#12261a;border-color:#285d3c}.plaza-hero-note{background:#1b241d}.plaza-hero-note strong{color:#b9e9c8}.plaza-topic-strip>a:hover{background:#132b1d;border-color:#2c7545}}

/* Plaza shell alignment: keep the feed and sidebar on the same full-width grid as the header. */
.plaza-layout{grid-template-columns:minmax(0,1fr) 286px;justify-content:stretch;width:100%;max-width:none}
.plaza-main-column{width:100%;min-width:0}
.plaza-sidebar{width:100%}
@media(max-width:1000px){.plaza-layout{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:760px){.plaza-layout{display:block;width:100%}}

/* Shortcut buttons: keep every quick action readable in both themes.  The
   previous dark-theme surface rule also caught pill buttons, leaving their
   label and background too close in tone. */
.portal-actions .portal-icon{
  background:linear-gradient(145deg,#f2fff6,#dff7e8);
  color:#17653d!important;
  border:1px solid #b8e8c8;
  box-shadow:0 3px 10px rgba(20,125,72,.12);
}
.portal-actions .portal-icon:hover,
.portal-actions .portal-icon:focus-visible{
  background:linear-gradient(145deg,#d9f8e5,#bceecf);
  color:#075b31!important;
  border-color:#79d49e;
}
.portal-publish,.portal-primary{
  color:#06331d!important;
  background:linear-gradient(135deg,#35df84,#16b968)!important;
  border:1px solid #0fa55a!important;
  box-shadow:0 5px 14px rgba(22,185,104,.2);
  text-shadow:none;
}
.portal-body a.portal-publish{color:#06331d!important}
.portal-publish:hover,.portal-primary:hover,
.portal-publish:focus-visible,.portal-primary:focus-visible{
  color:#032214!important;
  background:linear-gradient(135deg,#55e99a,#20c875)!important;
  border-color:#0a914c!important;
}
.portal-button-secondary{
  color:#12643a!important;
  background:linear-gradient(145deg,#ffffff,#effcf3)!important;
  border-color:#a9dfbb!important;
  box-shadow:0 3px 10px rgba(20,125,72,.08);
  text-shadow:none;
}
.portal-button-secondary:hover,.portal-button-secondary:focus-visible{
  color:#075b31!important;
  background:linear-gradient(145deg,#e5faec,#d3f5df)!important;
  border-color:#58c984!important;
}
.article-feed-toolbar>a{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 12px;
  border:1px solid #a9dfbb;
  border-radius:999px;
  background:linear-gradient(145deg,#ffffff,#effcf3);
  color:#12643a!important;
  box-shadow:0 3px 10px rgba(20,125,72,.08);
}
.article-feed-toolbar>a:hover,.article-feed-toolbar>a:focus-visible{
  background:linear-gradient(145deg,#e5faec,#d3f5df);
  border-color:#58c984;
  color:#075b31!important;
}
.portal-publish:focus-visible,.portal-primary:focus-visible,
.portal-button-secondary:focus-visible,.portal-actions .portal-icon:focus-visible,
.article-feed-toolbar>a:focus-visible{outline:3px solid rgba(42,205,119,.35);outline-offset:2px}
@media(prefers-color-scheme:dark){
  html:not([data-portal-theme="light"]) .portal-actions .portal-icon{
    background:linear-gradient(145deg,#1e5638,#173d2a)!important;
    color:#c8ffdc!important;
    border-color:#4b9b6d!important;
  }
  html:not([data-portal-theme="light"]) .portal-actions .portal-icon:hover,
  html:not([data-portal-theme="light"]) .portal-actions .portal-icon:focus-visible{
    background:linear-gradient(145deg,#2b7049,#225d3b)!important;
    color:#ffffff!important;
  }
  html:not([data-portal-theme="light"]) .portal-publish,
  html:not([data-portal-theme="light"]) .portal-primary{
    color:#042b18!important;
    background:linear-gradient(135deg,#55e99a,#20c875)!important;
  }
  html:not([data-portal-theme="light"]) .portal-button-secondary,
  html:not([data-portal-theme="light"]) .article-feed-toolbar>a{
    color:#eafff0!important;
    background:linear-gradient(145deg,#245f3c,#1a4d31)!important;
    border-color:#4b9b6d!important;
  }
  html:not([data-portal-theme="light"]) .portal-button-secondary:hover,
  html:not([data-portal-theme="light"]) .portal-button-secondary:focus-visible,
  html:not([data-portal-theme="light"]) .article-feed-toolbar>a:hover,
  html:not([data-portal-theme="light"]) .article-feed-toolbar>a:focus-visible{
    color:#ffffff!important;
    background:linear-gradient(145deg,#347b50,#286741)!important;
    border-color:#70c891!important;
  }
}
html[data-portal-theme="dark"] .portal-actions .portal-icon{background:linear-gradient(145deg,#1e5638,#173d2a)!important;color:#c8ffdc!important;border-color:#4b9b6d!important}
html[data-portal-theme="dark"] .portal-publish,html[data-portal-theme="dark"] .portal-primary{color:#042b18!important;background:linear-gradient(135deg,#55e99a,#20c875)!important}
html[data-portal-theme="dark"] .portal-button-secondary,html[data-portal-theme="dark"] .article-feed-toolbar>a{color:#eafff0!important;background:linear-gradient(145deg,#245f3c,#1a4d31)!important;border-color:#4b9b6d!important}
html[data-portal-theme="light"] .portal-actions .portal-icon{background:linear-gradient(145deg,#f2fff6,#dff7e8)!important;color:#17653d!important;border-color:#b8e8c8!important}
html[data-portal-theme="light"] .portal-publish,html[data-portal-theme="light"] .portal-primary{color:#06331d!important;background:linear-gradient(135deg,#35df84,#16b968)!important}
html[data-portal-theme="light"] .portal-button-secondary,html[data-portal-theme="light"] .article-feed-toolbar>a{color:#12643a!important;background:linear-gradient(145deg,#ffffff,#effcf3)!important;border-color:#a9dfbb!important}

/* Header action group: search, publish, notifications and account now read as
   one compact control cluster instead of unrelated floating buttons. */
.portal-actions{
  display:flex;
  align-items:center;
  gap:6px;
  padding:4px;
  border:1px solid #d9eee0;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  box-shadow:0 5px 16px rgba(19,111,62,.08);
}
.portal-actions .portal-icon{
  width:34px;
  height:34px;
  border:1px solid #b8e8c8;
  box-shadow:none;
}
.portal-actions .portal-publish{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:64px;
  height:34px;
  padding:0 14px;
  letter-spacing:.01em;
}
.portal-actions .portal-account{
  min-height:34px;
  padding:2px 10px 2px 4px;
  border:1px solid #d0ead8;
  border-radius:999px;
  color:#214332;
  background:#f4fbf6;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.portal-actions .portal-account:hover,
.portal-actions .portal-account:focus-visible{
  border-color:#78d39b;
  background:#e9f9ee;
  box-shadow:0 3px 10px rgba(20,125,72,.1);
}
.portal-actions .account-avatar{width:30px;height:30px}
.portal-actions .account-label{font-size:11px;font-weight:850}
@media(prefers-color-scheme:dark){
  html:not([data-portal-theme="light"]) .portal-actions{
    border-color:#2d6848;
    background:rgba(12,35,23,.94);
    box-shadow:0 6px 18px rgba(0,0,0,.22);
  }
  html:not([data-portal-theme="light"]) .portal-actions .portal-account{
    border-color:#3b7956;
    color:#eafff0;
    background:#173b27;
  }
  html:not([data-portal-theme="light"]) .portal-actions .portal-account:hover,
  html:not([data-portal-theme="light"]) .portal-actions .portal-account:focus-visible{
    border-color:#70c891;
    background:#225d3b;
  }
}
html[data-portal-theme="dark"] .portal-actions{border-color:#2d6848;background:rgba(12,35,23,.94);box-shadow:0 6px 18px rgba(0,0,0,.22)}
html[data-portal-theme="dark"] .portal-actions .portal-account{border-color:#3b7956;color:#eafff0;background:#173b27}
html[data-portal-theme="dark"] .portal-actions .portal-account:hover,html[data-portal-theme="dark"] .portal-actions .portal-account:focus-visible{border-color:#70c891;background:#225d3b}
html[data-portal-theme="light"] .portal-actions{border-color:#d9eee0;background:rgba(255,255,255,.88);box-shadow:0 5px 16px rgba(19,111,62,.08)}
html[data-portal-theme="light"] .portal-actions .portal-account{border-color:#d0ead8;color:#214332;background:#f4fbf6}
@media(max-width:760px){
  .portal-actions{gap:3px;padding:3px;border-radius:18px}
  .portal-actions .portal-icon{width:32px;height:32px}
  .portal-actions .portal-account{min-height:32px;padding-right:5px}
  .portal-actions .account-avatar{width:28px;height:28px}
}

/* The publishing surface follows the shared navigation width. Quill keeps
   the toolbar compact while the editor remains comfortable on mobile. */
.publish-surface{width:100%;max-width:none}.publish-rich-content{display:block}.publish-rich-editor{margin-top:8px;border:1px solid var(--portal-line);border-radius:12px;overflow:hidden;background:var(--portal-card)}.publish-rich-editor .ql-toolbar.ql-snow{border:0;border-bottom:1px solid var(--portal-line);background:var(--portal-paper)}.publish-rich-editor .ql-container.ql-snow{border:0;min-height:260px;font-family:inherit;font-size:14px}.publish-rich-editor .ql-editor{min-height:260px;line-height:1.7;color:var(--portal-ink)}.publish-rich-editor .ql-editor img{max-width:100%;height:auto;border-radius:10px}.publish-rich-editor .ql-editor.ql-blank::before{color:var(--portal-muted);font-style:normal}.publish-rich-editor .ql-snow .ql-picker{color:var(--portal-muted)}
@media(max-width:760px){.publish-rich-editor .ql-toolbar.ql-snow{padding:7px 5px}.publish-rich-editor .ql-container.ql-snow,.publish-rich-editor .ql-editor{min-height:220px;font-size:13px}.publish-surface{border-radius:14px}}

/* Article feed status colors make pending, success, empty and error states
   recognizable without relying on the content cards themselves. */
.article-feed-status.is-success{color:var(--portal-deep)}
.article-feed-status.is-empty{color:#9b7441}
.article-feed-status.is-empty i{background:#e7a33b;box-shadow:0 0 0 4px #e7a33b22}
.article-feed-status.is-error{color:#c94f62}
.article-feed-status.is-error i{background:#e15d69;box-shadow:0 0 0 4px #e15d6922}

/* Notification center status stays visible above the list while the API
   changes between loading, available, empty and failed states. */
.notification-feed-status{display:inline-flex;align-items:center;gap:7px;margin:2px 0 12px;color:var(--portal-muted);font-size:12px;font-weight:800;letter-spacing:.01em}
.notification-feed-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#26c36b;box-shadow:0 0 0 4px #26c36b20}
.notification-feed-status.is-success{color:var(--portal-deep)}
.notification-feed-status.is-empty{color:#9b7441}
.notification-feed-status.is-empty i{background:#e7a33b;box-shadow:0 0 0 4px #e7a33b22}
.notification-feed-status.is-error{color:#c94f62}
.notification-feed-status.is-error i{background:#e15d69;box-shadow:0 0 0 4px #e15d6922}

/* Shared navigation state: the active mobile destination remains visible
   after JS hydration, and keyboard focus has the same clear green treatment
   as pointer interaction. */
.portal-mobile-nav a.active{background:#dff7e7;color:var(--portal-deep);box-shadow:inset 0 0 0 1px #a9dfbb}
.portal-mobile-nav a:hover,.portal-mobile-nav a:focus-visible{background:#dff7e7;color:var(--portal-deep);outline:none}
.portal-mobile-toggle:focus-visible,.portal-nav a:focus-visible,.portal-menu summary:focus-visible,.portal-bottom-nav a:focus-visible{outline:3px solid rgba(42,205,119,.35);outline-offset:2px}
@media(max-width:760px){.portal-mobile-nav{max-height:0;overflow:hidden;transition:max-height .2s ease;padding-top:0;padding-bottom:0}.portal-mobile-nav.open{max-height:420px;padding-top:10px;padding-bottom:17px}.portal-mobile-nav a{min-height:42px;display:grid;place-items:center}}

/* Publishing workspace: a calm, compact writing surface with clear media and visibility controls. */
.publish-page .portal-shell{max-width:1240px}.publish-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.publish-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #cfeede;border-radius:999px;background:#f2fbf5;color:#218557;font-size:12px;font-weight:800;white-space:nowrap}.publish-hero-badge i{width:7px;height:7px;border-radius:50%;background:#25c875;box-shadow:0 0 0 4px #25c87522}.publish-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.publish-editor-card{padding:0;overflow:hidden}.publish-toolbar-main{padding:15px 18px;border-bottom:1px solid var(--portal-line);background:linear-gradient(110deg,#fbfffc,#f8fbff)}.publish-section-heading{display:flex;align-items:center;gap:10px}.publish-section-heading strong{display:block;font-size:17px;color:var(--portal-ink)}.publish-section-heading small{display:block;margin-top:3px;color:var(--portal-muted);font-size:11px}.publish-section-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#1cc675,#2f9bea);font-size:18px;box-shadow:0 6px 14px #1cc67532}.publish-toolbar-actions{gap:6px}.publish-toolbar-actions .portal-button-secondary{min-height:32px;padding:0 11px;font-size:11px}.publish-form{padding:18px}.publish-form-topline{display:grid;grid-template-columns:1fr 1fr;gap:12px}.publish-field,.publish-title-field,.publish-summary-field,.publish-content-field{display:block;margin:0 0 14px}.publish-field>label,.publish-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;color:var(--portal-ink);font-size:12px;font-weight:850}.publish-label-row small{color:var(--portal-muted);font-size:10px;font-weight:650}.publish-field select,.publish-form input,.publish-form textarea{width:100%;border:1px solid var(--portal-line);border-radius:11px;background:var(--portal-card);color:var(--portal-ink);font:inherit;font-size:13px;outline:none}.publish-field select,.publish-form input{min-height:42px;padding:0 12px}.publish-form textarea{padding:10px 12px;resize:vertical}.publish-form input:focus,.publish-form textarea:focus,.publish-field select:focus{border-color:#62cd99;box-shadow:0 0 0 3px #32c87918}.publish-title-field input{min-height:50px;font-size:17px;font-weight:800}.publish-summary-field textarea{min-height:68px}.publish-content-field textarea{min-height:255px}.publish-scope-hint{display:block;margin-top:6px;color:var(--portal-muted);font-size:10px;line-height:1.45}.publish-rich-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-3px 0 13px;padding:9px 10px;border:1px solid #dcefe4;border-radius:11px;background:#f5fbf7}.publish-rich-actions-label{color:var(--portal-ink);font-size:11px;font-weight:850}.publish-tool-button{border:0;border-radius:999px;padding:6px 10px;color:#fff;font:inherit;font-size:11px;font-weight:850;cursor:pointer;box-shadow:0 3px 8px #102c1d13}.publish-tool-button.is-green{background:#17b96c}.publish-tool-button.is-blue{background:#2789dc}.publish-tool-button.is-purple{background:#8a58dc}.publish-tool-button.is-amber{background:#e59b38}.publish-rich-tip{color:var(--portal-muted);font-size:10px}.publish-article-media-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-3px 0 13px;padding:8px 9px;border-radius:10px;background:#f8fafc}.publish-media-list-label{color:var(--portal-muted);font-size:10px;font-weight:800}.publish-media-chip{display:inline-flex;align-items:center;gap:5px;max-width:210px;border-radius:999px;padding:5px 8px;background:#eaf8f0;color:#1e8052;font-size:10px}.publish-media-chip.is-video{background:#edf5ff;color:#256da8}.publish-media-chip.is-file{background:#f5efff;color:#744da8}.publish-media-chip b{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-media-chip button{border:0;background:transparent;color:inherit;font-size:15px;line-height:1;cursor:pointer}.publish-media-field{padding:10px 11px;border:1px dashed var(--portal-line);border-radius:11px;color:var(--portal-ink);font-size:11px;font-weight:800}.publish-media-field input{margin-top:7px;padding:7px;border:0;background:transparent;min-height:32px;font-size:11px}.publish-media-field .portal-form-note{display:block;color:var(--portal-muted);font-size:10px;font-weight:500}.publish-notice{display:flex;gap:8px;align-items:flex-start;margin-top:13px;padding:10px 11px;border:1px solid #d6eee1;border-radius:11px;background:#f0faf5;color:#3a6e56;font-size:11px;line-height:1.5}.publish-notice>span:first-child{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px;border-radius:50%;background:#1fbd70;color:#fff;font-size:10px;font-weight:900}.publish-submit-row{margin-top:14px;gap:7px}.publish-submit{min-height:40px;padding:0 18px}.publish-side-column{display:grid;gap:12px;position:sticky;top:76px}.publish-side-card{padding:15px;border:1px solid var(--portal-line);border-radius:16px;background:var(--portal-card);box-shadow:0 8px 24px #153e5e0b}.publish-side-guide{display:flex;gap:10px;background:linear-gradient(135deg,#f1fbf5,#f5f9ff)}.publish-side-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:12px;color:#fff;font-size:20px}.publish-side-icon.is-green{background:#17bd70}.publish-side-card b{color:var(--portal-ink);font-size:13px}.publish-side-card p{margin:5px 0 0;color:var(--portal-muted);font-size:10px;line-height:1.6}.publish-side-title{margin-bottom:10px;color:var(--portal-ink);font-size:13px;font-weight:900}.publish-scope-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.publish-scope-list span{display:flex;align-items:center;gap:6px;color:var(--portal-ink);font-size:11px;font-weight:800}.publish-scope-list i{width:8px;height:8px;border-radius:50%}.publish-scope-list i.is-green{background:#19bc70}.publish-scope-list i.is-blue{background:#2789dc}.publish-scope-list i.is-purple{background:#8a58dc}.publish-scope-list i.is-amber{background:#e59b38}.publish-process{display:grid;gap:8px}.publish-process span{display:flex;align-items:center;gap:8px;color:var(--portal-ink);font-size:11px;font-weight:750}.publish-process b{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#eaf8f0;color:#148353;font-size:10px}.publish-preview-rich{color:var(--portal-ink);font-size:14px;line-height:1.7}.publish-preview-rich img,.publish-preview-rich video{max-width:100%;height:auto;border-radius:10px}.publish-preview-rich video{display:block;background:#101820}.publish-drafts:empty{display:none}
@media(max-width:900px){.publish-workspace{grid-template-columns:1fr}.publish-side-column{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.publish-side-guide{grid-column:span 2}.publish-side-process{grid-column:span 1}}
@media(max-width:640px){.publish-hero{display:block}.publish-hero-badge{margin-top:11px;font-size:10px}.publish-form-topline{grid-template-columns:1fr;gap:0}.publish-toolbar-main{align-items:flex-start!important}.publish-toolbar-actions{width:100%;margin-top:10px}.publish-toolbar-actions .portal-button-secondary{flex:1}.publish-form{padding:13px}.publish-content-field textarea{min-height:220px}.publish-side-column{grid-template-columns:1fr}.publish-side-guide,.publish-side-process{grid-column:auto}.publish-submit-row{display:grid;grid-template-columns:1fr 1fr}.publish-submit-row .publish-submit{grid-column:1/-1}.publish-submit-row a{justify-content:center}.publish-rich-tip{width:100%}}
.article-comments-toggle{color:var(--portal-deep)!important;font-weight:800}.article-inline-comments{display:grid;gap:8px;margin-top:10px;padding:10px 11px;border-top:1px solid var(--portal-line);border-radius:12px;background:var(--portal-surface)}.article-inline-comments[hidden]{display:none}.article-inline-comments-head{display:flex;align-items:center;gap:7px}.article-inline-comments-head strong{font-size:11px;color:var(--portal-deep)}.article-inline-comments-head span{color:var(--portal-muted);font-size:10px}.article-inline-comments-head button{margin-left:auto;border:1px solid var(--portal-line);border-radius:999px;padding:4px 8px;background:var(--portal-card);color:var(--portal-deep);font-size:9px;cursor:pointer}.article-inline-comments [data-article-comments-list]{display:grid;gap:5px;max-height:260px;overflow:auto}.article-inline-comment{padding:7px 8px;border-radius:9px;background:#f3faf4}.article-inline-comment-head{display:flex;align-items:baseline;gap:7px}.article-inline-comment-head b{font-size:10px;color:var(--portal-deep)}.article-inline-comment-head time{margin-left:auto;color:var(--portal-muted);font-size:9px}.article-inline-comment p{margin:3px 0 0;color:#53695c;font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.article-inline-comment-state{padding:8px;color:var(--portal-muted);font-size:10px;text-align:center}.article-inline-comment-state.is-error{color:#a45050}.article-inline-comments form{display:flex;gap:6px}.article-inline-comments textarea{min-width:0;min-height:32px;height:32px;flex:1;resize:vertical;border:1px solid var(--portal-line);border-radius:10px;padding:7px 9px;background:var(--portal-card);color:var(--portal-ink);font:inherit;font-size:10px}.article-inline-comments form button{flex:0 0 auto;border:0;border-radius:999px;padding:0 11px;background:var(--portal-green);color:#fff;font-size:10px;font-weight:800}.article-inline-comments form button:disabled{opacity:.55;cursor:wait}html[data-portal-theme="dark"] .article-inline-comment{background:#173124}html[data-portal-theme="dark"] .article-inline-comment p{color:#b4cdbb}