/* Wolf Network shared UI. Presentation only; ad previews and video output retain their own design. */
html.network-ui {
  color-scheme:dark;
  --nw-bg:#0a0d12; --nw-panel:#11161e; --nw-raised:#151b24; --nw-line:#252c37;
  --nw-text:#f1f3f8; --nw-muted:#a6afbe; --nw-accent:#96aaff; --nw-soft:rgba(150,170,255,.11);
  --bg:#0a0d12; --bg0:#0a0d12; --bg-0:#0a0d12; --bg-1:#0d1118; --bg-2:#11161e;
  --surface:#11161e; --surface-1:#11161e; --surface-2:#151b24; --surface2:#151b24; --card:#11161e; --panel:#11161e;
  --border:#252c37; --border2:#364052; --border-strong:#435171; --line:#252c37; --line-hot:#435171;
  --text:#f1f3f8; --text-0:#f1f3f8; --text-1:#d6dce6; --text-2:#a6afbe; --text-3:#8994a6;
  --t0:#f1f3f8; --t1:#d6dce6; --t2:#a6afbe; --t3:#8994a6; --muted:#a6afbe;
  --blue:#96aaff; --focus:#96aaff; --accent:#96aaff; --cyan:#96aaff; --violet:#96aaff; --pink:#a69cff; --green:#96aaff;
  --cyan-soft:rgba(150,170,255,.11); --soft:rgba(150,170,255,.11); --red:#ee8d99; --lime:#80cfad; --amber:#e2bc7a;
  --grad:linear-gradient(135deg,#96aaff,#8f9cf4); --grad-1:linear-gradient(135deg,#96aaff,#8f9cf4); --grad-2:linear-gradient(135deg,#96aaff,#8f9cf4);
  --font-body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; --font-display:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --r-md:10px; --r-lg:14px;
  /* Compatibility with the existing settings UI. */
  --wx-bg:#0a0d12; --wx-sidebar:#0d1118; --wx-surface:#11161e; --wx-raised:#151b24;
  --wx-line:#252c37; --wx-line-soft:#252c37; --wx-line-strong:#364052; --wx-text:#f1f3f8; --wx-muted:#a6afbe; --wx-faint:#8994a6;
  --wx-accent:#96aaff; --wx-accent-strong:#b3c1ff; --wx-accent-soft:rgba(150,170,255,.11); --wx-success:#80cfad;
  background:var(--nw-bg);
}
html.network-ui *,html.network-ui *::before,html.network-ui *::after {box-sizing:border-box}
html.network-ui body {margin:0;min-width:320px;color:var(--nw-text);background:var(--nw-bg)!important;font:400 15px/1.55 var(--font-body);-webkit-font-smoothing:antialiased}
html.network-ui :is(.bg,.bg-stage),html.network-ui body::before {display:none!important}
html.network-ui :is(h1,h2,h3,h4,.title,.section-title):not(.previa-palco *) {font-family:var(--font-body)!important;letter-spacing:-.025em;text-transform:none;color:var(--nw-text)}
html.network-ui :is(.muted,.sub,.hint,.help,.description,.empty,.vazio) {color:var(--nw-muted)}
html.network-ui :is(label,.label,.field>span,.sidebar-head,.eyebrow):not(.previa-palco *) {font:500 13px/1.5 var(--font-body)!important;letter-spacing:0!important;text-transform:none!important;color:var(--nw-muted)}
html.network-ui :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),textarea,select) {
  min-width:0;min-height:44px;color:var(--nw-text);background:#0d1118;border:1px solid #303847;border-radius:8px;box-shadow:none;font:400 14px/1.5 var(--font-body);padding:10px 12px;
}
html.network-ui :is(input,textarea,select):focus {outline:none;border-color:var(--nw-accent);box-shadow:0 0 0 3px var(--nw-soft)}
html.network-ui ::placeholder {color:#8994a6;opacity:1}
html.network-ui :is(input[type=checkbox],input[type=radio],input[type=range]) {accent-color:var(--nw-accent)}
html.network-ui :is(button,.btn,.back-link,.primary-button,.secondary-button):not(.previa-palco *) {min-height:44px;border-radius:8px;font-family:var(--font-body);font-size:14px;letter-spacing:0;text-transform:none;transition:background .15s,border-color .15s,color .15s;box-shadow:none}
html.network-ui :is(button,.btn):hover:not(:disabled):not(.previa-palco *) {transform:none;box-shadow:none}
html.network-ui :is(button.primary,.btn-primary,.primary-button,button[type=submit]):not(.previa-palco *) {color:#101525!important;background:var(--nw-accent)!important;border:1px solid var(--nw-accent)!important;font-weight:650;box-shadow:none!important}
html.network-ui :is(button.primary,.btn-primary,.primary-button,button[type=submit]):hover:not(:disabled):not(.previa-palco *) {background:#b3c1ff!important;border-color:#b3c1ff!important}
html.network-ui :is(.ghost,.secondary-button,.back-link) {color:var(--nw-muted);background:transparent;border:1px solid var(--nw-line);box-shadow:none}
html.network-ui :is(.ghost,.secondary-button,.back-link):hover {color:var(--nw-text);background:var(--nw-raised);border-color:#364052}
html.network-ui :is(.danger,.btn-danger) {color:#ee9ba5!important;background:rgba(238,141,153,.06)!important;border-color:rgba(238,141,153,.3)!important}
html.network-ui :is(button,a,input,textarea,select,[tabindex]):focus-visible {outline:2px solid var(--nw-accent);outline-offset:3px}
html.network-ui :is(.toast,.set-toast,.hub-toast) {max-width:calc(100vw - 28px);background:#1a2130;border-color:#364052;box-shadow:0 6px 24px #0004;font:400 13px/1.5 var(--font-body);border-radius:8px}
html.network-ui ::selection {background:#96aaff55;color:var(--nw-text)}
html.network-ui * {scrollbar-width:thin;scrollbar-color:#384254 transparent}
html.network-ui *::-webkit-scrollbar {width:7px;height:7px}
html.network-ui *::-webkit-scrollbar-track {background:transparent}
html.network-ui *::-webkit-scrollbar-thumb {background:#384254;border:2px solid transparent;background-clip:padding-box;border-radius:9px}

/* Internal apps: common shell, surfaces and controls. */
html.network-tool body>.topbar {min-height:72px;padding:14px 28px;gap:16px;background:#0d1118;border-bottom:1px solid var(--nw-line);backdrop-filter:none}
html.network-tool .topbar h1 {font-size:20px;font-weight:650;line-height:1.3}
html.network-tool .topbar h1 .icon {width:34px;height:34px;background:var(--nw-soft);border:1px solid #96aaff26;border-radius:9px;color:var(--nw-accent);box-shadow:none}
html.network-tool .topbar h1 .icon .ph {color:var(--nw-accent)}
html.network-tool .shell {width:100%;max-width:1180px;padding:28px 32px 48px;margin-inline:auto;gap:20px}
html.network-tool :is(.card,.modal,.menu,.thumb-item,.bloco-item) {background:var(--nw-panel);border:1px solid var(--nw-line);border-radius:10px;box-shadow:none;backdrop-filter:none}
html.network-tool .card {padding:24px}
html.network-tool :is(.card,.thumb-item):hover {transform:none;border-color:#364052}
html.network-tool .card>h2 {font-size:17px;font-weight:600;line-height:1.5;letter-spacing:-.02em;text-transform:none}
html.network-tool .card>p {font-size:14px!important;line-height:1.65!important}
html.network-tool :is(.step,.platform-tag,.niche,.ht-icon,.best-badge) {background:var(--nw-soft);border-color:#96aaff33;color:var(--nw-accent);border-radius:6px}
html.network-tool .card>h2>.step {display:inline-grid;place-items:center;width:26px;height:26px;margin-right:8px;font:600 13px/1 var(--font-body);vertical-align:middle}
html.network-tool .cnt-bar .muted {font:400 12px/1.5 var(--font-body)}
html.network-tool :is(.card-foot,.main-head,.sidebar) {border-color:var(--nw-line)}
html.network-tool .card-foot {border-top-style:solid}
html.network-tool :is(.drop,.dropzone,.codigo,.video-title) {background:#0d1118;border-color:#303847;box-shadow:none;border-radius:8px}
html.network-tool .drop:hover {background:#131a29;border-color:var(--nw-accent)}
html.network-tool .modal {width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px}
html.network-tool .modal-overlay {background:#03060bb8;backdrop-filter:blur(3px);padding:16px}
html.network-tool .modal-actions {border-color:var(--nw-line);flex-wrap:wrap}
html.network-tool .menu button {min-height:40px}
html.network-tool .thumb-item.best {border-color:#96aaff66;box-shadow:none}
html.network-tool .thumb-actions .dl {color:var(--nw-accent);background:var(--nw-soft);border-color:#96aaff33}
html.network-tool :is(.thumb-grid,.grid) {grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px}
html.network-tool .progresso .barra {background:#252c37}
html.network-tool .progresso .barra span {background:var(--nw-accent)}
html.network-tool .counter-widget {background:#0d1118;border:1px solid var(--nw-line);border-radius:8px;box-shadow:none}
html.network-tool .cnt-num {color:var(--nw-accent);font-family:var(--font-body);font-weight:650;text-shadow:none}
html.network-tool .site-name {font:600 16px/1.5 var(--font-body);overflow-wrap:anywhere}
html.network-tool .site-head {align-items:flex-start;flex-wrap:wrap;gap:8px}
html.network-tool .stats-link {font:400 12px/1.5 var(--font-body);color:var(--nw-muted)}
html.network-tool[data-network-tool="site-counters"] .shell {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html.network-tool :is(.cnt-bar,.cnt-note) {grid-column:1/-1}
html.network-tool .cnt-bar {gap:12px;flex-wrap:wrap;margin-bottom:4px}
html.network-tool .cnt-note {font:400 13px/1.5 var(--font-body);letter-spacing:0}

/* Swipe Files: folders remain distinct from the global Network navigation. */
html.network-swipe .layout {grid-template-columns:210px minmax(0,1fr);height:calc(100dvh - 82px)}
html.network-swipe .sidebar {padding:20px 12px;background:#0d1118;gap:6px}
html.network-swipe .sidebar-head {color:var(--nw-muted);padding:4px 10px}
html.network-swipe .sidebar-head button {min-width:36px;padding:5px}
html.network-swipe .folder-item {min-height:44px;border-radius:8px;color:var(--nw-muted)}
html.network-swipe .folder-item.active {color:#bac7ff;background:var(--nw-soft);border-color:#96aaff26;box-shadow:none}
html.network-swipe .folder-item .menu-btn {opacity:1;min-height:32px;min-width:28px}
html.network-swipe .main {min-width:0;padding:26px}
html.network-swipe .main-head {flex-wrap:wrap;gap:12px}
html.network-swipe .main-head h2 {font-size:23px;line-height:1.35}
html.network-swipe .main-head .meta {font:400 12px/1.5 var(--font-body);letter-spacing:0}
html.network-swipe .card {padding:20px;gap:14px}
html.network-swipe :is(.who .username,.who .followers,.niche,.tag) {font-family:var(--font-body);letter-spacing:0}
html.network-swipe .niche {font-size:12px}
html.network-swipe .search-input {background:#0a0d12;border-color:var(--nw-line);border-radius:8px;min-width:0;width:100%;max-width:460px;padding:0 12px;min-height:44px}
html.network-ui.network-swipe .search-input input {padding:8px 0;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;min-height:42px}
html.network-swipe .search-input:focus-within {border-color:var(--nw-accent);box-shadow:0 0 0 3px var(--nw-soft)}
html.network-swipe .main-tabs {border-radius:9px;background:#0d1118;border-color:var(--nw-line)}
html.network-swipe .mt-btn {font-size:13px;border-radius:6px}
html.network-swipe .mt-btn.active {background:var(--nw-soft);color:var(--nw-accent)}
html.network-swipe .empty-state {background:#0d1118;color:var(--nw-muted);border-style:dashed;border-color:#303847;padding:48px 20px}

/* The parent Network panel already supplies the app name and navigation. */
html.network-embedded.network-tool:not(.network-swipe) body>.topbar {display:none}
html.network-embedded.network-swipe .topbar {position:relative;min-height:76px;padding:16px 26px;gap:16px}
html.network-embedded.network-swipe .topbar :is(h1,.back-link) {display:none}
html.network-embedded.network-swipe .topbar>div[style] {justify-content:flex-start!important}
html.network-embedded.network-swipe .layout {height:calc(100dvh - 77px)}

/* Web favorites, login and shared settings use the same identity. */
html.network-favorites .header {background:#0d1118;border-color:var(--nw-line);box-shadow:none}
html.network-ui.network-favorites .search-box input {border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;padding:8px 0;min-height:42px}
html.network-favorites :is(.tool,.search-box,dialog,.user-dropdown) {background:var(--nw-panel);border-color:var(--nw-line);box-shadow:none;border-radius:10px}
html.network-favorites .tool:hover {transform:none;box-shadow:none;border-color:#435171;background:#151b24}
html.network-favorites .tool-icon {background:var(--nw-soft);border-color:#96aaff26;color:var(--nw-accent);box-shadow:none}
html.network-favorites :is(.overline,.launch-arrow,.open-link) {color:var(--nw-accent)}
html.network-favorites .top-nav button.active::after {background:var(--nw-accent)}
html.network-favorites .filters button.active {background:var(--nw-soft);border-color:#96aaff33;color:var(--nw-accent)}
html.network-favorites .card-actions button {background:#151b24;color:var(--nw-muted)}
html.network-favorites .favorite-btn[aria-pressed=true] {background:var(--nw-soft);color:var(--nw-accent)}
html.network-favorites .footer {border-color:var(--nw-line)}
html.network-favorites .section-heading {align-items:center}
html.network-favorites .embedded .header-inner {padding:10px 26px;gap:20px;min-height:72px}
html.network-favorites .embedded .top-nav {min-height:48px}
html.network-favorites .embedded .search-box {visibility:visible;max-width:460px;margin-left:auto}
html.network-favorites .embedded .workspace {padding:26px;max-width:1500px}
html.network-favorites .embedded .external-section {margin-top:0}
html.network-settings .sidebar {background:#0d1118}
html.network-settings .nav-list a.active {color:#bac7ff;background:var(--nw-soft);border-color:#96aaff26;box-shadow:inset 2px 0 var(--nw-accent)}
html.network-settings .brand-copy {display:block;font:600 17px/1.3 var(--font-body);letter-spacing:-.03em}
html.network-settings .brand-symbol {width:40px;height:22px;filter:none}
html.network-settings .topbar {background:transparent;box-shadow:none;border-color:var(--nw-line)}
html.network-settings .set-intro {background:var(--nw-panel);border-color:var(--nw-line)}
html.network-settings :is(.set-row,.set-intro) {border-radius:10px}
html.network-settings .set-note {color:var(--nw-muted)!important}
html.network-settings .set-head h3 {font-family:var(--font-body)}
html.network-settings .set-badge.env {border-color:#96aaff33}
html.network-login body {min-height:100dvh}
html.network-login .shell {width:min(420px,calc(100% - 32px));margin:80px auto 32px;padding:0}
html.network-login .login-card {padding:32px;background:var(--nw-panel);border:1px solid var(--nw-line);box-shadow:0 16px 64px #0003;border-radius:14px}
html.network-login .login-card::before {display:none}
html.network-login .brand-mark {width:72px;height:48px;background:none;border:0;box-shadow:none;animation:none;filter:none}
html.network-login .brand-mark img {width:72px;height:36px;filter:none}
html.network-login .login-brand h1 {font-size:26px;font-weight:650}
html.network-login .login-brand .sub {text-align:center;font-size:14px}
html.network-login .input-wrap {background:#0d1118;border-radius:8px;border-color:#303847}
html.network-ui.network-login .input-wrap input {background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;min-height:48px;padding-left:0}
html.network-login .input-wrap:focus-within {border-color:var(--nw-accent);box-shadow:0 0 0 3px var(--nw-soft)}
html.network-login .toggle-pw {min-width:44px;padding:0;box-shadow:none}
html.network-login .foot {font:400 12px/1.5 var(--font-body);letter-spacing:0;text-transform:none}
html.network-login .back-link {border:0;text-transform:none;letter-spacing:0}
html.network-login .error.show {animation:none}

@media(max-width:900px) {
  html.network-tool .topbar {flex-wrap:wrap}
  html.network-swipe .topbar>div[style] {order:3;flex-basis:100%!important}
  html.network-swipe .topbar .actions {margin-left:auto}
  html.network-embedded.network-swipe .topbar>div[style] {order:0;flex-basis:0!important}
}
@media(max-width:760px) {
  html.network-tool body>.topbar {padding:14px 16px}
  html.network-tool .topbar h1 {font-size:18px}
  html.network-tool .shell {padding:20px 16px 32px;gap:16px}
  html.network-tool .card {padding:18px}
  html.network-tool[data-network-tool="site-counters"] .shell {grid-template-columns:minmax(0,1fr)}
  html.network-tool :is(.row,.modal-row,.grid-config) {grid-template-columns:minmax(0,1fr)}
  html.network-tool :is(.input-row,.results-toolbar .actions) {flex-wrap:wrap}
  html.network-tool .input-row>input {flex-basis:100%}
  html.network-tool .modal {padding:20px}
  html.network-swipe .layout,html.network-embedded.network-swipe .layout {grid-template-columns:minmax(0,1fr);height:auto}
  html.network-swipe .sidebar {padding:12px 16px;border-right:0;border-bottom:1px solid var(--nw-line)}
  html.network-swipe .sidebar-head {margin:0;padding:0}
  html.network-swipe #folderList {display:flex;overflow-x:auto;gap:6px;padding:4px 0 6px}
  html.network-swipe .folder-item {flex-shrink:0;max-width:240px}
  html.network-swipe .main {padding:20px 16px;overflow:visible}
  html.network-swipe .main-head h2 {font-size:21px}
  html.network-embedded.network-swipe .topbar {padding:14px 16px;gap:10px}
  html.network-embedded.network-swipe .topbar>div[style] {flex-basis:100%!important;order:0}
  html.network-embedded.network-swipe .topbar .actions {margin-left:0}
  html.network-swipe .topbar .actions button {white-space:nowrap}
  html.network-favorites .embedded .header-inner {padding:10px 16px;gap:8px}
  html.network-favorites .embedded .top-nav {flex-basis:auto;margin:0;gap:16px}
  html.network-favorites .embedded .search-box {flex-basis:100%;margin:0;max-width:none}
  html.network-favorites .embedded .workspace {padding:20px 16px}
  html.network-favorites .section-heading .primary-button {width:100%;justify-content:center;font-size:14px}
  html.network-login .login-card {padding:26px 22px}
}
@media(prefers-reduced-motion:reduce) {
  html.network-ui *,html.network-ui *::before,html.network-ui *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}