:root{--bg:#f6f7f9;--surface:#fff;--text:#17202a;--muted:#657184;--line:#e5e9f0;--brand:#16a085;--brand-dark:#0f7b68;--danger:#d94848;--shadow:0 20px 60px rgba(24,34,48,.08);--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#fbfcfd,#f2f5f8);color:var(--text)}a{color:inherit;text-decoration:none}.topbar{height:72px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-weight:800;letter-spacing:-.02em;display:flex;gap:10px;align-items:center}.brand-mark{height:34px;width:34px;border-radius:12px;background:var(--brand);color:white;display:inline-flex;align-items:center;justify-content:center}.nav{display:flex;gap:18px;align-items:center}.nav a{color:var(--muted);font-weight:650}.user-pill{font-size:.85rem;color:var(--muted);background:#f0f3f6;padding:8px 12px;border-radius:999px}.container{width:min(1420px,calc(100% - 40px));margin:28px auto}.hero{display:grid;grid-template-columns:1fr 380px;gap:22px;align-items:stretch;margin-bottom:22px}.hero>div,.panel,.login-card,.upload-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero>div{padding:42px}.hero h1{font-size:clamp(2rem,4vw,4.4rem);line-height:.95;margin:0 0 16px;letter-spacing:-.06em}.hero p{color:var(--muted);font-size:1.1rem;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;color:var(--brand)!important;font-weight:800}.upload-card{padding:28px;display:flex;flex-direction:column;gap:16px;justify-content:center}.panel{padding:24px;margin-bottom:22px}.split{display:flex;justify-content:space-between;gap:22px;align-items:center}.toolbar{position:sticky;top:88px;z-index:5}.search-form,.form-inline{display:flex;gap:12px;align-items:end}.search-form input[type=search]{flex:1}input,select,textarea{width:100%;border:1px solid var(--line);background:#fbfcfd;border-radius:14px;padding:13px 14px;font:inherit;color:var(--text)}textarea{min-height:96px}.button,button.ghost,.ghost,.danger{border:0;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer;white-space:nowrap}.button{background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center}.button:hover{background:var(--brand-dark)}.ghost{background:#eef3f5;color:#21313b}.danger{background:#fff0f0;color:var(--danger);width:100%;margin-top:8px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.asset-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.preview{aspect-ratio:16/11;background:#edf1f4;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview img,.preview video{width:100%;height:100%;object-fit:cover}.asset-body{padding:18px}.asset-body h2{font-size:1.05rem;margin:0 0 8px;letter-spacing:-.02em}.asset-body p{color:var(--muted);font-size:.92rem;line-height:1.45}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.tags span{font-size:.76rem;border:1px solid #dfe7ea;border-radius:999px;padding:5px 9px;background:#f8fafb;color:#40505c}.inline-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.edit-box{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.form-grid{display:grid;gap:12px}.compact{margin-top:12px}.login-card{max-width:430px;margin:10vh auto;padding:34px}.alert{background:#fff0f0;border:1px solid #ffd2d2;color:#9a2b2b;padding:12px;border-radius:14px;margin-bottom:14px}.list{display:grid;gap:10px}.list-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fbfcfd}.share-link{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;margin-top:12px;background:#fbfcfd}.share-link code{overflow:auto}.narrow{max-width:720px;margin:7vh auto}.small{width:auto}.empty{grid-column:1/-1}.file-icon{font-weight:800;color:var(--muted)}label{font-size:.85rem;color:var(--muted);font-weight:700}form{margin:0}@media(max-width:900px){.hero{grid-template-columns:1fr}.split,.search-form,.form-inline,.nav{flex-direction:column;align-items:stretch}.topbar{height:auto;min-height:72px;align-items:flex-start;gap:12px;flex-direction:column;padding:18px}.toolbar{position:static}.list-row{grid-template-columns:1fr}.container{width:min(100% - 24px,1420px)}}

/* cyberAssetHub v0.1.1 */
.hero-tagline{font-size:1.35rem!important;color:var(--text)!important;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.search-form{display:grid;grid-template-columns:minmax(260px,1fr) 140px auto;gap:12px;align-items:center}.search-form .asset-search{min-width:0;width:100%;font-size:1rem}.search-form .asset-type-filter{width:140px;min-width:120px;flex:0 0 140px}.upload-progress{display:none;align-items:center;gap:10px;color:var(--muted);font-size:.9rem}.upload-progress.is-visible{display:flex}.spinner{width:18px;height:18px;border:3px solid #d7e7e3;border-top-color:var(--brand);border-radius:999px;display:inline-block;animation:spin .8s linear infinite}.spinner.large{width:42px;height:42px;border-width:5px}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{position:fixed;inset:0;background:rgba(246,247,249,.78);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:1000}.page-loader.is-visible{display:flex}.loader-card{width:min(420px,calc(100% - 32px));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:34px;text-align:center;display:grid;justify-items:center;gap:12px}.loader-card p{margin:0;color:var(--muted);line-height:1.45}.preview{cursor:pointer}.preview:hover img,.preview:hover video{transform:scale(1.025)}.preview img,.preview video{transition:transform .2s ease}.detail-header h1{font-size:clamp(2rem,3vw,3.6rem);line-height:1;margin:0 0 12px;letter-spacing:-.05em}.detail-header p{color:var(--muted)}.back-link{display:inline-flex;margin-bottom:18px;color:var(--muted);font-weight:800}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:22px;align-items:start}.detail-preview{padding:0;overflow:hidden}.detail-preview img,.detail-preview video{width:100%;max-height:72vh;object-fit:contain;display:block;background:#edf1f4}.detail-panel{position:sticky;top:96px}.detail-panel h2,.detail-panel h3{letter-spacing:-.03em}.meta-list{display:grid;gap:10px;margin:0 0 22px}.meta-list div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px}.meta-list dt{font-weight:800;color:var(--muted);font-size:.86rem}.meta-list dd{margin:0;word-break:break-word}.compact-meta div{grid-template-columns:120px minmax(0,1fr)}.detail-action{margin:16px 0}.detail-tags{margin-bottom:18px}.danger{border:1px solid #ffd2d2}.danger:hover{background:#ffe8e8}.button:disabled{opacity:.7;cursor:progress}@media(max-width:900px){.search-form{grid-template-columns:1fr}.search-form .asset-type-filter{width:100%}.detail-layout{grid-template-columns:1fr}.detail-panel{position:static}.meta-list div{grid-template-columns:1fr;gap:3px}}

/* cyberAssetHub v0.1.2 */
.brand-mark{background:none;padding:0;box-shadow:0 12px 24px rgba(22,160,133,.16)}
.brand-mark svg{display:block;width:34px;height:34px}
.progress-shell{width:100%;height:12px;background:#edf3f5;border-radius:999px;overflow:hidden;border:1px solid #dce8e4}
.progress-bar{width:0;height:100%;background:linear-gradient(90deg,#087bdc,#065fb0);border-radius:999px;transition:width .25s ease}
.progress-meta{width:100%;display:flex;justify-content:space-between;gap:16px;font-size:.88rem;color:var(--muted);font-weight:700}
.selection-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.select-all-control{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--text)}
.select-all-control input,.asset-check input{width:18px;height:18px;margin:0;accent-color:var(--brand)}
.selection-counter{color:var(--muted);font-weight:700}
.toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}
.share-panel{border:1px solid var(--line);border-radius:18px;background:#fbfcfd;padding:18px;margin-bottom:18px}
.share-panel h2{margin:0 0 6px;letter-spacing:-.03em}.share-panel p{margin:0 0 14px;color:var(--muted)}
.share-form-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.share-form-row label{min-width:220px}
.selectable-card{position:relative}
.asset-check{position:absolute;top:12px;left:12px;z-index:2;background:rgba(255,255,255,.94);border:1px solid var(--line);padding:8px 10px;border-radius:999px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 22px rgba(24,34,48,.08)}
.asset-check span{font-size:.8rem;color:var(--text);font-weight:800}
.selectable-grid .preview{display:block}
.card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card-actions form{margin:0}
.small-btn{padding:9px 12px;font-size:.86rem;border-radius:12px}
.button.is-disabled,.button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.selection-toolbar,.share-form-row,.progress-meta{flex-direction:column;align-items:stretch}.toolbar-actions{width:100%}.toolbar-actions .button{width:100%}.asset-check{left:auto;right:12px}}

/* Cyberbude AI Asset Hub v0.1.3 */
.topbar{gap:18px}.brand span:last-child{white-space:nowrap}.nav{flex-wrap:wrap;justify-content:flex-end}.nav a{font-size:.92rem}.muted{color:var(--muted);line-height:1.5}.success{background:#eef7ff;border-color:#b9dcfa;color:#0f6d5d}.settings-form h2{letter-spacing:-.03em}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.settings-grid .panel{display:grid;gap:12px}.ai-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.ai-mode-card{display:grid;gap:8px;border:1px solid var(--line);border-radius:18px;background:#fbfcfd;padding:16px;color:var(--text);cursor:pointer}.ai-mode-card input{width:auto}.ai-mode-card strong{font-size:1.02rem}.ai-mode-card span{color:var(--muted);font-weight:600;line-height:1.42}.ai-mode-card.is-active{border-color:var(--brand);box-shadow:0 12px 26px rgba(22,160,133,.12);background:#f3fffb}.quality-note{margin-top:16px;border:1px solid #f3ddae;background:#fff9ec;border-radius:16px;padding:14px;color:#73531a;line-height:1.45}.toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.toggle{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#fbfcfd;border-radius:14px;padding:12px;color:var(--text)}.toggle input{width:18px;height:18px;accent-color:var(--brand)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-bottom:22px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:22px;display:grid;gap:10px;align-content:start}.feature-card h2{font-size:1.18rem;margin:0;letter-spacing:-.03em}.feature-card p{margin:0;color:var(--muted);line-height:1.5}.status-pill{justify-self:start;border-radius:999px;padding:6px 9px;font-weight:800;font-size:.74rem;background:#eef3f5;color:#41515d}.status-aktiv{background:#eaf8f4;color:#0f7b68}.status-teilweise-aktiv,.status-aktivierbar{background:#fff7e7;color:#8a5a00}.status-geplant{background:#eef3f5;color:#657184}code{background:#f2f5f8;border:1px solid var(--line);padding:2px 5px;border-radius:6px}@media(max-width:1100px){.nav{justify-content:flex-start}.topbar{align-items:flex-start;flex-direction:column;height:auto}.settings-grid{grid-template-columns:1fr}}

/* Cyberbude AI Asset Hub v0.1.5 */
.settings-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.log-box{max-height:280px;overflow:auto;background:#0e1720;color:#d8f5ee;border-radius:16px;padding:16px;white-space:pre-wrap;font-size:.86rem;line-height:1.45;border:1px solid #1f2d37}
@media(max-width:900px){.settings-actions{justify-content:flex-start;width:100%}.settings-actions form,.settings-actions button{width:100%}}

/* Cyberbude AI Asset Hub v0.3.0 */
.queue-panel{display:flex;align-items:center;justify-content:space-between;gap:18px}
.card-status-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.status-queued{background:#eef3f5;color:#5c6a76}
.status-processing{background:#e8f7ff;color:#0b6f9a}
.status-done{background:#eaf8f1;color:#0f7b68}
.status-failed{background:#fff0f0;color:#b43838}
.error-note{color:#b43838;font-size:.84rem;line-height:1.4;margin-top:6px}
.hidden{display:none!important}
.compact-inline-form{grid-template-columns:auto;justify-content:start}
.detail-status-stack{display:grid;gap:10px;justify-items:start}
.detail-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.detail-hero h1{margin:0 0 8px;letter-spacing:-.04em}
@media(max-width:900px){.queue-panel,.detail-actions{flex-direction:column;align-items:stretch}.detail-actions .button,.detail-actions .ghost{width:100%}}


/* Cyberbude AI Asset Hub v0.4.0 */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}
.stat-card{display:grid;gap:4px;margin-bottom:0}.stat-card strong{font-size:1.8rem;letter-spacing:-.04em}.stat-card span{font-weight:800}.stat-card small{color:var(--muted)}
.toolbar{display:grid;gap:14px}.view-switch{display:flex;gap:8px;flex-wrap:wrap}.view-switch .is-active{background:var(--brand);color:white}
.active-filter{font-size:.9rem;color:var(--muted)}.active-filter a{text-decoration:underline;margin-left:8px}
.bulk-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.bulk-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bulk-actions select{width:auto;min-width:220px}
.overview-check{left:14px;right:auto}.asset-card{position:relative}.tags a{font-size:.76rem;border:1px solid #dfe7ea;border-radius:999px;padding:5px 9px;background:#f8fafb;color:#40505c}.tags a:hover{border-color:var(--brand);color:var(--brand-dark)}
.asset-grid.view-list{grid-template-columns:1fr}.asset-grid.view-list .asset-card{display:grid;grid-template-columns:260px minmax(0,1fr)}.asset-grid.view-list .preview{aspect-ratio:16/10;height:100%}.asset-grid.view-list .asset-body{display:grid;align-content:start}.asset-grid.view-list .overview-check{top:14px}
.audio-preview,.audio-detail{display:grid;gap:12px;width:100%;padding:22px;text-align:center}.audio-preview audio,.audio-detail audio{width:100%}.audio-preview span{font-weight:900;color:var(--muted)}
.pagination{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pagination a{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:white;font-weight:800}.pagination a.is-active{background:var(--brand);color:white;border-color:var(--brand)}
.usage-rights{display:block;margin-top:4px;color:var(--muted)}.remember-row{display:flex;align-items:center;gap:10px;color:var(--text)}.remember-row input{width:18px;height:18px}.login-help a{text-decoration:underline}.reset-url{display:block;word-break:break-all;padding:12px;margin-top:10px}
@media(max-width:900px){.bulk-panel,.bulk-actions{flex-direction:column;align-items:stretch}.bulk-actions select,.bulk-actions button{width:100%}.asset-grid.view-list .asset-card{grid-template-columns:1fr}.asset-grid.view-list .preview{height:auto}.stats-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.stats-grid{grid-template-columns:1fr}.asset-check span{display:none}.asset-check{padding:8px}.hero>div{padding:28px}.asset-body{padding:16px}.tags{gap:5px}}


/* Cyberbude AI Asset Hub v0.4.1 */
.asset-grid.view-list{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.asset-grid.view-list .asset-card{
  display:grid !important;
  grid-template-columns:320px minmax(0,1fr) !important;
  align-items:stretch;
  overflow:hidden;
}
.asset-grid.view-list .preview{
  width:320px !important;
  min-width:320px !important;
  max-width:320px !important;
  height:230px !important;
  aspect-ratio:auto !important;
  grid-column:1;
  grid-row:1;
}
.asset-grid.view-list .preview img,
.asset-grid.view-list .preview video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block;
}
.asset-grid.view-list .asset-body{
  grid-column:2;
  grid-row:1;
  min-width:0;
  padding:22px;
  overflow:hidden;
}
.asset-grid.view-list .asset-body h2,
.asset-grid.view-list .asset-body p,
.asset-grid.view-list .asset-body small{
  max-width:100%;
}
.asset-grid.view-list .overview-check{
  top:14px;
  left:14px;
}
@media(max-width:900px){
  .asset-grid.view-list .asset-card{
    grid-template-columns:1fr !important;
  }
  .asset-grid.view-list .preview{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    aspect-ratio:16/11 !important;
  }
  .asset-grid.view-list .asset-body{
    grid-column:1;
    grid-row:auto;
  }
}

/* Cyberbude AI Asset Hub v0.5.0 - cyberbude inspired layout */
:root{--bg:#f3f5f7;--surface:#ffffff;--text:#121923;--muted:#5d6b7c;--line:#dfe5ec;--brand:#12a889;--brand-dark:#0b705f;--cyber-dark:#101923;--cyber-blue:#203047;--cyber-accent:#20d0ad;--danger:#d94848;--shadow:0 18px 46px rgba(16,25,35,.10)}
body{background:linear-gradient(180deg,#eef2f5 0%,#f8fafb 42%,#f3f5f7 100%)}
.topbar{background:linear-gradient(90deg,#101923,#1d2c40);border-bottom:0;color:#fff;box-shadow:0 14px 34px rgba(16,25,35,.18)}.nav a{color:#dbe6ef}.user-pill{background:rgba(255,255,255,.12);color:#edf6f7}.topbar .ghost{background:#fff;color:#101923}.brand{color:#fff}.cyber-hero>div{background:linear-gradient(135deg,#101923 0%,#203047 58%,#14a889 100%);color:#fff}.cyber-hero h1,.cyber-hero p,.cyber-hero .hero-tagline{color:#fff!important}.cyber-hero .eyebrow{color:#73ffe4!important}.button{background:linear-gradient(135deg,#12a889,#08715f)}.panel,.asset-card,.upload-card{border-color:rgba(16,25,35,.08)}
.asset-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.folder-panel{position:sticky;top:96px}.folder-panel h2{margin-top:0}.folder-list{display:grid;gap:6px;margin:12px 0 18px}.folder-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.folder-link{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfd;font-weight:800;color:#243447}.folder-link.is-active{background:#e8fbf6;border-color:#9cdfcf;color:#0b705f}.folder-row.depth-1{margin-left:16px}.folder-row.depth-2{margin-left:32px}.folder-row.depth-3{margin-left:48px}.tiny-btn{padding:8px 10px;border-radius:10px}.folder-create{border-top:1px solid var(--line);padding-top:16px;margin-top:14px}.asset-main{min-width:0}.asset-picker-list{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fbfcfd;display:grid;gap:8px}.asset-picker-row{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700}.asset-picker-row input{width:18px;height:18px}.agent-row{grid-template-columns:minmax(0,1fr) auto auto}.quick-size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.creative-result{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:#fbfcfd;padding:16px}.creative-result textarea{min-height:180px}.single-remember{grid-template-columns:minmax(140px,1fr) auto}.asset-card.is-selected{outline:3px solid rgba(18,168,137,.35);box-shadow:0 20px 56px rgba(18,168,137,.16)}
@media(max-width:1100px){.asset-shell{grid-template-columns:1fr}.folder-panel{position:static}.folder-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.folder-row.depth-1,.folder-row.depth-2,.folder-row.depth-3{margin-left:0}}
@media(max-width:700px){.hero{grid-template-columns:1fr}.upload-card{padding:20px}.asset-grid{grid-template-columns:1fr}.bulk-panel{gap:12px}.single-remember{grid-template-columns:1fr}.agent-row{grid-template-columns:1fr}.topbar{background:#101923}}

/* Cyberbude AI Asset Hub v0.5.1 */
.status-expired,.expired-link.is-active{background:#fff1f1!important;color:#b43838!important;border-color:#ffcaca!important}.expired-note{background:#fff5f5;border:1px solid #ffd3d3;color:#a63333;border-radius:12px;padding:9px 11px;font-size:.86rem;line-height:1.35}.expired-download{opacity:.6;cursor:not-allowed}.is-disabled{opacity:.58;pointer-events:none}
.mobile-nav-toggle{display:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff;border-radius:14px;padding:10px 14px;font-weight:900}.folder-panel{padding:18px}.folder-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.folder-head h2{font-size:1rem;margin:0}.folder-all{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:900;background:#eef5f5;color:#173142;border:1px solid var(--line);margin-bottom:8px}.folder-all.is-active{background:#dff9f2;color:#08715f;border-color:#9cdfcf}.folder-list{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;max-height:420px;overflow:auto;padding-right:2px}.folder-row{grid-template-columns:1fr auto!important}.folder-link{padding:8px 10px!important;border-radius:10px!important;font-size:.86rem;justify-content:flex-start!important;align-items:center}.folder-link small{margin-left:auto;background:#edf3f5;border-radius:999px;padding:2px 7px;color:var(--muted)}.folder-row.depth-1{margin-left:10px}.folder-row.depth-2{margin-left:20px}.folder-row.depth-3{margin-left:30px}.folder-create{display:grid;gap:8px;background:#f7fafb;border:1px solid var(--line);border-radius:14px;padding:12px!important}.folder-create input,.folder-create select,.upload-card input,.upload-card select{min-height:46px;text-overflow:ellipsis}.upload-card label{display:grid;gap:6px;color:rgba(255,255,255,.94)}.upload-card select,.upload-card input{background:#fff;color:#152332}.folder-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.folder-chip{display:inline-flex;align-items:center;gap:6px;background:#eef8f5;border:1px solid #cdebe3;border-radius:999px;padding:6px 10px;font-size:.86rem;font-weight:800}.folder-chip form{display:inline}.chip-remove{border:0;background:transparent;color:#9b2c2c;padding:0 3px;font-weight:900;cursor:pointer}.detail-action select{min-width:0}.asset-card .single-remember select{min-width:0}.asset-grid.view-list .asset-card{min-height:230px}
@media(max-width:900px){.topbar{position:sticky;top:0;padding:14px 18px;gap:12px}.brand{width:100%;justify-content:space-between}.brand span:last-child{font-size:1.05rem;white-space:normal}.mobile-nav-toggle{display:inline-flex;position:absolute;right:18px;top:18px}.nav{display:none;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px}.nav.is-open{display:grid}.nav a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;font-size:.92rem}.nav .user-pill{grid-column:1/-1;text-align:center}.nav form{grid-column:1/-1}.nav form button{width:100%}.container{margin-top:18px}.cyber-hero h1{font-size:2.4rem}.hero>div{padding:28px}.asset-shell{gap:14px}.folder-panel{padding:16px}.folder-list{max-height:none}.folder-row.depth-1,.folder-row.depth-2,.folder-row.depth-3{margin-left:0}.folder-link{font-size:.9rem}.upload-card-compact{gap:10px}.upload-card input,.upload-card select{font-size:.95rem}.queue-panel{display:none}}
@media(max-width:520px){.nav{grid-template-columns:1fr}.mobile-nav-toggle{padding:9px 12px}.brand-mark svg{width:30px;height:30px}.brand{padding-right:72px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:16px}.asset-card{border-radius:18px}.preview{aspect-ratio:16/10}.bulk-panel{padding:16px}.folder-all{width:100%}.folder-head{align-items:stretch;flex-direction:column}.search-form{gap:8px}.detail-layout{gap:14px}}

/* Cyberbude AI Asset Hub v0.5.2 - iOS style folders and collection workflow */
.folder-panel.ios-folder-panel,.folder-panel{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(18px);border:1px solid rgba(210,218,226,.78);box-shadow:0 18px 45px rgba(20,30,40,.08);border-radius:28px;padding:18px!important}.folder-head{padding:0 2px 8px;margin-bottom:8px!important}.folder-head h2{font-size:1.05rem!important;letter-spacing:-.025em;color:#1c2b3a}.folder-all{height:36px;border-radius:999px!important;background:rgba(18,168,137,.10)!important;border:1px solid rgba(18,168,137,.25)!important;color:#08715f!important;padding:0 14px!important}.folder-all.is-active{background:rgba(18,168,137,.18)!important;box-shadow:inset 0 0 0 1px rgba(18,168,137,.14)}.folder-list{background:#f4f7f9;border:1px solid rgba(214,222,230,.85);border-radius:22px;padding:8px!important;gap:6px!important}.folder-row{background:#fff;border:1px solid rgba(210,218,226,.72);border-radius:16px;padding:3px;box-shadow:0 4px 12px rgba(24,34,48,.035)}.folder-link{border:0!important;background:transparent!important;border-radius:13px!important;padding:9px 10px!important;font-size:.9rem!important;color:#203040!important}.folder-link.is-active{background:linear-gradient(135deg,rgba(18,168,137,.14),rgba(18,168,137,.06))!important;color:#08715f!important}.folder-link small{background:#eef3f6!important;font-size:.75rem;min-width:28px;text-align:center}.tiny-btn{border-radius:14px!important;background:#eef3f6!important;color:#1d2a34!important;min-width:38px;height:38px}.folder-create{background:#f4f7f9!important;border:1px solid rgba(214,222,230,.9)!important;border-radius:24px!important;padding:14px!important;gap:10px!important}.folder-create strong{font-size:.95rem;color:#1d2a34}.folder-create input,.folder-create select{border-radius:16px!important;background:#fff!important;min-height:48px!important}.folder-create .button{border-radius:16px!important;min-height:48px}.bulk-collection-box{display:grid;gap:8px;min-width:min(100%,640px)}.bulk-collection-box strong{letter-spacing:-.02em}.bulk-actions input,.bulk-actions select{min-width:180px}.mini-check{display:inline-flex!important;align-items:center;gap:7px;color:var(--text)!important;font-weight:800!important;white-space:nowrap}.mini-check input{width:18px!important;height:18px!important;accent-color:var(--brand)}.remember-panel{margin-top:12px;border:1px solid var(--line);border-radius:16px;background:#fbfcfd;padding:0}.remember-panel summary{cursor:pointer;font-weight:900;padding:11px 13px}.remember-fields{display:grid;gap:8px;padding:0 12px 12px}.remember-fields input,.remember-fields select{min-height:42px;border-radius:14px}.collection-private{background:#f0e8ff!important;color:#6036a6!important}.collection-public{background:#eaf8f4!important;color:#0f7b68!important}.collection-create-inline{align-items:center}.collection-create-inline input{min-width:240px}.list-row small{color:var(--muted)}
@media(max-width:900px){.bulk-panel{align-items:stretch!important}.bulk-collection-box{width:100%}.bulk-actions{display:grid!important;grid-template-columns:1fr!important}.bulk-actions input,.bulk-actions select,.bulk-actions button{width:100%!important}.folder-panel{border-radius:24px}.folder-list{max-height:none!important}.collection-create-inline{display:grid!important;grid-template-columns:1fr!important;width:100%}.collection-create-inline input,.collection-create-inline button{width:100%}}


/* Cyberbude AI Asset Hub v0.5.3 - refined iOS folder + compact save UI */
.folder-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,249,252,.88))!important;
  border:1px solid rgba(214,221,230,.74)!important;
  border-radius:30px!important;
  box-shadow:0 22px 55px rgba(17,29,42,.10)!important;
  padding:18px!important;
}
.folder-head{margin-bottom:12px!important;padding:0!important}
.folder-head h2{font-size:1.05rem!important;font-weight:900!important;letter-spacing:-.03em;color:#1f2937!important}
.folder-all{
  height:34px!important;min-height:34px!important;padding:0 14px!important;
  border-radius:999px!important;background:rgba(16,185,129,.13)!important;
  border:1px solid rgba(16,185,129,.28)!important;color:#047857!important;
  font-size:.84rem!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)
}
.folder-list{
  background:rgba(244,247,250,.92)!important;border:1px solid rgba(216,224,233,.85)!important;
  border-radius:24px!important;padding:7px!important;gap:4px!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.72)
}
.folder-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) 34px!important;gap:4px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;border-radius:16px!important;padding:0!important;
}
.folder-link{
  min-height:40px!important;padding:8px 10px!important;border-radius:15px!important;
  background:#fff!important;border:1px solid rgba(221,228,236,.82)!important;
  box-shadow:0 1px 2px rgba(17,29,42,.035)!important;display:flex!important;align-items:center!important;
  gap:8px!important;font-size:.9rem!important;line-height:1.18!important;color:#1f2937!important;
}
.folder-link.is-active{background:linear-gradient(135deg,#ecfdf5,#e6faf4)!important;border-color:rgba(16,185,129,.38)!important;color:#047857!important;box-shadow:0 6px 16px rgba(16,185,129,.10)!important}
.folder-link small{margin-left:auto!important;background:#eef3f6!important;border-radius:999px!important;min-width:28px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;color:#64748b!important;padding:0 7px!important}
.folder-row.depth-1{margin-left:12px!important}.folder-row.depth-2{margin-left:24px!important}.folder-row.depth-3{margin-left:36px!important}
.folder-row.depth-1 .folder-link:before,.folder-row.depth-2 .folder-link:before,.folder-row.depth-3 .folder-link:before{content:'';width:10px;height:1px;background:#cbd5e1;margin-left:-3px}
.tiny-btn{height:40px!important;min-width:34px!important;width:34px!important;padding:0!important;border-radius:14px!important;background:#eef2f6!important;color:#334155!important;font-size:1rem!important;box-shadow:none!important}.tiny-btn:hover{background:#fee2e2!important;color:#991b1b!important}
.ios-folder-create{margin-top:12px;background:rgba(244,247,250,.92)!important;border:1px solid rgba(216,224,233,.86)!important;border-radius:24px!important;padding:0!important;overflow:hidden}
.ios-folder-create summary{cursor:pointer;list-style:none;padding:13px 14px;font-weight:900;color:#1f2937;display:flex;gap:9px;align-items:center}.ios-folder-create summary::-webkit-details-marker{display:none}.ios-folder-create summary span{width:24px;height:24px;border-radius:999px;background:#e6faf4;color:#047857;display:inline-flex;align-items:center;justify-content:center;font-weight:900}
.folder-create-fields{display:grid;gap:8px;padding:0 12px 12px}.folder-create-fields input,.folder-create-fields select{min-height:44px!important;border-radius:16px!important;background:#fff!important}.folder-create-fields .button{min-height:44px!important;border-radius:16px!important}
.ios-remember-bar{display:grid!important;grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:18px!important;border-radius:24px!important}
.selection-compact-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.selection-compact-head .select-all-control{background:#f4f7fa;border:1px solid var(--line);border-radius:999px;padding:8px 12px}.selection-compact-head .js-bulk-message{font-weight:800;white-space:nowrap}.ios-save-box{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}.ios-save-box strong{white-space:nowrap;font-size:.9rem;color:#1f2937}.bulk-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important;min-width:0!important}.bulk-actions select{min-width:190px!important;max-width:240px!important;height:42px!important;border-radius:14px!important}.bulk-actions input{min-width:170px!important;height:42px!important;border-radius:14px!important}.bulk-actions .mini-check{height:42px;padding:0 10px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.bulk-actions button{height:42px!important;border-radius:14px!important;padding:0 14px!important}.bulk-panel .danger{height:42px!important;margin:0!important;width:auto!important;padding:0 14px!important;border-radius:14px!important}
.remember-panel{border-radius:15px!important;background:#f7fafc!important}.remember-panel summary{padding:9px 11px!important;font-size:.9rem!important}.remember-fields{grid-template-columns:1fr;gap:7px!important}.remember-fields select,.remember-fields input{min-height:40px!important}.remember-fields .small-btn{min-height:40px!important}
@media(max-width:1100px){.ios-remember-bar{grid-template-columns:1fr!important}.ios-save-box{display:grid!important;grid-template-columns:1fr!important}.bulk-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.bulk-actions select,.bulk-actions input{max-width:none!important;width:100%!important}.bulk-panel .danger{width:100%!important}}
@media(max-width:700px){.folder-panel{border-radius:26px!important;padding:14px!important}.folder-row.depth-1,.folder-row.depth-2,.folder-row.depth-3{margin-left:0!important}.folder-link{min-height:42px!important}.bulk-actions{grid-template-columns:1fr!important}.selection-compact-head{justify-content:space-between}.selection-compact-head .select-all-control{width:auto}.ios-remember-bar{padding:14px!important;border-radius:22px!important}}

/* Cyberbude AI Asset Hub v0.5.4 - Mac/iOS Finder folder browser + cleaner save area */
.finder-panel{padding:16px!important}
.finder-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:12px!important}
.finder-browser{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:10px;
  margin-bottom:12px;
}
.finder-column{
  min-width:0;
  background:linear-gradient(180deg,rgba(248,250,252,.98),rgba(242,246,249,.92));
  border:1px solid rgba(214,223,232,.95);
  border-radius:22px;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 8px 22px rgba(15,23,42,.05);
}
.finder-column-label{
  padding:11px 14px;
  font-size:.83rem;
  font-weight:900;
  letter-spacing:-.01em;
  color:#5b6778;
  border-bottom:1px solid rgba(221,228,236,.9);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,247,250,.92));
}
.finder-column-list{display:grid;gap:2px;padding:6px;max-height:360px;overflow:auto}
.finder-empty{padding:14px 12px;color:#7b8794;font-size:.9rem}
.finder-item-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px;align-items:center}
.finder-item{
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto auto;
  gap:8px;
  align-items:center;
  padding:10px 11px;
  min-height:44px;
  border-radius:14px;
  color:#1f2937;
  transition:background .15s ease, box-shadow .15s ease, transform .15s ease;
}
.finder-item:hover{background:rgba(226,232,240,.5)}
.finder-item.is-active{
  background:linear-gradient(180deg,#0a84ff,#2f95ff);
  color:#fff;
  box-shadow:0 10px 24px rgba(10,132,255,.25);
}
.finder-item.is-active .finder-item-meta,
.finder-item.is-active .finder-item-arrow{color:#fff;background:rgba(255,255,255,.18)}
.finder-item-icon{font-size:1rem;line-height:1}
.finder-item-name{min-width:0;font-weight:800;line-height:1.15;word-break:break-word}
.finder-item-meta{
  min-width:24px;height:22px;padding:0 7px;border-radius:999px;
  background:#e8eef3;color:#64748b;font-size:.74rem;font-weight:900;
  display:inline-flex;align-items:center;justify-content:center;
}
.finder-item-arrow{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:900}
.finder-item-row .tiny-btn{width:34px!important;min-width:34px!important;height:34px!important;border-radius:12px!important;background:#eff3f7!important;border:1px solid rgba(220,228,236,.9)!important}
.finder-item-row .tiny-btn:hover{background:#fee2e2!important;border-color:#fecaca!important;color:#991b1b!important}
.finder-create{margin-top:4px!important}
.finder-create summary{padding:14px 15px!important}
.finder-create .folder-create-fields{padding:0 12px 12px!important}

.ios-remember-bar{
  display:grid!important;
  grid-template-columns:1fr;
  gap:14px!important;
  padding:18px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,252,.95))!important;
}
.bulk-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.selection-compact-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.selection-compact-head .select-all-control{
  display:inline-flex;align-items:center;gap:10px;
  min-height:42px;padding:0 14px;border-radius:999px;
  background:#f4f7fa;border:1px solid rgba(214,223,232,.95);
  font-weight:850;color:#223042;
}
.selection-compact-head .select-all-control input{width:18px!important;height:18px!important;accent-color:var(--brand)}
.selection-compact-head .js-bulk-message{font-weight:900;color:#516172}
.bulk-save-card{
  border:1px solid rgba(219,227,235,.96);
  background:linear-gradient(180deg,#fbfdff,#f5f8fb);
  border-radius:22px;
  padding:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.bulk-save-card-head{display:grid;gap:3px;margin-bottom:10px}
.bulk-save-card-head strong{font-size:1rem;letter-spacing:-.02em;color:#1f2937}
.bulk-save-grid{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(220px,1.4fr) auto auto;gap:10px;align-items:center}
.bulk-save-grid select,.bulk-save-grid input{min-height:44px!important;border-radius:15px!important;background:#fff!important}
.bulk-private-toggle{height:44px;padding:0 12px;background:#fff;border:1px solid rgba(214,223,232,.95);border-radius:15px;display:inline-flex!important;align-items:center;gap:8px}
.bulk-private-toggle input{width:18px!important;height:18px!important;accent-color:var(--brand)}
.js-bulk-remember{min-height:44px!important;border-radius:15px!important;padding:0 18px!important;font-weight:900!important}
.subtle-danger{width:auto!important;margin:0!important;min-height:42px;border-radius:14px!important;padding:0 16px!important;border:1px solid rgba(254,202,202,.9)!important;background:#fff5f5!important}

.remember-panel{
  margin-top:12px!important;
  border:1px solid rgba(219,227,235,.96)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fbfdff,#f6f9fb)!important;
  overflow:hidden;
}
.remember-panel summary{
  padding:11px 13px!important;
  display:flex;align-items:center;justify-content:space-between;
  font-weight:900;color:#223042;
}
.remember-panel summary::after{content:'+';font-size:1rem;color:#64748b}
.remember-panel[open] summary::after{content:'–'}
.remember-fields{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:0 12px 12px!important}
.remember-fields .mini-check{height:40px;padding:0 10px;border:1px solid rgba(214,223,232,.95);border-radius:14px;background:#fff}
.remember-fields .small-btn{width:100%;border-radius:14px!important}

@media (max-width: 1180px){
  .finder-browser{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bulk-save-grid{grid-template-columns:1fr 1fr}
  .bulk-private-toggle,.js-bulk-remember{width:100%;justify-content:center}
}
@media (max-width: 900px){
  .finder-browser{grid-template-columns:1fr}
  .finder-column-list{max-height:none}
  .bulk-toolbar-row{align-items:stretch}
  .bulk-toolbar-row .subtle-danger{width:100%!important}
  .bulk-save-grid{grid-template-columns:1fr}
}
@media (max-width: 520px){
  .finder-head{align-items:stretch!important;flex-direction:column!important}
  .folder-all{width:100%}
  .finder-column{border-radius:18px}
  .finder-item{grid-template-columns:18px minmax(0,1fr) auto}
  .finder-item-arrow{display:none}
  .selection-compact-head{align-items:stretch;width:100%}
  .selection-compact-head .select-all-control{justify-content:center;width:100%}
}


/* Cyberbude AI Asset Hub v0.5.5 Finder / iOS refinement */
.asset-shell.is-loading{opacity:.72;transition:opacity .18s ease}
.finder-panel{padding:16px 16px 18px!important;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(246,248,251,.88))!important;border:1px solid rgba(214,221,228,.9)!important;box-shadow:0 18px 38px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.8)!important}
.finder-head{align-items:flex-start!important;margin-bottom:12px!important}
.finder-head h2{font-size:1rem!important;font-weight:900!important;letter-spacing:-.03em!important}
.finder-browser{gap:10px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;background:linear-gradient(180deg,#fbfcfe,#f3f6fa)!important;border:1px solid rgba(220,227,235,.95)!important;border-radius:22px!important;padding:8px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.finder-column{background:rgba(255,255,255,.94)!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 3px 10px rgba(15,23,42,.03)!important;overflow:hidden}
.finder-column + .finder-column{position:relative}
.finder-column + .finder-column::before{content:'';position:absolute;left:-6px;top:12px;bottom:12px;width:1px;background:rgba(214,221,228,.8)}
.finder-column-label{padding:11px 13px!important;background:linear-gradient(180deg,#f8fafc,#eff3f7)!important;border-bottom:1px solid rgba(228,234,241,.95)!important;font-size:.84rem!important;font-weight:900!important;color:#516071!important;text-transform:none!important}
.finder-column-list{padding:6px!important;gap:4px!important}
.finder-item-row{grid-template-columns:minmax(0,1fr) 30px!important;gap:6px!important}
.finder-item{min-height:46px!important;border-radius:14px!important;padding:10px 12px!important;grid-template-columns:18px minmax(0,1fr) auto auto!important;gap:10px!important;transition:background .18s ease,transform .18s ease,box-shadow .18s ease!important}
.finder-item:hover{background:rgba(240,244,248,.9)!important;transform:translateY(-1px)}
.finder-item.is-active{background:linear-gradient(180deg,#0A84FF,#1677f2)!important;color:#fff!important;box-shadow:0 10px 20px rgba(10,132,255,.22)!important}
.finder-item.is-active .finder-item-meta,.finder-item.is-active .finder-item-arrow{background:rgba(255,255,255,.18)!important;color:#fff!important}
.finder-item-name{font-size:.96rem!important;letter-spacing:-.02em!important}
.finder-item-meta{font-size:.76rem!important;min-width:28px!important;height:24px!important;padding:0 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#eef3f7!important;color:#5e6d7d!important;border-radius:999px!important}
.finder-item-arrow{width:22px!important;height:22px!important;background:#f1f5f9!important;color:#64748b!important}
.finder-empty{padding:16px 13px!important;color:#8a97a6!important}
.finder-item-row .tiny-btn{align-self:center!important;width:30px!important;min-width:30px!important;height:30px!important;border-radius:11px!important;background:rgba(240,244,248,.92)!important;color:#425466!important}
.finder-item-row .tiny-btn:hover{background:#fee2e2!important;color:#991b1b!important}
.finder-create{margin-top:12px!important;border-radius:22px!important;background:linear-gradient(180deg,#fbfcfe,#f4f7fa)!important;border:1px solid rgba(220,227,235,.95)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.86)!important}
.finder-create summary{display:flex!important;align-items:center!important;gap:10px!important;font-weight:900!important;font-size:1.03rem!important;padding:16px 17px!important}
.finder-create summary span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;border-radius:999px!important;background:#e6faf4!important;color:#0b8d74!important;font-weight:900!important}
.finder-create .folder-create-fields{padding:0 14px 14px!important;display:grid!important;gap:10px!important}
.finder-create input,.finder-create select{min-height:46px!important;border-radius:16px!important;background:#fff!important}
.finder-create .button{min-height:46px!important;border-radius:16px!important}

.ios-remember-bar{padding:16px 18px!important;border-radius:26px!important;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(246,248,251,.88))!important;border:1px solid rgba(214,221,228,.9)!important;box-shadow:0 18px 38px rgba(15,23,42,.06)!important}
.ios-remember-bar .bulk-toolbar-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-bottom:12px!important;border-bottom:1px solid rgba(228,234,241,.9)!important;margin-bottom:12px!important}
.ios-remember-bar .selection-compact-head{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap}
.ios-remember-bar .select-all-control{display:inline-flex!important;align-items:center!important;gap:8px!important;background:#f8fafc!important;border:1px solid rgba(219,226,234,.95)!important;border-radius:999px!important;padding:10px 14px!important;font-weight:900!important;color:#1f2d3d!important}
.ios-remember-bar .select-all-control input{width:18px!important;height:18px!important;accent-color:var(--brand)}
.bulk-save-card{background:#f8fafc!important;border:1px solid rgba(219,226,234,.95)!important;border-radius:20px!important;padding:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
.bulk-save-card-head{margin-bottom:12px!important}
.bulk-save-card-head strong{font-size:1rem!important}
.bulk-save-grid{grid-template-columns:minmax(210px,1fr) minmax(240px,1.25fr) auto auto!important;gap:10px!important;align-items:center!important}
.bulk-save-grid select,.bulk-save-grid input{min-height:46px!important;border-radius:15px!important;background:#fff!important;border:1px solid rgba(212,220,228,.95)!important}
.bulk-private-toggle{justify-content:center!important;min-height:46px!important;padding:0 14px!important;background:#fff!important;border:1px solid rgba(212,220,228,.95)!important;border-radius:15px!important}
.bulk-save-grid .button{min-height:46px!important;border-radius:15px!important;padding:0 18px!important}
.subtle-danger{min-height:44px!important;border-radius:15px!important}
.remember-panel{border-radius:18px!important;background:#f8fafc!important;border:1px solid rgba(219,226,234,.95)!important}
.remember-panel summary{padding:12px 14px!important;font-weight:900!important}
.remember-fields{display:grid!important;gap:8px!important;padding:0 12px 12px!important}
.remember-fields input,.remember-fields select{min-height:42px!important;border-radius:14px!important;background:#fff!important;border:1px solid rgba(212,220,228,.95)!important}
.remember-fields .small-btn{min-height:42px!important;border-radius:14px!important}

@media (max-width: 1200px){
  .finder-browser{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bulk-save-grid{grid-template-columns:1fr 1fr!important}
}
@media (max-width: 860px){
  .finder-browser{grid-template-columns:1fr!important}
  .finder-column + .finder-column::before{display:none}
  .ios-remember-bar .bulk-toolbar-row{flex-direction:column!important;align-items:stretch!important}
  .bulk-save-grid{grid-template-columns:1fr!important}
}


/* Cyberbude AI Asset Hub v0.5.6 layout fix: full-width folders below search */
.asset-shell{display:block!important}
.asset-main{display:block!important;min-width:0}
.asset-main > .toolbar{margin-bottom:18px}
.asset-main > .folder-panel{position:static!important;top:auto!important;width:100%!important;max-width:none!important;margin:0 0 18px 0!important;padding:18px!important}
.asset-main > .bulk-panel{margin-top:0!important}
.asset-main > .folder-panel .finder-browser{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.asset-main > .folder-panel .finder-column{min-width:0!important}
.asset-main > .folder-panel .finder-column-list{max-height:320px!important}
@media (max-width: 1100px){.asset-main > .folder-panel .finder-browser{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width: 760px){.asset-main > .folder-panel .finder-browser{grid-template-columns:1fr!important}.asset-main > .folder-panel{padding:14px!important}}

/* Cyberbude AI Asset Hub v0.6.0 - media browser layout */
body.has-app-shell{background:#f3f4f6}
.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;background:linear-gradient(180deg,#ffffff,#f7f9fb);border-right:1px solid #e3e8ee;box-shadow:0 18px 45px rgba(15,23,42,.08);display:flex;flex-direction:column;z-index:120;transition:width .22s ease,transform .22s ease}
.app-mainframe{margin-left:248px;min-height:100vh;transition:margin-left .22s ease}
.topbar.app-topbar{justify-content:flex-start;gap:14px;padding:0 24px;background:rgba(255,255,255,.92)}
.app-container{width:min(1640px,calc(100% - 36px));margin:22px auto 32px}
.sidebar-topbar{display:flex;align-items:center;gap:14px;padding:18px 16px 12px}
.sidebar-brand{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.05}
.sidebar-brand-text strong{font-size:1rem;letter-spacing:-.03em}.sidebar-brand-text small{color:var(--muted);font-size:.82rem}
.sidebar-brand-mark{height:42px;width:42px;border-radius:15px}
.sidebar-toggle{height:40px;width:40px;border-radius:12px;border:1px solid #dde4eb;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.05)}
.sidebar-toggle span{display:block;width:16px;height:2px;background:#344054;border-radius:999px}.desktop-toggle{display:inline-flex}.mobile-nav-toggle{display:none}
.sidebar-nav{display:grid;gap:4px;padding:10px 12px;overflow:auto}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;color:#435266;font-weight:700;transition:.16s ease}.sidebar-nav a:hover,.sidebar-nav a.is-active{background:#eef4f7;color:#0f172a}.nav-icon{width:24px;text-align:center;font-size:1rem}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-footer{margin-top:auto;padding:14px 12px 18px;display:grid;gap:10px}.sidebar-user-pill{display:block;text-align:center}.sidebar-logout{width:100%;border-radius:14px;background:#fff;border:1px solid #e1e7ee}
.app-overlay{display:none}
body.sidebar-collapsed .app-sidebar{width:84px}
body.sidebar-collapsed .app-mainframe{margin-left:84px}
body.sidebar-collapsed .sidebar-brand-text,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .sidebar-user-pill,body.sidebar-collapsed .sidebar-footer form{display:none}
body.sidebar-collapsed .sidebar-topbar{justify-content:center;flex-direction:column}body.sidebar-collapsed .sidebar-brand{justify-content:center}body.sidebar-collapsed .sidebar-nav a{justify-content:center;padding:11px 0}

.browser-shell{display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-areas:'tree toolbar' 'tree main';gap:18px;align-items:start}.browser-workspace{display:contents}.browser-toolbar-panel{grid-area:toolbar;padding:18px 20px}.browser-assets-panel{grid-area:main}.browser-tree-panel{grid-area:tree}.browser-toolbar-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}.browser-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:1.25rem;letter-spacing:-.03em}.browser-breadcrumb a,.browser-breadcrumb span{color:#314052}.browser-breadcrumb a:hover{color:#0f7b68}.breadcrumb-sep{color:#98a2b3}.browser-toolbar-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-left:auto}.asset-counter{color:#5d6b7b;font-size:.94rem}.view-mode-control{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.view-mode-control>span{font-size:.88rem;color:#64748b;font-weight:700}.browser-view-switch{gap:8px}.browser-view-switch .small-btn{padding:10px 14px}.browser-view-switch .is-active{background:#f59e0b;color:#fff}
.browser-search-form{display:grid;grid-template-columns:minmax(380px,1fr) 160px auto;gap:12px;align-items:center}.browser-search-form .button{height:48px}.active-filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.browser-upload-panel{margin-top:16px;border-top:1px solid #e7edf3;padding-top:12px}.browser-upload-panel summary{cursor:pointer;list-style:none;font-weight:800;color:#334155}.browser-upload-panel summary::-webkit-details-marker{display:none}.browser-upload-grid{padding-top:14px}.browser-inline-upload{padding:0;border:0;box-shadow:none;background:transparent;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.browser-inline-upload strong,.browser-inline-upload .button,.browser-inline-upload .upload-progress{grid-column:1/-1}.browser-inline-upload label{display:grid;gap:6px}.browser-inline-upload input[type=file]{background:#fff}

.browser-tree-panel{padding:14px;position:sticky;top:88px;max-height:calc(100vh - 108px);overflow:hidden;display:flex;flex-direction:column}.browser-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.browser-side-head h2{margin:0;font-size:1rem}.folder-tree-wrap{background:#fbfcfe;border:1px solid #e3e8ef;border-radius:18px;padding:12px;max-height:calc(100vh - 270px);overflow:auto}.folder-tree-level{list-style:none;margin:0;padding:0;position:relative}.folder-tree-level.depth-1,.folder-tree-level.depth-2,.folder-tree-level.depth-3,.folder-tree-level.depth-4{padding-left:18px}.folder-tree-level.depth-1:before,.folder-tree-level.depth-2:before,.folder-tree-level.depth-3:before,.folder-tree-level.depth-4:before{content:'';position:absolute;left:7px;top:0;bottom:10px;border-left:1px dashed #c9d4df}.folder-tree-node{display:grid;gap:4px}.folder-tree-row{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:6px;align-items:center}.folder-tree-link{display:grid;grid-template-columns:14px 18px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:38px;padding:8px 10px;border-radius:13px;color:#344054;position:relative}.folder-tree-link:before{content:'';position:absolute;left:-11px;top:18px;width:10px;border-top:1px dashed #c9d4df}.folder-tree-link:hover{background:#eef3f7}.folder-tree-link.is-active{background:linear-gradient(180deg,#0a84ff,#2f95ff);color:#fff;box-shadow:0 10px 24px rgba(10,132,255,.24)}.folder-tree-icon{font-size:1rem}.folder-tree-toggle{font-size:.82rem;color:#98a2b3;text-align:center}.folder-tree-link.is-active .folder-tree-toggle,.folder-tree-link.is-active .folder-tree-count{color:#fff}.folder-tree-name{min-width:0;font-weight:750;line-height:1.15;word-break:break-word}.folder-tree-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;border-radius:999px;padding:0 7px;background:#e8edf3;color:#64748b;font-size:.74rem;font-weight:900}.folder-tree-link.is-active .folder-tree-count{background:rgba(255,255,255,.18)}.browser-folder-create{margin-top:12px}.browser-folder-create summary{padding:12px 14px}.browser-folder-create .folder-create-fields{padding:0 12px 12px}

.browser-assets-panel{display:grid;gap:18px}.browser-bulk-panel{padding:16px 18px}.compact-bulk-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}.compact-save-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px}.compact-save-grid{display:grid;grid-template-columns:minmax(220px,260px) minmax(220px,1fr) auto auto;gap:10px;align-items:center}.compact-save-grid .button,.compact-save-grid select,.compact-save-grid input,.compact-save-grid .mini-check{height:44px}.compact-save-grid .mini-check{display:inline-flex;align-items:center;gap:8px;padding:0 12px;border-radius:14px;background:#fff;border:1px solid #dce4ec}

.asset-gallery-shell{padding:0;overflow:hidden}.asset-gallery-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid #e6ebf2;background:#fcfcfd}.asset-gallery-tabs{display:flex;align-items:center;gap:18px;font-size:.93rem;font-weight:700;color:#667085}.asset-gallery-tabs .is-active{color:#f59e0b;border-bottom:2px solid #f59e0b;padding-bottom:8px}.badge-beta{display:inline-flex;align-items:center;padding:3px 6px;border-radius:999px;background:#f3f4f6;font-size:.72rem;color:#667085}.asset-gallery-meta{font-size:.9rem;color:#667085}
.browser-asset-grid{padding:16px;background:#fbfcfd;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.browser-asset-card{border-radius:16px;box-shadow:0 4px 14px rgba(15,23,42,.05);border:1px solid #e7ebf0;position:relative}.browser-asset-card .preview{aspect-ratio:1/1;background:#f0f3f6}.browser-asset-card .asset-body{padding:12px 14px 14px}.browser-asset-card .asset-body h2{font-size:1rem;line-height:1.25}.browser-asset-card .asset-body p{font-size:.88rem;line-height:1.4}.browser-asset-card .tags a,.browser-asset-card .tags span{font-size:.72rem}.browser-asset-card .overview-check{position:absolute;left:10px;top:10px;z-index:2;background:rgba(255,255,255,.92);padding:6px 8px;border-radius:999px;border:1px solid #dbe3eb}.browser-asset-card .remember-panel{margin-top:10px;background:#f8fafc;border:1px solid #e6ebf2}.browser-asset-card .remember-fields{display:grid;grid-template-columns:1fr;gap:8px}.browser-asset-card .compact-inline-form{margin-top:10px}
.view-list.browser-asset-grid{display:grid;grid-template-columns:1fr!important}.view-list .browser-asset-card{display:grid;grid-template-columns:220px minmax(0,1fr)}.view-list .browser-asset-card .preview{aspect-ratio:auto;height:100%}.view-list .browser-asset-card .overview-check{left:12px;top:12px}.view-list .browser-asset-card .asset-body{display:grid;align-content:start}.view-list .browser-asset-card .asset-body h2{font-size:1.15rem}.view-list .browser-asset-card .remember-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.view-list .browser-asset-card .remember-fields .js-single-remember,.view-list .browser-asset-card .remember-fields .mini-check{grid-column:auto}

@media (max-width: 1200px){.browser-shell{grid-template-columns:280px minmax(0,1fr)}.browser-search-form{grid-template-columns:minmax(280px,1fr) 150px auto}.compact-save-grid{grid-template-columns:1fr 1fr auto auto}}
@media (max-width: 980px){.app-sidebar{transform:translateX(-100%)}.app-mainframe{margin-left:0}.app-overlay{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:110}.mobile-nav-toggle{display:inline-flex}.desktop-toggle{display:inline-flex}.topbar.app-topbar{position:sticky;top:0;z-index:100}.body-sidebar-open .app-sidebar{transform:translateX(0)}.body-sidebar-open .app-overlay{display:block}.browser-shell{grid-template-columns:1fr;grid-template-areas:'toolbar' 'tree' 'main'}.browser-tree-panel{position:static;max-height:none}.folder-tree-wrap{max-height:none}.browser-search-form{grid-template-columns:1fr}.browser-toolbar-right{width:100%;justify-content:space-between}.compact-save-grid{grid-template-columns:1fr}.view-list .browser-asset-card{grid-template-columns:1fr}}
@media (max-width: 640px){.app-container{width:calc(100% - 20px);margin:14px auto 24px}.browser-breadcrumb{font-size:1rem}.browser-asset-grid{grid-template-columns:1fr}.asset-gallery-head{flex-direction:column;align-items:flex-start}.compact-bulk-head,.selection-compact-head{align-items:flex-start}.browser-inline-upload{grid-template-columns:1fr}.browser-view-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}.view-mode-control{width:100%}}

/* Cyberbude AI Asset Hub v0.6.2 - separate finder column like reference */
.browser-toolbar-panel{padding:18px 22px}
.browser-page-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}
.browser-content-column{display:grid;gap:18px;min-width:0}
.browser-tree-panel{padding:16px;position:sticky;top:88px;max-height:calc(100vh - 108px);overflow:hidden;display:flex;flex-direction:column}
.browser-tree-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.browser-tree-head h2{margin:0;font-size:1rem;color:#273444}
.finder-browser-shell{background:#fff;border:1px solid #e1e7ef;border-radius:20px;padding:10px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.finder-browser-scroll{max-height:calc(100vh - 290px);overflow:auto;padding-right:4px}
.finder-browser-scroll::-webkit-scrollbar{width:10px;height:10px}.finder-browser-scroll::-webkit-scrollbar-thumb{background:#cfd8e3;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.finder-tree{list-style:none;margin:0;padding:0}
.finder-node{position:relative}
.finder-node .finder-children{display:none;margin-left:18px;padding-left:14px;border-left:1px dotted #bcc8d6}
.finder-node.is-open>.finder-children{display:block}
.finder-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:32px;padding:2px 0}
.finder-toggle{height:18px;width:18px;border:1px solid #9aa8b8;border-radius:2px;background:#fff;color:#344054;font-size:.82rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:none}
.finder-toggle.is-placeholder{border-color:transparent;background:transparent;pointer-events:none}
.finder-link{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:28px;padding:3px 6px;border-radius:8px;color:#243447;min-width:0}
.finder-link:hover{background:#eef2f6}
.finder-link.is-active{background:#e8f0fe;color:#174ea6}
.finder-folder-icon{font-size:1rem;line-height:1}
.finder-name{font-size:.99rem;line-height:1.15;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word}
.finder-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;border-radius:999px;background:#e9eef5;color:#607086;font-size:.76rem;font-weight:800}
.finder-delete-btn{height:28px;width:28px;border-radius:10px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.finder-empty{padding:12px 6px;color:#64748b;font-size:.92rem}
.browser-folder-create{margin-top:12px}
.browser-folder-create summary{padding:12px 14px}
.browser-folder-create .folder-create-fields{padding:0 12px 12px}
.browser-bulk-panel{padding:14px 16px}
.compact-bulk-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.selection-compact-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.select-all-control{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#f8fafc;border:1px solid #e0e7ef;font-weight:700}
.compact-save-card{padding:12px 14px;border-radius:20px}
.bulk-save-card-head{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.compact-save-grid{grid-template-columns:minmax(240px,270px) minmax(220px,1fr) auto auto}
.compact-save-grid .button{border-radius:14px}
.view-list .browser-asset-card{grid-template-columns:240px minmax(0,1fr)}
.view-list .browser-asset-card .preview{min-height:100%}

@media (max-width: 1280px){
  .browser-page-layout{grid-template-columns:320px minmax(0,1fr)}
}
@media (max-width: 980px){
  .browser-page-layout{grid-template-columns:1fr}
  .browser-tree-panel{position:static;max-height:none}
  .finder-browser-scroll{max-height:none}
  .compact-bulk-head{grid-template-columns:1fr}
  .compact-save-grid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .browser-toolbar-panel{padding:16px}
  .browser-page-layout{gap:14px}
  .browser-tree-panel{padding:14px}
  .finder-browser-shell{padding:10px}
  .finder-link{grid-template-columns:18px minmax(0,1fr) auto}
  .finder-name{font-size:.94rem}
  .browser-bulk-panel{padding:14px}
  .selection-compact-head{flex-direction:column;align-items:flex-start}
  .view-list .browser-asset-card{grid-template-columns:1fr}
}

/* Cyberbude AI Asset Hub v0.6.3 - rebuilt browser layout */
.cb-browser-redesign{display:grid;gap:18px}
.cb-browser-toolbar{padding:18px 22px;border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.06);border:1px solid #e6ebf2}
.cb-browser-toolbar-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:16px}
.cb-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:1rem;line-height:1.35;font-weight:600;color:#334155}
.cb-breadcrumb a,.cb-breadcrumb span{color:#334155}
.cb-breadcrumb a:hover{color:#0f7b68}
.cb-toolbar-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-left:auto}
.cb-browser-search{display:grid;grid-template-columns:minmax(280px,1fr) 160px auto;gap:12px;align-items:center}
.cb-browser-search input,.cb-browser-search select{min-height:48px}
.cb-upload-panel{margin-top:14px;border-top:1px solid #e6ebf2;padding-top:12px}
.cb-upload-panel summary{cursor:pointer;list-style:none;font-weight:800;color:#334155}
.cb-upload-panel summary::-webkit-details-marker{display:none}
.cb-browser-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start}
.cb-browser-main{display:grid;gap:18px;min-width:0}

.cb-folder-column{position:sticky;top:88px;padding:16px;border-radius:24px;background:#fff;border:1px solid #e6ebf2;box-shadow:0 12px 34px rgba(15,23,42,.05)}
.cb-folder-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.cb-folder-header h2{margin:0;font-size:1.02rem;color:#1f2937}
.cb-folder-header .folder-all{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:#edf8f5;border:1px solid #b9e7d8;color:#0f7b68;font-weight:800}
.cb-folder-shell{background:#fbfcfe;border:1px solid #e4e9f1;border-radius:18px;padding:12px}
.cb-folder-scroll{max-height:calc(100vh - 330px);overflow:auto;padding-right:4px}
.cb-folder-scroll::-webkit-scrollbar{width:10px}.cb-folder-scroll::-webkit-scrollbar-thumb{background:#cfd8e3;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.cb-folder-column .finder-tree{list-style:none;margin:0;padding:0}
.cb-folder-column .finder-node{position:relative}
.cb-folder-column .finder-node .finder-children{display:none;margin-left:18px;padding-left:14px;border-left:1px dotted #c3cedb}
.cb-folder-column .finder-node.is-open>.finder-children{display:block}
.cb-folder-column .finder-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:start;padding:2px 0}
.cb-folder-column .finder-toggle{height:18px;width:18px;border:1px solid #98a7b8;border-radius:2px;background:#fff;color:#435266;font-size:.82rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;margin-top:6px}
.cb-folder-column .finder-toggle.is-placeholder{border-color:transparent;background:transparent;pointer-events:none}
.cb-folder-column .finder-link{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:30px;padding:6px 8px;border-radius:10px;color:#243447}
.cb-folder-column .finder-link:hover{background:#eef3f8}
.cb-folder-column .finder-link.is-active{background:#eaf2ff;color:#1756b3}
.cb-folder-column .finder-folder-icon{font-size:1rem;line-height:1}
.cb-folder-column .finder-name{font-size:.95rem;font-weight:700;line-height:1.2;word-break:break-word}
.cb-folder-column .finder-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:999px;background:#e8eef5;color:#607086;font-size:.74rem;font-weight:900}
.cb-folder-column .finder-delete-btn{height:28px;width:28px;border-radius:10px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.cb-folder-create{margin-top:14px;border:1px solid #e4e9f1;border-radius:18px;background:#fbfcfe}
.cb-folder-create summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:800;color:#334155}
.cb-folder-create summary::-webkit-details-marker{display:none}
.cb-folder-create .folder-create-fields{display:grid;gap:10px;padding:0 14px 14px}
.cb-folder-create input,.cb-folder-create select{min-height:44px;border-radius:14px}

.cb-remember-panel{padding:16px 18px;border-radius:24px;background:#fff;border:1px solid #e6ebf2;box-shadow:0 12px 34px rgba(15,23,42,.05)}
.cb-remember-top{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid #e8edf3;margin-bottom:12px}
.cb-remember-body{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:16px;align-items:center}
.cb-remember-text{display:grid;gap:4px}
.cb-remember-text strong{font-size:1rem;color:#0f172a}
.cb-remember-actions{display:grid;grid-template-columns:minmax(220px,250px) minmax(220px,1fr) auto auto;gap:10px;align-items:center}
.cb-remember-actions select,.cb-remember-actions input{min-height:44px;border-radius:14px;background:#fff;border:1px solid #dde5ee}
.cb-remember-actions .mini-check{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 12px;border-radius:14px;background:#fff;border:1px solid #dde5ee}
.cb-remember-actions .button{min-height:44px;border-radius:14px}

.cb-gallery-shell{padding:0;border-radius:24px;background:#fff;border:1px solid #e6ebf2;box-shadow:0 12px 34px rgba(15,23,42,.05);overflow:hidden}
.cb-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #e8edf3;background:#fcfcfd}
.cb-gallery-tabs{display:flex;align-items:center;gap:24px;flex-wrap:wrap;color:#667085;font-weight:700;font-size:.95rem}
.cb-gallery-tabs span{padding-bottom:8px}
.cb-gallery-tabs .is-active{color:#f59e0b;border-bottom:2px solid #f59e0b}
.cb-gallery-count{font-size:.9rem;color:#667085;font-weight:700}
.cb-gallery-grid{padding:16px;background:#fbfcfd;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.cb-gallery-grid.view-list{grid-template-columns:1fr}
.cb-gallery-card{position:relative;border:1px solid #e7ebf0;border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.05);overflow:hidden}
.cb-gallery-card .preview{display:block;aspect-ratio:1/1;background:#eff3f7}
.cb-gallery-card .preview img,.cb-gallery-card .preview video{width:100%;height:100%;object-fit:cover;display:block}
.cb-gallery-card .audio-preview{height:100%;min-height:180px;display:grid;place-items:center;padding:16px;background:linear-gradient(180deg,#eef4ff,#f8fbff)}
.cb-gallery-card .overview-check{position:absolute;left:10px;top:10px;z-index:3;background:rgba(255,255,255,.94);padding:6px 10px;border-radius:999px;border:1px solid #dde4ec}
.cb-gallery-card .asset-body{display:grid;gap:8px;padding:12px 14px 14px}
.cb-gallery-card .asset-body h2{margin:0;font-size:1rem;line-height:1.25}
.cb-gallery-card .asset-body p{margin:0;font-size:.88rem;line-height:1.45;color:#556274}
.cb-gallery-card .tags{display:flex;flex-wrap:wrap;gap:8px}
.cb-gallery-card .tags a{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f3f6f9;border:1px solid #e2e8f0;color:#475569;font-size:.73rem;font-weight:700}
.cb-gallery-card small{display:block;color:#6b7280}
.cb-gallery-card .remember-panel{margin-top:4px;border-radius:16px;background:#f8fafc;border:1px solid #e5ebf2}
.cb-gallery-card .remember-panel summary{padding:10px 12px;font-weight:800;cursor:pointer}
.cb-gallery-card .remember-fields{display:grid;gap:8px;padding:0 12px 12px}
.cb-gallery-card .remember-fields input,.cb-gallery-card .remember-fields select{min-height:40px;border-radius:12px;background:#fff;border:1px solid #dde5ee}
.cb-gallery-card .remember-fields .small-btn{min-height:40px;border-radius:12px}
.cb-gallery-card .edit-box summary{font-weight:800}
.cb-gallery-grid.view-list .cb-gallery-card{display:grid;grid-template-columns:240px minmax(0,1fr)}
.cb-gallery-grid.view-list .cb-gallery-card .preview{aspect-ratio:auto;height:100%}
.cb-gallery-grid.view-list .cb-gallery-card .remember-fields{grid-template-columns:1fr 1fr}
.cb-gallery-grid.view-list .cb-gallery-card .remember-fields .js-single-remember,.cb-gallery-grid.view-list .cb-gallery-card .remember-fields .mini-check{grid-column:auto}

@media (max-width: 1280px){
  .cb-browser-layout{grid-template-columns:300px minmax(0,1fr)}
  .cb-remember-actions{grid-template-columns:1fr 1fr auto auto}
}
@media (max-width: 980px){
  .cb-browser-search{grid-template-columns:1fr}
  .cb-browser-layout{grid-template-columns:1fr}
  .cb-folder-column{position:static}
  .cb-folder-scroll{max-height:none}
  .cb-remember-body{grid-template-columns:1fr}
  .cb-remember-actions{grid-template-columns:1fr}
  .cb-gallery-grid.view-list .cb-gallery-card{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .cb-browser-toolbar{padding:16px}
  .cb-browser-toolbar-top{gap:12px}
  .cb-toolbar-right{width:100%;justify-content:space-between}
  .cb-folder-column{padding:14px}
  .cb-remember-panel{padding:14px}
  .cb-remember-top{align-items:flex-start}
  .cb-gallery-head{flex-direction:column;align-items:flex-start}
  .cb-gallery-tabs{gap:16px}
  .cb-gallery-grid{grid-template-columns:1fr}
}

/* v0.6.4 complete asset explorer rebuild */
body.has-app-shell{background:#f1f1f3}
.app-sidebar{width:72px;background:#ffffff;border-right:1px solid #e6e6e9;box-shadow:none}
.app-mainframe{margin-left:72px}
.app-container{width:calc(100% - 28px);max-width:none;margin:12px 14px 24px}
.sidebar-topbar{padding:8px 0 6px;justify-content:center}
.sidebar-brand{justify-content:center;padding:0 8px}
.sidebar-brand-text,.sidebar-footer{display:none !important}
.sidebar-brand-mark{width:36px;height:36px;border-radius:12px}
.sidebar-nav{padding:6px 0;gap:2px}
.sidebar-nav a{display:flex;align-items:center;justify-content:center;padding:12px 6px;border-left:4px solid transparent;border-radius:0;color:#8b6b2f}
.sidebar-nav a:hover{background:#fff6ec;border-left-color:#f59e0b}
.sidebar-nav .nav-icon{font-size:1rem;line-height:1}
.sidebar-nav .nav-label{display:none}
.topbar.app-topbar{height:38px;min-height:38px;background:#f77c2f;border-bottom:none;box-shadow:none;padding:0 14px}
.topbar.app-topbar .app-topbar-title{display:none}
.topbar.app-topbar .sidebar-toggle span{background:#fff}
.desktop-toggle{display:inline-flex;background:transparent;border:0;box-shadow:none}
.container.app-container{margin-top:8px}

.explorer-page{display:grid;gap:10px}
.explorer-head-tabs{display:flex;align-items:center;gap:14px;padding:0 12px 4px;font-size:.9rem}
.explorer-head-tabs a{color:#5f5f64;padding-bottom:6px;border-bottom:2px solid transparent}
.explorer-head-tabs a.is-active{color:#f59e0b;border-bottom-color:#f59e0b}
.beta-pill{display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;line-height:1;padding:2px 5px;border-radius:4px;background:#efefef;color:#696969;border:1px solid #d6d6d6}
.explorer-crumb-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 12px}
.explorer-breadcrumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.98rem;color:#404046}
.explorer-breadcrumb a{text-decoration:underline;text-underline-offset:2px;color:#404046}
.explorer-crumb-meta{display:flex;align-items:center;gap:18px;font-size:.82rem;color:#6f6f78;white-space:nowrap}
.explorer-view-tools{display:flex;align-items:center;gap:8px}
.explorer-view-tools a{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;border:1px solid #d7d7dd;background:#fff;color:#6b7280;font-size:.9rem}
.explorer-view-tools a.is-active{background:#fff7ed;color:#f59e0b;border-color:#f3c98b}
.explorer-search-row{padding:0 12px 6px}
.explorer-search-form{display:grid;grid-template-columns:minmax(280px,1fr) 160px 110px;gap:10px;align-items:center}
.explorer-search-form input,.explorer-search-form select{min-height:42px;border-radius:12px;border:1px solid #d8dbe2;background:#fff}
.explorer-search-form button{min-height:42px;border-radius:12px;border:0;background:#f59e0b;color:#fff;font-weight:800;cursor:pointer}

.explorer-main-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px;align-items:start}
.explorer-tree-panel{background:#f7f7f8;border:1px solid #dfdfe3;padding:10px;min-height:540px}
.explorer-tree-panel-inner{max-height:560px;overflow:auto;padding-right:4px}
.explorer-tree-panel-inner::-webkit-scrollbar{width:8px}.explorer-tree-panel-inner::-webkit-scrollbar-thumb{background:#cfcfd6;border-radius:999px}
.explorer-tree-list{list-style:none;margin:0;padding:0}
.explorer-tree-list .explorer-tree-list{margin-left:14px;padding-left:10px;border-left:1px dotted #a6a6ae}
.explorer-tree-node{margin:0}
.explorer-tree-row{display:grid;grid-template-columns:14px minmax(0,1fr);gap:4px;align-items:start;padding:1px 0}
.explorer-tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;margin-top:6px;border:1px solid #7a7a82;background:#fff;color:#3e3e46;font-size:.75rem;line-height:1;padding:0;cursor:pointer}
.explorer-tree-toggle.is-ghost{border-color:transparent;background:transparent;cursor:default}
.explorer-tree-link{display:grid;grid-template-columns:18px minmax(0,1fr);gap:4px;align-items:center;padding:3px 4px;border-radius:4px;color:#2f2f37;min-height:24px}
.explorer-tree-link:hover{background:#ededf1}
.explorer-tree-link.is-active{background:#fff3e3;color:#c26a00}
.explorer-tree-icon{font-size:.95rem;line-height:1}
.explorer-tree-name{font-size:.82rem;line-height:1.2;word-break:break-word}
.explorer-tree-children{display:none}
.explorer-tree-node.is-open>.explorer-tree-children{display:block}
.explorer-folder-create{margin-top:10px;background:#fff;border:1px solid #dfdfe3;border-radius:10px;padding:8px}
.explorer-folder-create summary{cursor:pointer;font-weight:700;color:#45454d}
.explorer-folder-create form{display:grid;gap:8px;margin-top:8px}

.explorer-content-panel{background:#f7f7f8;border:1px solid #dfdfe3;min-height:540px;display:grid;grid-template-rows:auto auto 1fr auto}
.explorer-panel-tabs{display:flex;align-items:center;gap:26px;padding:14px 24px 10px;border-bottom:1px solid #dfdfe3;font-size:.86rem;color:#7a7a82}
.explorer-panel-tabs .is-active{color:#f59e0b}
.explorer-selection-panel{display:grid;grid-template-columns:minmax(200px,250px) 1fr;gap:16px;padding:12px 24px;border-bottom:1px solid #e5e5e9;background:#fafafa}
.explorer-selection-left{display:grid;gap:8px;align-content:start;font-size:.85rem}
.explorer-selection-left strong{font-size:.84rem;color:#43434b}
.explorer-selection-right{display:grid;grid-template-columns:230px minmax(220px,1fr) auto auto auto;gap:10px;align-items:center}
.explorer-selection-right select,.explorer-selection-right input{min-height:38px;border:1px solid #d7dbe2;background:#fff;border-radius:8px;padding:8px 10px}
.explorer-selection-right .mini-check{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:.84rem}
.explorer-selection-right .button,.explorer-selection-right .danger{min-height:38px;border-radius:8px;padding:8px 12px}
.explorer-selection-right .danger{margin-top:0;width:auto}

.explorer-assets-wrap{padding:14px 22px 18px}
.explorer-assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px;align-items:start}
.explorer-assets-grid.view-list{grid-template-columns:1fr}
.explorer-asset-card{position:relative;background:#fff;border:1px solid #e3e4e8;border-radius:8px;overflow:hidden;min-height:150px;display:flex;flex-direction:column}
.explorer-thumb{display:block;background:#f0f1f4;aspect-ratio:1/1;overflow:hidden}
.explorer-thumb img,.explorer-thumb video{width:100%;height:100%;object-fit:contain;background:#f5f5f7;display:block}
.explorer-audio-thumb{display:flex;align-items:center;justify-content:center;height:100%;min-height:118px;font-weight:700;color:#7b7b83}
.explorer-card-check{position:absolute;top:6px;right:6px;z-index:2;background:rgba(255,255,255,.94);padding:2px;border-radius:999px}
.explorer-card-body{display:grid;gap:5px;padding:7px 8px 9px}
.explorer-card-status{font-size:.68rem;color:#f59e0b;font-weight:800;min-height:14px}
.explorer-card-title{font-size:.76rem;line-height:1.25;color:#5c5c66;word-break:break-word}
.explorer-card-desc.is-grid,.explorer-card-hint,.explorer-card-error,.explorer-card-tags,.explorer-remember-inline{display:none}
.explorer-card-body small{font-size:.68rem;color:#8a8a93;word-break:break-all}
.explorer-assets-grid.view-list .explorer-asset-card{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:180px}
.explorer-assets-grid.view-list .explorer-thumb{height:100%;aspect-ratio:auto}
.explorer-assets-grid.view-list .explorer-card-desc,.explorer-assets-grid.view-list .explorer-card-hint,.explorer-assets-grid.view-list .explorer-card-error,.explorer-assets-grid.view-list .explorer-card-tags,.explorer-assets-grid.view-list .explorer-remember-inline{display:block}
.explorer-assets-grid.view-list .explorer-card-tags{display:flex;gap:6px;flex-wrap:wrap}
.explorer-assets-grid.view-list .explorer-card-tags a{padding:4px 8px;border-radius:999px;background:#f3f4f7;border:1px solid #e2e4e8;font-size:.72rem;color:#5d6470}
.explorer-assets-grid.view-list .explorer-card-body{padding:12px 14px}
.explorer-assets-grid.view-list .explorer-card-title{font-size:1rem;color:#2f2f37;font-weight:700}
.explorer-assets-grid.view-list .explorer-card-desc{font-size:.86rem;line-height:1.4;color:#64707f;margin:0}
.explorer-assets-grid.view-list .explorer-card-hint,.explorer-assets-grid.view-list .explorer-card-error{font-size:.8rem;margin:0}
.explorer-assets-grid.view-list .explorer-remember-inline summary{cursor:pointer;font-size:.8rem;font-weight:700;color:#3f4853}
.explorer-assets-grid.view-list .explorer-remember-fields{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;padding-top:8px}
.explorer-assets-grid.view-list .explorer-remember-fields select,.explorer-assets-grid.view-list .explorer-remember-fields input{min-height:36px;border:1px solid #d7dbe2;background:#fff;border-radius:8px}
.explorer-assets-grid.view-list .explorer-remember-fields .small-btn{min-height:36px;border-radius:8px}
.explorer-upload-card{display:flex;align-items:center;justify-content:center;padding:12px;border:1px dashed #c8ced6;background:#fcfcfd}
.explorer-upload-card details{width:100%}
.explorer-upload-card summary{cursor:pointer;font-weight:800;color:#6b7280;text-align:center;list-style:none}
.explorer-upload-card summary::-webkit-details-marker{display:none}
.explorer-upload-card form{display:grid;gap:8px;margin-top:10px}
.explorer-upload-card input,.explorer-upload-card select{min-height:36px;border:1px solid #d7dbe2;border-radius:8px;background:#fff}
.explorer-upload-card .button{min-height:36px;border-radius:8px}
.explorer-pager{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px 18px}
.explorer-pager a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;background:#fff;border:1px solid #d7dbe2;border-radius:8px;color:#5f6772}
.explorer-pager a.is-active{background:#fff3e3;border-color:#f1c27c;color:#c26a00}

@media (max-width: 1200px){
  .explorer-selection-panel{grid-template-columns:1fr}
  .explorer-selection-right{grid-template-columns:1fr 1fr auto auto auto}
}
@media (max-width: 960px){
  .app-sidebar{width:72px;transform:none}
  .app-mainframe{margin-left:72px}
  .explorer-search-form{grid-template-columns:1fr}
  .explorer-main-grid{grid-template-columns:1fr}
  .explorer-tree-panel{min-height:auto}
  .explorer-content-panel{min-height:auto}
  .explorer-selection-right{grid-template-columns:1fr}
  .explorer-assets-grid.view-list .explorer-asset-card{grid-template-columns:1fr}
  .explorer-assets-grid.view-list .explorer-remember-fields{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .app-mainframe{margin-left:72px}
  .topbar.app-topbar{padding:0 10px}
  .container.app-container{width:calc(100% - 12px);margin:6px auto 18px}
  .explorer-crumb-row{flex-direction:column;align-items:flex-start}
  .explorer-assets-wrap{padding:12px}
  .explorer-assets-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}

/* v0.6.5 navigation/upload cleanup + cyberbude style overrides */
body.has-app-shell{background:linear-gradient(180deg,#f7f9fb,#eef3f7)!important;color:#17202a!important}
.app-sidebar{width:248px!important;background:linear-gradient(180deg,#ffffff,#f6faf9)!important;border-right:1px solid #dfe8e6!important;box-shadow:0 18px 44px rgba(15,23,42,.06)!important}
.app-mainframe{margin-left:248px!important}
body.sidebar-collapsed .app-sidebar{width:76px!important}
body.sidebar-collapsed .app-mainframe{margin-left:76px!important}
.sidebar-topbar{display:flex!important;align-items:center!important;gap:12px!important;justify-content:flex-start!important;padding:16px 14px 12px!important}
.sidebar-topbar .mobile-nav-toggle{display:inline-flex!important;position:static!important;right:auto!important;top:auto!important;order:2;margin-left:auto;background:#f1f6f4!important;border:1px solid #d8e6e1!important}
.sidebar-brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-width:0!important;padding:0!important;flex:1!important}
.sidebar-brand-text{display:flex!important;flex-direction:column!important;line-height:1.05!important;min-width:0!important}
.sidebar-brand-text strong{font-size:.95rem!important;color:#101820!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sidebar-brand-text small{font-size:.74rem!important;color:#16a085!important;font-weight:800!important}
.sidebar-brand-mark{width:38px!important;height:38px!important;min-width:38px!important;border-radius:13px!important}
.sidebar-nav{display:grid!important;gap:5px!important;padding:10px 12px!important}
.sidebar-nav a{justify-content:flex-start!important;display:flex!important;gap:12px!important;padding:10px 12px!important;border-left:0!important;border-radius:14px!important;color:#344054!important;background:transparent!important;font-weight:800!important}
.sidebar-nav a:hover,.sidebar-nav a.is-active{background:#eaf3f1!important;color:#0f7b68!important}
.sidebar-nav .nav-icon{width:22px!important;min-width:22px!important;text-align:center!important}
.sidebar-nav .nav-label{display:inline!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sidebar-footer{display:grid!important;margin-top:auto!important;padding:12px!important;gap:10px!important}
.sidebar-user-pill{display:block!important;font-size:.78rem!important}
.sidebar-logout{display:block!important;width:100%!important}
body.sidebar-collapsed .sidebar-brand-text,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .sidebar-user-pill,body.sidebar-collapsed .sidebar-footer form{display:none!important}
body.sidebar-collapsed .sidebar-topbar{justify-content:center!important;flex-direction:column!important;padding:14px 8px!important}
body.sidebar-collapsed .sidebar-nav{padding:10px 8px!important}
body.sidebar-collapsed .sidebar-nav a{justify-content:center!important;padding:11px 0!important}
body.sidebar-collapsed .sidebar-topbar .mobile-nav-toggle{margin-left:0!important}
.topbar.app-topbar{height:56px!important;min-height:56px!important;background:rgba(255,255,255,.9)!important;border-bottom:1px solid #dfe8e6!important;box-shadow:0 14px 34px rgba(15,23,42,.05)!important;backdrop-filter:blur(16px)!important;padding:0 24px!important}
.topbar.app-topbar .desktop-toggle{display:none!important}
.topbar.app-topbar .app-topbar-title{display:block!important;color:#101820!important}
.topbar.app-topbar .app-topbar-title strong{font-size:1rem!important;color:#101820!important}
.container.app-container{width:calc(100% - 32px)!important;max-width:none!important;margin:18px 16px 30px!important}
body.sidebar-collapsed .container.app-container{width:calc(100% - 32px)!important}

.explorer-head-tabs{margin-top:2px!important}
.explorer-breadcrumb a:first-child{font-weight:900!important;text-decoration:none!important;color:#0f7b68!important}
.explorer-panel-tabs span:not(.is-active){display:none!important}
.explorer-panel-tabs{gap:0!important}
.explorer-search-form button,.explorer-selection-right .button,.explorer-folder-create .button,.upload-page-form .button{background:#16a085!important;color:#fff!important}
.explorer-search-form button:hover,.explorer-selection-right .button:hover,.explorer-folder-create .button:hover,.upload-page-form .button:hover{background:#0f7b68!important}
.explorer-view-tools a.is-active{background:#eaf3f1!important;color:#0f7b68!important;border-color:#bfe5db!important}
.explorer-tree-node.is-open>.explorer-tree-row .explorer-tree-toggle{background:#f7fbfa!important;color:#0f7b68!important;border-color:#9edbd0!important}
.explorer-tree-link.is-active{background:#eaf3f1!important;color:#0f7b68!important}
.explorer-upload-card{display:none!important}
.explorer-selection-panel{grid-template-columns:minmax(190px,280px) minmax(0,1fr)!important}
.explorer-selection-right{grid-template-columns:minmax(220px,260px) minmax(220px,1fr) auto auto auto!important}

.upload-page-shell{display:grid;gap:18px;max-width:980px;margin:0 auto}
.upload-page-hero{padding:32px!important;background:linear-gradient(135deg,#101820,#12342f)!important;color:#fff!important;border:0!important}
.upload-page-hero .eyebrow{color:#2ee6c5!important}
.upload-page-hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1;margin:0 0 12px;letter-spacing:-.05em}
.upload-page-hero p{color:#d8eee9!important;max-width:780px}
.upload-page-card{padding:28px!important}
.upload-page-form{display:grid;gap:16px}
.upload-page-form label{display:grid;gap:7px;font-size:.88rem;color:#536170;font-weight:800}
.upload-page-form input,.upload-page-form select{min-height:48px;border-radius:16px;background:#fff;border:1px solid #dfe7ef}
.upload-page-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}

@media(max-width:980px){
  .app-sidebar{transform:translateX(-100%)!important;width:248px!important}
  .app-mainframe{margin-left:0!important}
  .body-sidebar-open .app-sidebar{transform:translateX(0)!important}
  body.sidebar-collapsed .app-mainframe{margin-left:0!important}
  .explorer-selection-panel{grid-template-columns:1fr!important}
  .explorer-selection-right{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .upload-page-subgrid{grid-template-columns:1fr}
  .container.app-container{width:calc(100% - 18px)!important;margin:12px 9px 24px!important}
}


/* Cyberbude AI Asset Hub v0.6.6 - DAM Workflows */
.workflow-hero{
  align-items:stretch;
}
.workflow-hero h1{
  margin:.15rem 0 .5rem;
  letter-spacing:-.04em;
}
.workflow-mini-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(150px,1fr));
  gap:12px;
  min-width:320px;
}
.workflow-mini-stats>div{
  border:1px solid var(--line);
  background:#fbfcfd;
  border-radius:18px;
  padding:18px;
  display:grid;
  align-content:center;
}
.workflow-mini-stats strong{
  font-size:2rem;
  letter-spacing:-.05em;
}
.workflow-mini-stats span{
  color:var(--muted);
  font-weight:700;
}
.workflow-dashboard{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
  margin-bottom:22px;
}
.workflow-stat-card{
  margin:0;
  padding:18px;
  display:grid;
  gap:6px;
}
.workflow-stat-card strong{
  font-size:2rem;
  letter-spacing:-.05em;
}
.workflow-stat-card span{
  color:var(--muted);
  font-weight:750;
}
.workflow-source-note{
  display:grid;
  gap:6px;
  padding:18px 22px;
}
.workflow-source-note p{
  margin:0;
  color:var(--muted);
}
.workflow-layout{
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.workflow-sidebar{
  position:sticky;
  top:88px;
  display:grid;
  gap:22px;
}
.workflow-sidebar h2,
.workflow-main h2{
  margin:0;
  letter-spacing:-.03em;
}
.workflow-create-form{
  display:grid;
  gap:12px;
}
.workflow-create-form label{
  display:grid;
  gap:6px;
}
.workflow-template-list{
  display:grid;
  gap:12px;
}
.workflow-template{
  border:1px solid var(--line);
  background:#fbfcfd;
  border-radius:18px;
  padding:14px;
  display:grid;
  gap:8px;
}
.workflow-template strong{
  letter-spacing:-.02em;
}
.workflow-template small{
  color:var(--brand-dark);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.workflow-template p{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.4;
}
.workflow-template ol{
  margin:0;
  padding-left:20px;
  color:#40505c;
  font-size:.86rem;
}
.workflow-main{
  display:grid;
  gap:22px;
  min-width:0;
}
.workflow-filter-panel{
  padding:18px;
}
.workflow-filters{
  display:grid;
  grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto auto;
  gap:12px;
  align-items:end;
}
.workflow-kanban{
  display:grid;
  grid-template-columns:repeat(5,minmax(240px,1fr));
  gap:14px;
  overflow:auto;
  padding-bottom:8px;
}
.workflow-column{
  background:#f4f7fa;
  border:1px solid #e1e7ef;
  border-radius:22px;
  padding:12px;
  min-height:320px;
  display:grid;
  align-content:start;
  gap:12px;
}
.workflow-column h3{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0;
  font-size:.95rem;
  letter-spacing:-.02em;
  color:#263444;
}
.workflow-column h3 span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:26px;
  height:24px;
  border-radius:999px;
  background:#e5edf4;
  color:#667085;
  font-size:.78rem;
}
.workflow-card{
  background:#fff;
  border:1px solid #e3e9f0;
  border-radius:18px;
  padding:14px;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
  display:grid;
  gap:10px;
}
.workflow-card-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.workflow-card-head strong{
  display:block;
  letter-spacing:-.02em;
}
.workflow-card-head small{
  color:var(--muted);
  display:block;
  margin-top:2px;
}
.workflow-status{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:5px 8px;
  font-size:.72rem;
  font-weight:900;
  background:#eff4f7;
  color:#536171;
  white-space:nowrap;
}
.workflow-status.status-approved,
.workflow-status.status-completed{
  background:#e9f8f3;
  color:#0f7b68;
}
.workflow-status.status-in_review{
  background:#fff7e5;
  color:#b06100;
}
.workflow-status.status-rejected{
  background:#fff0f0;
  color:#b33131;
}
.workflow-status.status-archived{
  background:#edf0f4;
  color:#4b5563;
}
.workflow-progress{
  height:8px;
  background:#edf2f7;
  border-radius:999px;
  overflow:hidden;
}
.workflow-progress span{
  display:block;
  height:100%;
  background:linear-gradient(90deg,var(--brand),#36c7aa);
  border-radius:999px;
}
.workflow-card p{
  margin:0;
  font-size:.9rem;
  line-height:1.42;
}
.workflow-details{
  border-top:1px solid var(--line);
  padding-top:10px;
}
.workflow-details summary{
  cursor:pointer;
  font-weight:900;
  color:#263444;
}
.workflow-step-list{
  display:grid;
  gap:8px;
  margin-top:10px;
}
.workflow-step{
  display:grid;
  grid-template-columns:minmax(140px,1.2fr) minmax(110px,.75fr) minmax(130px,.85fr) 120px minmax(120px,1fr) auto;
  gap:8px;
  align-items:center;
}
.workflow-add-step{
  display:grid;
  grid-template-columns:minmax(160px,1fr) 140px auto;
  gap:8px;
  align-items:center;
  border-top:1px dashed #dbe4ec;
  padding-top:10px;
}
.workflow-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.workflow-actions form{
  margin:0;
}
.workflow-actions .danger{
  width:auto;
  margin:0;
}
@media(max-width:1400px){
  .workflow-layout{grid-template-columns:1fr}
  .workflow-sidebar{position:static}
  .workflow-kanban{grid-template-columns:repeat(3,minmax(240px,1fr))}
}
@media(max-width:900px){
  .workflow-filters,
  .workflow-step,
  .workflow-add-step{
    grid-template-columns:1fr;
  }
  .workflow-kanban{
    grid-template-columns:1fr;
    overflow:visible;
  }
  .workflow-mini-stats{
    grid-template-columns:1fr;
    min-width:0;
  }
}


/* Cyberbude AI Asset Hub v0.6.7 - Workflow step editor overlay fix */
.workflow-kanban{
  align-items:start;
}
.workflow-column{
  overflow:visible;
}
.workflow-card{
  position:relative;
}
.workflow-card.is-editing,
.workflow-card:has(.workflow-details[open]){
  z-index:30;
}
.workflow-details[open]{
  position:relative;
  z-index:40;
  background:#fff;
  border:1px solid #dbe5ef;
  border-radius:18px;
  padding:14px;
  margin:6px -6px 0;
  box-shadow:0 24px 70px rgba(15,23,42,.18);
}
.workflow-details[open] summary{
  margin-bottom:12px;
}
.workflow-details[open] .workflow-step-list{
  display:grid;
  gap:12px;
}
.workflow-step{
  grid-template-columns:1.2fr .8fr 1fr 140px 1fr auto;
}
.workflow-step input,
.workflow-step select,
.workflow-add-step input,
.workflow-add-step select{
  min-width:0;
}
.workflow-step + form{
  margin-top:-8px;
}
.workflow-step + form .ghost{
  width:auto;
  padding:9px 12px;
}
.workflow-details[open] .workflow-add-step{
  background:#f8fbfd;
  border:1px dashed #dbe4ec;
  border-radius:14px;
  padding:12px;
}
@media(max-width:1200px){
  .workflow-details[open]{
    margin-left:0;
    margin-right:0;
  }
  .workflow-step{
    grid-template-columns:1fr 160px 1fr;
  }
  .workflow-step .button{
    grid-column:1 / -1;
  }
}
@media(max-width:760px){
  .workflow-step,
  .workflow-add-step{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.6.8 - Workflow editor width + Inbox */
.nav-inbox-link{
  position:relative;
}
.nav-badge{
  position:absolute;
  top:6px;
  right:8px;
  min-width:20px;
  height:20px;
  padding:0 6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#e03131;
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  box-shadow:0 0 0 3px rgba(255,255,255,.95);
}
body.sidebar-collapsed .nav-badge{
  right:12px;
}
.workflow-kanban{
  overflow-x:auto;
  overflow-y:visible;
  padding-bottom:460px;
}
.workflow-column{
  overflow:visible;
}
.workflow-card{
  position:relative;
}
.workflow-card:has(.workflow-details[open]){
  z-index:200;
  margin-bottom:420px;
}
.workflow-details[open]{
  position:absolute;
  left:0;
  top:calc(100% - 12px);
  width:min(980px, calc(100vw - 390px));
  min-width:780px;
  z-index:220;
  background:#fff;
  border:1px solid #dbe5ef;
  border-radius:22px;
  padding:18px;
  box-shadow:0 32px 90px rgba(15,23,42,.28);
}
.workflow-details[open] .workflow-step-list{
  gap:14px;
}
.workflow-details[open] .workflow-step{
  display:grid;
  grid-template-columns:minmax(220px,1.4fr) minmax(150px,.7fr) minmax(190px,1fr) minmax(150px,.7fr) minmax(160px,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px;
  background:#f8fbfd;
  border:1px solid #e2ebf3;
  border-radius:16px;
}
.workflow-details[open] .workflow-step input,
.workflow-details[open] .workflow-step select{
  min-height:46px;
  border-radius:14px;
  overflow:visible;
}
.workflow-details[open] .workflow-step + form{
  margin:-6px 0 6px 10px;
}
.workflow-details[open] .workflow-step + form .ghost{
  width:auto;
  padding:10px 14px;
}
.workflow-details[open] .workflow-add-step{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(180px,.5fr) auto;
  gap:10px;
  align-items:center;
  border:1px dashed #cfe0ec;
  border-radius:18px;
  background:#fbfdff;
  padding:14px;
}
.workflow-details[open] .workflow-add-step input,
.workflow-details[open] .workflow-add-step select{
  min-height:46px;
  border-radius:14px;
}
.inbox-hero{
  align-items:stretch;
}
.inbox-hero h1{
  margin:.15rem 0 .5rem;
  letter-spacing:-.04em;
}
.inbox-hero-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(160px,1fr));
  gap:12px;
  min-width:340px;
}
.inbox-hero-stats>div{
  border:1px solid var(--line);
  background:#fbfcfd;
  border-radius:18px;
  padding:18px;
  display:grid;
  align-content:center;
}
.inbox-hero-stats strong{
  font-size:2rem;
  letter-spacing:-.05em;
}
.inbox-hero-stats span{
  color:var(--muted);
  font-weight:700;
}
.inbox-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:22px;
  align-items:start;
}
.inbox-main{
  display:grid;
  gap:22px;
  min-width:0;
}
.inbox-section{
  display:grid;
  gap:16px;
}
.inbox-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.inbox-section-head h2,
.inbox-compose h2{
  margin:0;
  letter-spacing:-.03em;
}
.inbox-section-head p{
  margin:.25rem 0 0;
  color:var(--muted);
}
.inbox-list{
  display:grid;
  gap:12px;
}
.inbox-item{
  display:grid;
  grid-template-columns:28px 44px minmax(0,1fr) minmax(170px,auto);
  gap:14px;
  align-items:start;
  border:1px solid var(--line);
  background:#fbfcfd;
  border-radius:18px;
  padding:16px;
}
.inbox-item.is-unread{
  border-color:#b9dcfa;
  background:#f4fffb;
}
.inbox-item.is-read{
  opacity:.78;
}
.inbox-item-icon{
  width:44px;
  height:44px;
  border-radius:15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#edf3f7;
  font-size:1.15rem;
}
.inbox-item strong{
  display:block;
  letter-spacing:-.02em;
}
.inbox-item p{
  margin:.25rem 0 0;
  color:#3d4a58;
  line-height:1.45;
}
.inbox-item .muted{
  color:var(--muted);
  font-size:.86rem;
}
.inbox-due{
  color:#9a5b00!important;
  font-weight:800;
}
.inbox-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-self:center;
}
.inbox-actions form{
  margin:0;
}
.inbox-compose{
  position:sticky;
  top:88px;
  display:grid;
  gap:12px;
}
.inbox-compose p{
  margin:0;
}
.inbox-compose-form{
  display:grid;
  gap:12px;
}
.inbox-compose-form label{
  display:grid;
  gap:6px;
}
@media(max-width:1300px){
  .workflow-details[open]{
    width:min(900px, calc(100vw - 80px));
    min-width:0;
  }
  .workflow-details[open] .workflow-step{
    grid-template-columns:1fr 160px 1fr;
  }
  .workflow-details[open] .workflow-step .button{
    grid-column:1 / -1;
  }
  .workflow-details[open] .workflow-add-step{
    grid-template-columns:1fr 180px auto;
  }
}
@media(max-width:980px){
  .inbox-layout{
    grid-template-columns:1fr;
  }
  .inbox-compose{
    position:static;
  }
  .inbox-hero-stats{
    grid-template-columns:1fr;
    min-width:0;
  }
  .workflow-card:has(.workflow-details[open]){
    margin-bottom:0;
  }
  .workflow-details[open]{
    position:relative;
    top:auto;
    width:100%;
    box-shadow:0 18px 60px rgba(15,23,42,.18);
  }
}
@media(max-width:760px){
  .workflow-details[open] .workflow-step,
  .workflow-details[open] .workflow-add-step,
  .inbox-item{
    grid-template-columns:1fr;
  }
  .inbox-actions{
    justify-content:flex-start;
  }
}


/* Cyberbude AI Asset Hub v0.6.9 - Workflow step editor container width fix */
.workflow-details[open]{
  width:min(1220px, calc(100vw - 150px));
  min-width:1120px;
  max-width:calc(100vw - 120px);
  box-sizing:border-box;
  overflow:visible;
}
.workflow-details[open] .workflow-step-list{
  width:100%;
}
.workflow-details[open] .workflow-step{
  width:100%;
  box-sizing:border-box;
  grid-template-columns:minmax(230px,1.5fr) minmax(150px,.8fr) minmax(200px,1fr) minmax(150px,.8fr) minmax(170px,1fr) minmax(120px,auto);
}
.workflow-details[open] .workflow-step .button{
  width:100%;
  min-width:110px;
}
.workflow-details[open] .workflow-step + form{
  width:100%;
}
.workflow-details[open] .workflow-add-step{
  width:100%;
  box-sizing:border-box;
  grid-template-columns:minmax(280px,1fr) minmax(190px,.55fr) minmax(170px,auto);
}
.workflow-details[open] .workflow-add-step .ghost{
  width:100%;
}
@media(max-width:1300px){
  .workflow-details[open]{
    width:calc(100vw - 80px);
    min-width:0;
    max-width:calc(100vw - 80px);
  }
  .workflow-details[open] .workflow-step{
    grid-template-columns:minmax(220px,1fr) minmax(150px,.7fr) minmax(190px,1fr);
  }
  .workflow-details[open] .workflow-step .button{
    grid-column:1 / -1;
  }
}
@media(max-width:760px){
  .workflow-details[open]{
    width:100%;
    max-width:100%;
  }
  .workflow-details[open] .workflow-step,
  .workflow-details[open] .workflow-add-step{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.6.10 - Workflow inline save feedback */
.workflow-step{
  position:relative;
}
.workflow-save-feedback{
  position:absolute;
  right:14px;
  bottom:-28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:4px 10px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:900;
  box-shadow:0 8px 22px rgba(15,23,42,.12);
  z-index:5;
}
.workflow-save-feedback.is-success{
  background:#e8f8f3;
  color:#0f7b68;
  border:1px solid #b9ead9;
}
.workflow-save-feedback.is-error{
  background:#fff0f0;
  color:#b33131;
  border:1px solid #ffc9c9;
}
.workflow-step.is-step-done{
  background:#f2fbf7!important;
  border-color:#bfead9!important;
}
.workflow-step button[disabled]{
  opacity:.72;
  cursor:wait;
}


/* Cyberbude AI Asset Hub v0.6.11 - Workflow editor viewport alignment */
.workflow-card:has(.workflow-details[open]){
  z-index:500;
  margin-bottom:0;
}
.workflow-details[open]{
  position:fixed;
  top:96px;
  right:24px;
  left:auto;
  transform:none;
  width:min(1220px, calc(100vw - 120px));
  min-width:0;
  max-width:calc(100vw - 48px);
  max-height:calc(100vh - 128px);
  overflow:auto;
  z-index:1000;
  box-sizing:border-box;
}
.workflow-details[open]::before{
  content:'';
  position:sticky;
  top:-18px;
  display:block;
  height:0;
}
.workflow-details[open] .workflow-step-list{
  width:100%;
  min-width:0;
}
.workflow-details[open] .workflow-step{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  grid-template-columns:minmax(220px,1.5fr) minmax(145px,.8fr) minmax(190px,1fr) minmax(145px,.8fr) minmax(170px,1fr) minmax(120px,auto);
}
.workflow-details[open] .workflow-step input,
.workflow-details[open] .workflow-step select{
  min-width:0;
}
.workflow-details[open] .workflow-step .button{
  min-width:110px;
  width:100%;
}
.workflow-details[open] .workflow-add-step{
  width:100%;
  min-width:0;
  grid-template-columns:minmax(260px,1fr) minmax(180px,.55fr) minmax(170px,auto);
}
@media(max-width:1300px){
  .workflow-details[open]{
    right:18px;
    width:calc(100vw - 36px);
    max-width:calc(100vw - 36px);
  }
}
@media(max-width:920px){
  .workflow-details[open]{
    top:72px;
    right:12px;
    width:calc(100vw - 24px);
    max-width:calc(100vw - 24px);
    max-height:calc(100vh - 92px);
  }
  .workflow-details[open] .workflow-step,
  .workflow-details[open] .workflow-add-step{
    grid-template-columns:1fr;
  }
}

/* Cyberbude AI Asset Hub v0.6.12 - upload usage expiry */
.field-hint{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.35;
}
.upload-page-form input[type="date"]{
  color:var(--text);
}


/* Cyberbude AI Asset Hub v0.6.13 - active menu and removable filters */
.explorer-active-filters{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:0 12px 8px;
  color:#5f6b7a;
  font-size:.88rem;
}
.explorer-filter-chip,
.breadcrumb-filter-remove{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:5px 10px;
  border-radius:999px;
  background:#eef7f4;
  border:1px solid #bee6da;
  color:#0f7b68;
  font-weight:800;
}
.explorer-filter-chip:hover,
.breadcrumb-filter-remove:hover{
  background:#dff4ed;
}
.explorer-filter-clear{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:5px 10px;
  border-radius:999px;
  background:#f3f5f7;
  border:1px solid #dce3ea;
  color:#4b5563;
  font-weight:800;
}
.explorer-filter-clear:hover{
  background:#e9eef3;
}
.sidebar-nav a.is-active{
  background:#e7f4ef;
  color:#0f7b68;
}


/* Cyberbude AI Asset Hub v0.6.14 - Settings AI provider text */
.mode-card span{
  line-height:1.45;
}

/* Cyberbude AI Asset Hub v0.6.15 - hide local AI technical details in status */
.local-ai-status code{
  display:none;
}


/* Cyberbude AI Asset Hub v0.6.16 - settings provider model selectors */
.local-ai-available,
.local-ai-unavailable{
  display:grid;
  gap:6px;
  border-radius:18px;
  padding:16px 18px;
  margin:14px 0 16px;
}
.local-ai-available{
  background:#e9f8f3;
  border:1px solid #b9ead9;
  color:#0f7b68;
}
.local-ai-unavailable{
  background:#fff7e5;
  border:1px solid #f4d394;
  color:#9a5b00;
}
.local-ai-available strong,
.local-ai-unavailable strong{
  font-size:1rem;
}
.local-ai-available span,
.local-ai-unavailable span{
  line-height:1.45;
}
.provider-setup-link{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  margin-top:8px;
  font-weight:900;
  color:#0f7b68;
}
.provider-setup-link:hover{
  text-decoration:underline;
}
.provider-cost-note{
  margin-top:8px;
  font-size:.9rem;
  line-height:1.45;
}
.settings-grid select{
  min-height:48px;
  border-radius:16px;
  border:1px solid #d8e1ea;
  background:#fff;
  padding:0 14px;
}

/* Cyberbude AI Asset Hub v0.6.17 - SMTP settings and email notifications */
.settings-tabs{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 18px;
  padding:8px;
  border-radius:20px;
  background:#f5f8fa;
  border:1px solid #dfe8ef;
}
.settings-tabs a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e1e8ef;
  color:#344054;
  font-weight:850;
}
.settings-tabs a:hover{
  background:#eaf8f4;
  border-color:#b9ead9;
  color:#0f7b68;
}
.settings-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.settings-section-head h2{
  margin:0 0 4px;
}
.settings-section-head p{
  margin:0;
}
.smtp-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(240px,1fr));
  gap:14px;
}
.smtp-grid label:not(.toggle){
  display:grid;
  gap:6px;
}
.smtp-enable-toggle,
.smtp-secure-toggle{
  align-self:start;
  white-space:nowrap;
}
.smtp-secure-toggle{
  margin-top:24px;
}
@media(max-width:760px){
  .settings-section-head,
  .smtp-grid{
    grid-template-columns:1fr;
    display:grid;
  }
  .smtp-enable-toggle,
  .smtp-secure-toggle{
    margin-top:0;
  }
}


/* Cyberbude AI Asset Hub v0.6.18 - SMTP test mail */
.smtp-test-box{
  margin-top:18px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fbfcfd;
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(320px,1.4fr);
  gap:18px;
  align-items:center;
}
.smtp-test-box strong{
  display:block;
  margin-bottom:4px;
}
.smtp-test-box p{
  margin:0;
}
.smtp-test-controls{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto;
  gap:10px;
  align-items:center;
}
.smtp-test-controls input{
  min-height:46px;
  border-radius:14px;
}
.smtp-test-alert{
  margin:14px 0 0;
}
@media(max-width:900px){
  .smtp-test-box,
  .smtp-test-controls{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.6.19 - mobile navigation */
.mobile-menu-open{
  display:none;
}
@media(max-width:980px){
  body.has-app-shell{
    overflow-x:hidden;
  }
  body.has-app-shell .app-sidebar{
    width:min(86vw, 340px)!important;
    transform:translateX(-105%)!important;
    z-index:1500!important;
    box-shadow:0 24px 90px rgba(15,23,42,.28)!important;
    border-right:1px solid #dbe4ec!important;
  }
  body.has-app-shell.body-sidebar-open .app-sidebar{
    transform:translateX(0)!important;
  }
  body.has-app-shell .app-mainframe{
    margin-left:0!important;
  }
  body.has-app-shell .app-overlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.42);
    backdrop-filter:blur(2px);
    z-index:1450;
  }
  body.has-app-shell.body-sidebar-open .app-overlay{
    display:block;
  }
  body.has-app-shell.body-sidebar-open{
    overflow:hidden;
  }
  body.has-app-shell .topbar.app-topbar{
    position:sticky;
    top:0;
    z-index:1000;
    min-height:64px;
    height:auto;
    padding:10px 14px;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(18px);
  }
  body.has-app-shell .desktop-toggle{
    display:none!important;
  }
  body.has-app-shell .mobile-menu-open{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:8px 12px;
    border:1px solid #dbe4ec;
    border-radius:14px;
    background:#fff;
    color:#17202a;
    box-shadow:0 8px 20px rgba(15,23,42,.06);
  }
  body.has-app-shell .mobile-menu-open span,
  body.has-app-shell .sidebar-toggle span{
    display:block;
    width:18px;
    height:2px;
    border-radius:999px;
    background:#17202a;
  }
  body.has-app-shell .mobile-menu-open{
    flex-direction:row;
  }
  body.has-app-shell .mobile-menu-open strong{
    font-size:.9rem;
    font-weight:900;
  }
  body.has-app-shell .app-topbar-title{
    display:block!important;
    min-width:0;
    font-size:.95rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.has-app-shell .sidebar-topbar{
    padding:16px 14px 12px!important;
    display:grid!important;
    grid-template-columns:auto 1fr;
    gap:10px!important;
    align-items:center!important;
  }
  body.has-app-shell .sidebar-topbar .mobile-nav-toggle{
    display:inline-flex!important;
    width:42px;
    height:42px;
    padding:0!important;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    border:1px solid #dbe4ec!important;
    background:#fff!important;
    grid-column:1;
    grid-row:1;
  }
  body.has-app-shell .sidebar-topbar .mobile-nav-toggle span{
    background:#17202a!important;
  }
  body.has-app-shell .sidebar-brand{
    grid-column:2;
    grid-row:1;
    display:flex!important;
    min-width:0;
  }
  body.has-app-shell .sidebar-brand-text,
  body.has-app-shell .nav-label,
  body.has-app-shell .sidebar-user-pill,
  body.has-app-shell .sidebar-footer form{
    display:flex!important;
  }
  body.has-app-shell .sidebar-brand-text{
    flex-direction:column;
  }
  body.has-app-shell .sidebar-nav{
    padding:8px 12px 14px!important;
    gap:6px!important;
    overflow:auto;
  }
  body.has-app-shell .sidebar-nav a{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    min-height:44px;
    padding:10px 12px!important;
    border-radius:14px!important;
    gap:10px;
  }
  body.has-app-shell .sidebar-nav .nav-icon{
    width:24px;
    text-align:center;
    flex:0 0 24px;
  }
  body.has-app-shell .sidebar-footer{
    display:grid!important;
    padding:12px!important;
    gap:10px!important;
  }
  body.has-app-shell .sidebar-footer form{
    display:block!important;
  }
  body.has-app-shell .sidebar-logout{
    min-height:42px;
  }
  body.has-app-shell .nav-badge{
    right:10px!important;
    top:50%!important;
    transform:translateY(-50%);
  }
  body.has-app-shell .container.app-container{
    width:calc(100% - 24px)!important;
    margin:14px auto 24px!important;
  }
}
@media(max-width:520px){
  body.has-app-shell .app-sidebar{
    width:min(92vw, 330px)!important;
  }
  body.has-app-shell .app-topbar-title strong{
    font-size:.92rem;
  }
  body.has-app-shell .mobile-menu-open strong{
    display:none;
  }
}


/* Cyberbude AI Asset Hub v0.6.20 - mobile menu icon + inbox mobile fit */
.menu-icon-image{
  width:22px;
  height:22px;
  display:block;
  object-fit:contain;
}
.sidebar-toggle,
.mobile-menu-open{
  gap:10px;
}
.sidebar-toggle span,
.mobile-menu-open span{
  display:none!important;
}
.inbox-layout,
.inbox-main,
.inbox-section,
.inbox-compose,
.inbox-compose-form,
.inbox-item,
.inbox-section-head,
.inbox-actions{
  min-width:0;
}
.inbox-compose,
.inbox-section,
.inbox-item,
.inbox-compose-form label{
  box-sizing:border-box;
}
.inbox-compose select,
.inbox-compose input,
.inbox-compose textarea,
.inbox-actions .button,
.inbox-actions .ghost{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.inbox-compose textarea{
  min-height:120px;
  resize:vertical;
}
@media(max-width:980px){
  .inbox-layout{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .inbox-main,
  .inbox-compose,
  .inbox-section,
  .inbox-item,
  .inbox-section-head,
  .inbox-compose-form,
  .inbox-actions{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .inbox-compose{
    overflow:hidden;
    padding:18px;
  }
  .inbox-item{
    grid-template-columns:44px minmax(0,1fr) auto;
  }
}
@media(max-width:760px){
  .inbox-hero,
  .inbox-layout,
  .inbox-main,
  .inbox-section,
  .inbox-compose{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .inbox-section-head,
  .inbox-item,
  .inbox-actions{
    grid-template-columns:1fr;
    display:grid;
  }
  .inbox-section-head{
    gap:12px;
  }
  .inbox-section-head .ghost,
  .inbox-actions .ghost,
  .inbox-actions .button,
  .inbox-compose .button{
    width:100%;
  }
}


/* Cyberbude AI Asset Hub v0.6.21 - live inbox badge */
.nav-badge.is-hidden{
  display:none!important;
}

.nav-badge.has-pulse{
  animation:cbahInboxPulse .9s ease;
}
@keyframes cbahInboxPulse{
  0%{transform:translateY(-50%) scale(1)}
  35%{transform:translateY(-50%) scale(1.22)}
  100%{transform:translateY(-50%) scale(1)}
}


/* Cyberbude AI Asset Hub v0.6.22 - folder asset counts */
.explorer-tree-count{
  color:#6b7280;
  font-weight:800;
  font-size:.86em;
  white-space:nowrap;
}
.explorer-tree-link.is-active .explorer-tree-count{
  color:#047857;
}
.explorer-tree-count.has-count-update{
  animation:cbahFolderCountPulse .85s ease;
}
@keyframes cbahFolderCountPulse{
  0%{background:transparent}
  35%{background:#dff9f2}
  100%{background:transparent}
}


/* Cyberbude AI Asset Hub v0.6.23 - audio/video transcription */
.transcription-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.transcript-box{
  border:1px solid var(--line);
  border-radius:16px;
  background:#fbfcfd;
  padding:10px 12px;
  margin:8px 0 16px;
}
.transcript-box summary{
  cursor:pointer;
  font-weight:900;
}
.transcript-box pre{
  white-space:pre-wrap;
  word-break:break-word;
  margin:10px 0 0;
  color:#334155;
  font-family:inherit;
  line-height:1.55;
  max-height:360px;
  overflow:auto;
}
@media(max-width:760px){
  .transcription-grid{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.6.24 - settings storage stats */
.storage-stats-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:14px;
  margin-top:18px;
}
.storage-stat-card{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fbfcfd;
  padding:18px;
  display:grid;
  gap:7px;
}
.storage-stat-card span{
  color:var(--muted);
  font-weight:800;
  font-size:.88rem;
}
.storage-stat-card strong{
  font-size:2rem;
  letter-spacing:-.04em;
}
.storage-stat-card small{
  color:var(--muted);
  font-weight:700;
}
.storage-disk-panel{
  margin-top:18px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:20px;
}
.storage-disk-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-end;
}
.storage-disk-head div{
  display:grid;
  gap:4px;
}
.storage-disk-head span,
.storage-disk-head small{
  color:var(--muted);
  font-weight:800;
}
.storage-disk-head strong{
  font-size:1.8rem;
  letter-spacing:-.04em;
}
.storage-progress{
  height:12px;
  border-radius:999px;
  background:#edf2f5;
  overflow:hidden;
  margin:18px 0;
}
.storage-progress span{
  display:block;
  height:100%;
  background:linear-gradient(90deg,var(--brand),var(--brand-dark));
  border-radius:999px;
}
.storage-disk-details{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.storage-disk-details div{
  border:1px solid #eef2f6;
  border-radius:16px;
  padding:14px;
  display:grid;
  gap:4px;
}
.storage-disk-details span{
  color:var(--muted);
  font-size:.86rem;
  font-weight:700;
}
@media(max-width:760px){
  .storage-disk-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .storage-disk-details{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.6.29 - language switch */
.language-switch{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
}
.language-switch select{
  width:auto;
  min-width:150px;
  min-height:40px;
  border-radius:14px;
  padding:8px 34px 8px 12px;
  background:#fff;
  font-weight:800;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}
.app-topbar .language-switch{
  margin-left:auto;
}
.topbar > .language-switch{
  margin-left:auto;
}
@media(max-width:760px){
  .language-switch select{
    min-width:92px;
    max-width:130px;
    font-size:.86rem;
  }
  .app-topbar .language-switch{
    margin-left:0;
  }
}


/* Cyberbude AI Asset Hub v0.6.45 */
.agent-source-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.agent-source-card{
  border:1px solid var(--line);
  background:#fbfcfd;
  border-radius:18px;
  padding:16px;
}
.agent-source-card h3{
  margin:0 0 4px;
  letter-spacing:-.02em;
}
.agent-source-card-wide{
  grid-column:1/-1;
}
.compact-picker{
  max-height:260px;
  overflow:auto;
  padding:8px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
}
.asset-picker-scroll{
  max-height:330px;
}
.folder-pick.depth-1{padding-left:18px}
.folder-pick.depth-2{padding-left:36px}
.folder-pick.depth-3{padding-left:54px}
.folder-pick.depth-4{padding-left:72px}
.asset-picker-row small{
  color:var(--muted);
  font-weight:700;
}
.creative-resize-form .settings-grid{
  margin-bottom:14px;
}
.creative-preset-grid{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  margin:8px 0 18px;
}
.creative-preset-grid button{
  min-height:70px;
}
.webscan-info-grid .panel{
  margin-bottom:0;
}
.feature-list{
  margin:12px 0 0;
  padding-left:20px;
  color:var(--muted);
  line-height:1.6;
}
.feature-list li{
  margin-bottom:6px;
}
@media(max-width:900px){
  .agent-source-grid{
    grid-template-columns:1fr;
  }
  .agent-source-card-wide{
    grid-column:auto;
  }
}


/* Cyberbude AI Asset Hub v0.6.51 - compact AI agents form */
body:has(.agent-source-form) .settings-grid{
  align-items:start;
}
body:has(.agent-source-form) .settings-grid > .panel:first-child{
  align-self:start;
}
body:has(.agent-source-form) .settings-grid > .panel:first-child h2{
  margin-bottom:18px;
}
body:has(.agent-source-form) .settings-grid > .panel:first-child .form-grid{
  gap:14px;
}
body:has(.agent-source-form) .settings-grid > .panel:first-child label{
  gap:6px;
}
body:has(.agent-source-form) .settings-grid > .panel:first-child input,
body:has(.agent-source-form) .settings-grid > .panel:first-child select{
  min-height:42px;
  padding-top:10px;
  padding-bottom:10px;
}
body:has(.agent-source-form) .settings-grid > .panel:first-child textarea{
  min-height:92px;
}
body:has(.agent-source-form) .settings-grid > .panel:first-child .button{
  min-height:46px;
}
@supports not selector(:has(*)){
  .agent-list ~ .panel{}
}

.agent-editor-panel{
  align-self:start;
}
.agent-editor-panel .form-grid{
  gap:14px;
}
.agent-editor-panel label{
  gap:6px;
}
.agent-editor-panel input,
.agent-editor-panel select{
  min-height:42px;
  padding-top:10px;
  padding-bottom:10px;
}
.agent-editor-panel textarea{
  min-height:92px;
}
.agent-editor-panel .button{
  min-height:46px;
}


/* Cyberbude AI Asset Hub v0.6.53 - WebScan results */
.webscan-job-list{
  display:grid;
  gap:18px;
}
.webscan-job{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  padding:18px;
}
.webscan-job-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
}
.webscan-actions{
  display:flex;
  gap:10px;
  align-items:center;
}
.webscan-schedule{
  display:grid;
  grid-template-columns:minmax(180px,280px) auto auto;
  gap:12px;
  align-items:end;
  margin:14px 0;
  padding:12px;
  background:#f8fafc;
  border:1px solid var(--line);
  border-radius:14px;
}
.webscan-result-summary{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:12px 0;
}
.webscan-result-summary span{
  background:#eef7f4;
  border:1px solid #c7eee3;
  border-radius:999px;
  padding:7px 12px;
  font-weight:800;
  color:#0b705d;
}
.webscan-result-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:12px;
}
.webscan-result-card{
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px;
  background:#fbfcfd;
}
.webscan-result-card.is-expired{
  background:#fff4f4;
  border-color:#ffc9c9;
}
.danger-text{
  color:#d33;
  font-weight:800;
}
.webscan-unknown{
  margin-top:12px;
}
.webscan-unknown summary{
  cursor:pointer;
  font-weight:800;
}
.webscan-unknown li{
  word-break:break-all;
  margin:6px 0;
}
@media(max-width:800px){
  .webscan-job-head,
  .webscan-actions{
    flex-direction:column;
  }
  .webscan-schedule{
    grid-template-columns:1fr;
  }
}

/* Cyberbude AI Asset Hub v0.6.57 - storage percentages */
.storage-stat-card small + small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-weight:800;
}


/* Cyberbude AI Asset Hub v0.6.60 - WebScan asset scope */
.webscan-source-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.webscan-source-card-wide{
  grid-column:1/-1;
}
@media(max-width:900px){
  .webscan-source-grid{
    grid-template-columns:1fr;
  }
  .webscan-source-card-wide{
    grid-column:auto;
  }
}


/* Cyberbude AI Asset Hub v0.6.61 - WebScan image matching */
.webscan-result-card strong a{
  color:inherit;
}
.webscan-result-card p strong{
  color:#00856f;
}


/* Cyberbude AI Asset Hub v0.6.64 - WebScan loading and full results */
.webscan-loading-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:rgba(8, 24, 32, .36);
  backdrop-filter:blur(5px);
}
.webscan-loading-overlay[hidden]{
  display:none;
}
.webscan-loading-card{
  width:min(460px, calc(100vw - 32px));
  padding:28px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 26px 80px rgba(15, 23, 42, .22);
  text-align:center;
}
.webscan-spinner{
  width:46px;
  height:46px;
  margin:0 auto 16px;
  border-radius:50%;
  border:5px solid #e8f1ef;
  border-top-color:#087bdc;
  animation:webscan-spin .8s linear infinite;
}
@keyframes webscan-spin{
  to{ transform:rotate(360deg); }
}
.webscan-open-page{
  display:inline-flex;
  margin-top:8px;
}
.webscan-unknown ul{
  max-height:520px;
  overflow:auto;
  padding-right:10px;
}


/* Cyberbude AI Asset Hub v0.6.66 - reliable WebScan loading overlay */
body.webscan-is-running{
  cursor:progress;
}
body.webscan-is-running .webscan-loading-overlay:not([hidden]){
  display:grid !important;
}
.webscan-loading-overlay:not([hidden]){
  display:grid !important;
}


/* Cyberbude AI Asset Hub v0.6.67 - WebScan run feedback and scope summary */
.webscan-scope-summary{
  margin-top:10px;
  padding:12px 14px;
  border:1px solid #c7eee3;
  background:#eefaf6;
  border-radius:14px;
  color:#075f51;
  font-weight:700;
}
.webscan-scope-summary div,
.webscan-scope-summary span{
  display:block;
  margin-top:4px;
  font-weight:600;
  color:#31425a;
}
.webscan-is-running .webscan-loading-overlay{
  display:grid !important;
  opacity:1 !important;
  visibility:visible !important;
}


/* Cyberbude AI Asset Hub v0.6.68 - force WebScan overlay for external submit buttons */
#webscanLoadingOverlay:not([hidden]){
  display:grid !important;
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  opacity:1 !important;
  visibility:visible !important;
}
.webscan-loading-card{
  z-index:100000 !important;
}


/* Cyberbude AI Asset Hub v0.6.69 - WebScan loading only after confirmed click */
.webscan-loading-overlay[hidden]{
  display:none !important;
}
#webscanLoadingOverlay:not([hidden]){
  display:grid !important;
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  opacity:1 !important;
  visibility:visible !important;
}


/* Cyberbude AI Asset Hub v0.6.70 - WebScan real submit button loading */
#webscanLoadingOverlay:not([hidden]){
  display:grid !important;
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
}


/* Cyberbude AI Asset Hub v0.6.71 - WebScan delayed submit loading overlay */
body.webscan-is-running{
  cursor:progress;
}
#webscanLoadingOverlay[hidden]{
  display:none !important;
}
#webscanLoadingOverlay:not([hidden]){
  display:grid !important;
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  opacity:1 !important;
  visibility:visible !important;
  background:rgba(8,24,32,.36) !important;
}


/* Cyberbude AI Asset Hub v0.6.72 - AJAX WebScan run overlay */
#webscanLoadingOverlay[hidden]{
  display:none !important;
}
#webscanLoadingOverlay:not([hidden]){
  display:grid !important;
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  opacity:1 !important;
  visibility:visible !important;
  background:rgba(8,24,32,.36) !important;
}


/* Cyberbude AI Asset Hub v0.6.73 - external uploads navigation/page */
.external-upload-row{
  align-items:flex-start;
  gap:18px;
}
.external-upload-link-box{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  min-width:min(520px, 100%);
}
.external-upload-link-box input{
  min-width:min(420px, 100%);
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}
@media (max-width: 760px){
  .external-upload-link-box,
  .external-upload-link-box input{
    min-width:100%;
    width:100%;
  }
}


/* Cyberbude AI Asset Hub v0.6.77 - external upload target folders */
.external-upload-create-form select{
  width:100%;
}
.external-upload-create-form .setting-actions{
  align-self:end;
}


/* Cyberbude AI Asset Hub v0.6.79 - folder management */
.explorer-tree-row{
  gap:6px;
}
.explorer-folder-manage-link{
  width:28px;
  height:28px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#64748b;
  background:#f3f7f7;
  border:1px solid #dbe8e6;
  font-weight:800;
}
.explorer-folder-manage-link:hover{
  color:#007f68;
  background:#e8f7f3;
}
.explorer-folder-management{
  margin:0 0 18px;
  border:1px solid #d7e7e4;
  border-radius:18px;
  background:#f8fbfb;
  padding:12px 14px;
}
.explorer-folder-management summary{
  cursor:pointer;
  font-weight:800;
  color:#0f172a;
}
.folder-management-box{
  display:grid;
  grid-template-columns:repeat(2,minmax(280px,1fr));
  gap:18px;
  margin-top:14px;
}
.folder-management-form{
  padding:16px;
  border:1px solid #dbe8e6;
  border-radius:16px;
  background:#fff;
  display:grid;
  gap:12px;
}
.folder-management-form h3{
  margin:0;
}
.folder-management-form label{
  display:grid;
  gap:6px;
  font-weight:700;
  color:#536178;
}
.folder-management-form input,
.folder-management-form select{
  width:100%;
}
.danger-zone{
  border-color:#fecaca;
  background:#fffafa;
}
@media (max-width: 900px){
  .folder-management-box{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.6.80 - dedicated folder management page */
.folder-admin-list{
  display:grid;
  gap:14px;
}
.folder-admin-card{
  border:1px solid #dbe8e6;
  border-radius:18px;
  background:#fff;
  padding:16px;
}
.folder-admin-card-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  flex-wrap:wrap;
}
.folder-admin-details{
  margin-top:12px;
  border:1px solid #edf3f2;
  border-radius:14px;
  padding:10px 12px;
  background:#f9fcfc;
}
.folder-admin-details summary{
  cursor:pointer;
  font-weight:800;
}
.folder-admin-form{
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(2,minmax(240px,1fr));
  gap:12px;
  align-items:end;
}
.folder-admin-form label{
  display:grid;
  gap:6px;
  font-weight:700;
  color:#536178;
}
.folder-admin-form input,
.folder-admin-form select{
  width:100%;
}
.folder-admin-form p{
  grid-column:1/-1;
}
.folder-admin-details.danger-zone{
  border-color:#fecaca;
  background:#fffafa;
}
@media (max-width: 780px){
  .folder-admin-form{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.6.83 - inbox bulk actions and sent messages */
.inbox-bulk-form{
  display:grid;
  gap:12px;
}
.inbox-bulk-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  padding:10px 12px;
  border:1px solid #dbe8e6;
  border-radius:14px;
  background:#f8fbfb;
}
.inbox-bulk-actions label{
  display:inline-flex;
  gap:8px;
  align-items:center;
  font-weight:700;
}
.inbox-bulk-actions select{
  min-width:220px;
}
.inbox-select{
  align-self:flex-start;
  padding-top:6px;
}
.inbox-actions form{
  display:inline-flex;
}
.inbox-actions{
  gap:8px;
  flex-wrap:wrap;
}


/* Cyberbude AI Asset Hub v0.6.86 - inbox message card layout refinement */
.inbox-select{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:10px;
}
.inbox-content{
  min-width:0;
}
.inbox-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.inbox-title-row strong{
  margin:0;
}
.inbox-meta{
  margin-top:.5rem;
}
.inbox-state{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  border-radius:999px;
  padding:6px 10px;
  font-size:.78rem;
  font-weight:800;
  line-height:1;
  border:1px solid #dbe8e6;
  background:#f4f7f8;
  color:#506070;
}
.inbox-state.is-unread{
  border-color:#b9dcfa;
  background:#eafbf5;
  color:#087bdc;
}
.inbox-state.is-read{
  border-color:#d9e2ea;
  background:#f5f7f9;
  color:#5e6f81;
}
.inbox-actions .button,
.inbox-actions .ghost,
.inbox-actions .danger{
  min-width:0;
}
@media(max-width:980px){
  .inbox-item{
    grid-template-columns:28px 44px minmax(0,1fr);
  }
  .inbox-actions{
    grid-column:2 / -1;
    justify-content:flex-start;
    padding-top:4px;
  }
}
@media(max-width:760px){
  .inbox-item{
    grid-template-columns:1fr;
    gap:10px;
  }
  .inbox-select,
  .inbox-item-icon,
  .inbox-actions{
    justify-content:flex-start;
    padding-top:0;
  }
  .inbox-title-row{
    flex-direction:column;
    align-items:flex-start;
  }
}


/* Cyberbude AI Asset Hub v0.6.87 - modern inbox UI */
.inbox-modern-section{
  overflow:visible;
}
.inbox-modern-head{
  padding-bottom:6px;
  border-bottom:1px solid #edf3f2;
}
.inbox-modern-head .eyebrow{
  margin:0 0 4px;
}
.inbox-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.inbox-toolbar{
  gap:14px;
}
.inbox-toolbar .inbox-bulk-actions{
  display:grid;
  grid-template-columns:auto minmax(220px,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px;
  border-radius:18px;
  background:#f7fbfb;
}
.inbox-check-label{
  white-space:nowrap;
}
.inbox-modern-list{
  display:grid;
  gap:10px;
}
.inbox-card{
  border:1px solid #dfecea;
  background:#fff;
  border-radius:20px;
  box-shadow:0 14px 34px rgba(15,23,42,.045);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.inbox-card:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 44px rgba(15,23,42,.07);
  border-color:#c9e7df;
}
.inbox-card.is-unread{
  background:linear-gradient(90deg,#effdf8 0,#ffffff 23%);
  border-color:#aee6d5;
}
.inbox-card.is-sent{
  background:linear-gradient(90deg,#f6f8ff 0,#ffffff 22%);
}
.inbox-card-main{
  display:grid;
  grid-template-columns:28px 44px minmax(0,1fr) minmax(240px,auto);
  gap:14px;
  align-items:center;
  padding:14px 16px;
}
.inbox-card .inbox-item-icon{
  flex-shrink:0;
}
.inbox-card .inbox-content{
  min-width:0;
}
.inbox-card .inbox-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.inbox-card .inbox-preview{
  margin:.35rem 0 0;
  color:#3f4d5e;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.inbox-card .inbox-meta{
  margin:.45rem 0 0;
}
.inbox-quick-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.inbox-detail{
  position:relative;
}
.inbox-detail summary{
  list-style:none;
  cursor:pointer;
}
.inbox-detail summary::-webkit-details-marker{
  display:none;
}
.inbox-detail-panel{
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  width:min(460px, calc(100vw - 80px));
  z-index:60;
  padding:18px;
  border-radius:18px;
  border:1px solid #dbe8e6;
  background:#fff;
  box-shadow:0 24px 70px rgba(15,23,42,.18);
}
.inbox-detail-panel h3{
  margin:0 0 8px;
}
.inbox-detail-panel p{
  margin:0 0 12px;
  color:#334155;
  line-height:1.55;
  white-space:pre-wrap;
}
.inbox-detail-panel dl{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:6px 12px;
  margin:0;
  font-size:.9rem;
}
.inbox-detail-panel dt{
  font-weight:800;
  color:#526171;
}
.inbox-detail-panel dd{
  margin:0;
  color:#172033;
}
.inbox-state{
  flex-shrink:0;
}
@media(max-width:1180px){
  .inbox-card-main{
    grid-template-columns:28px 44px minmax(0,1fr);
  }
  .inbox-quick-actions{
    grid-column:3 / -1;
    justify-content:flex-start;
    padding-top:6px;
  }
  .inbox-detail-panel{
    left:0;
    right:auto;
  }
}
@media(max-width:760px){
  .inbox-toolbar .inbox-bulk-actions{
    grid-template-columns:1fr;
  }
  .inbox-card-main{
    grid-template-columns:28px minmax(0,1fr);
    gap:12px;
  }
  .inbox-card .inbox-item-icon{
    display:none;
  }
  .inbox-card .inbox-content,
  .inbox-quick-actions{
    grid-column:2 / -1;
  }
  .inbox-card .inbox-title-row{
    align-items:flex-start;
    flex-direction:column;
  }
  .inbox-detail-panel{
    position:static;
    width:auto;
    margin-top:10px;
  }
  .inbox-head-actions{
    justify-content:flex-start;
  }
}


/* Cyberbude AI Asset Hub v0.6.88 - inbox uniform actions and popup */
.inbox-quick-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  align-items:stretch;
  min-width:360px;
}
.inbox-quick-actions > .js-inbox-open-modal,
.inbox-quick-actions > form{
  width:100%;
}
.inbox-action-btn{
  width:100%;
  min-height:44px;
  padding:10px 14px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:800;
  line-height:1.15;
  white-space:normal;
}
.inbox-quick-actions > form:first-of-type{
  grid-column:1 / -1;
}
.inbox-quick-actions > form:last-child{
  grid-column:2;
}
.inbox-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(15,23,42,.48);
  backdrop-filter:blur(4px);
}
.inbox-modal-backdrop[hidden]{
  display:none!important;
}
.inbox-modal-dialog{
  position:relative;
  width:min(680px, calc(100vw - 48px));
  max-height:calc(100vh - 60px);
  overflow:auto;
  border-radius:26px;
  background:#fff;
  box-shadow:0 34px 90px rgba(15,23,42,.32);
  border:1px solid #dbe8e6;
  padding:28px;
}
.inbox-modal-close{
  position:absolute;
  top:16px;
  right:16px;
  width:42px;
  height:42px;
  border:0;
  border-radius:14px;
  background:#eef4f5;
  color:#0f172a;
  font-size:1.45rem;
  font-weight:900;
  cursor:pointer;
}
.inbox-modal-close:hover{
  background:#dfeaec;
}
.inbox-modal-dialog h2{
  margin:4px 52px 8px 0;
  letter-spacing:-.035em;
}
.inbox-modal-meta{
  margin:0 0 18px;
  color:#6b7a8a;
  font-weight:700;
}
.inbox-modal-message{
  padding:18px;
  border-radius:18px;
  background:#f8fbfb;
  border:1px solid #dbe8e6;
  color:#263445;
  line-height:1.6;
  white-space:pre-wrap;
}
.inbox-modal-footer{
  margin-top:18px;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
@media(max-width:1180px){
  .inbox-quick-actions{
    min-width:0;
    width:100%;
    grid-template-columns:repeat(3,minmax(120px,1fr));
  }
  .inbox-quick-actions > form:first-of-type,
  .inbox-quick-actions > form:last-child{
    grid-column:auto;
  }
}
@media(max-width:760px){
  .inbox-quick-actions{
    grid-template-columns:1fr;
  }
  .inbox-modal-dialog{
    padding:22px;
    border-radius:22px;
  }
}


/* Cyberbude AI Asset Hub v0.6.89 - inbox popup without footer buttons */
.inbox-modal-footer{
  display:none!important;
}
.inbox-modal-message{
  margin-top:16px;
}
.inbox-quick-actions .js-inbox-open-modal{
  cursor:pointer;
}


/* Cyberbude AI Asset Hub v0.6.90 - inbox action layout cleanup and Berlin time display */
.inbox-card .inbox-title-row{
  justify-content:flex-start;
}
.inbox-quick-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  min-width:260px;
}
.inbox-quick-actions.is-sent{
  min-width:220px;
}
.inbox-state-row{
  display:flex;
  justify-content:flex-end;
  margin-bottom:2px;
}
.inbox-action-form,
.inbox-quick-actions > .js-inbox-open-modal{
  width:100%;
}
.inbox-action-btn{
  width:100%;
  min-height:46px;
}
.inbox-card-main{
  align-items:start;
}
@media(max-width:1180px){
  .inbox-quick-actions,
  .inbox-quick-actions.is-sent{
    min-width:0;
    width:100%;
  }
  .inbox-state-row{
    justify-content:flex-start;
  }
}


/* Cyberbude AI Asset Hub v0.6.91 - refined inbox cards, stronger unread states, clearer badges, improved mobile UI */
.inbox-modern-list{
  gap:12px;
}
.inbox-toolbar .inbox-bulk-actions{
  padding:10px 12px;
  border-radius:16px;
  border:1px solid #e4efee;
  background:linear-gradient(180deg,#f9fcfc 0%,#f5faf9 100%);
}
.inbox-card{
  position:relative;
  overflow:hidden;
  border:1px solid #d9ebe6;
  border-radius:18px;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}
.inbox-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:5px;
  background:transparent;
}
.inbox-card:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(15,23,42,.08);
}
.inbox-card.is-unread{
  background:linear-gradient(90deg,#f2fffa 0%,#ffffff 26%);
  border-color:#93dcc4;
  box-shadow:0 14px 32px rgba(20,184,126,.10);
}
.inbox-card.is-unread::before{
  background:linear-gradient(180deg,#10b981 0%,#059669 100%);
}
.inbox-card.is-read{
  background:#fff;
}
.inbox-card.is-read::before{
  background:#d9e4eb;
}
.inbox-card.is-sent{
  background:linear-gradient(90deg,#f4f7ff 0%,#ffffff 24%);
  border-color:#d9e0fb;
}
.inbox-card.is-sent::before{
  background:linear-gradient(180deg,#7c8cf8 0%,#5b6ee1 100%);
}
.inbox-card-main{
  grid-template-columns:22px 42px minmax(0,1fr) minmax(220px,250px);
  gap:12px;
  padding:12px 14px;
}
.inbox-select{
  padding-top:8px;
}
.inbox-card .inbox-item-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#f3f7f7;
  border:1px solid #e3eceb;
  font-size:1.05rem;
}
.inbox-card.is-unread .inbox-item-icon{
  background:#ebfbf4;
  border-color:#c8eee0;
}
.inbox-card.is-sent .inbox-item-icon{
  background:#eef2ff;
  border-color:#dbe3ff;
}
.inbox-title-row strong{
  font-size:1rem;
  line-height:1.3;
}
.inbox-card .inbox-preview{
  margin:.2rem 0 0;
  font-size:.95rem;
  line-height:1.45;
  -webkit-line-clamp:2;
}
.inbox-card .inbox-meta{
  margin:.35rem 0 0;
  font-size:.88rem;
}
.inbox-state-row{
  margin-bottom:0;
}
.inbox-state{
  padding:7px 12px;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.01em;
  border-width:1px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}
.inbox-state.is-unread{
  border-color:#9be3c8;
  background:#dbfaed;
  color:#047857;
}
.inbox-state.is-read{
  border-color:#d5dee8;
  background:#eef3f7;
  color:#526272;
}
.inbox-card.is-sent .inbox-state,
.inbox-state.is-sent{
  border-color:#c9d2ff;
  background:#eaf0ff;
  color:#4256b8;
}
.inbox-quick-actions{
  gap:8px;
  min-width:220px;
}
.inbox-action-btn{
  min-height:42px;
  padding:9px 12px!important;
  border-radius:12px!important;
  font-size:.94rem;
}
.inbox-quick-actions .ghost.inbox-action-btn{
  background:#f2f6f7;
  border-color:#dde8eb;
}
.inbox-quick-actions .danger.inbox-action-btn{
  background:#fff6f6;
}
.inbox-card.is-unread .inbox-action-btn.button{
  box-shadow:0 8px 18px rgba(16,185,129,.14);
}
@media (max-width:1180px){
  .inbox-card-main{
    grid-template-columns:22px 42px minmax(0,1fr);
    gap:12px;
  }
  .inbox-quick-actions{
    grid-column:2 / -1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    gap:8px;
  }
  .inbox-state-row{
    grid-column:1 / -1;
    justify-content:flex-start;
    margin-bottom:2px;
  }
  .inbox-action-form,
  .inbox-quick-actions > .js-inbox-open-modal{
    width:100%;
  }
  .inbox-quick-actions.is-sent{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .inbox-modern-head{
    gap:8px;
  }
  .inbox-head-actions{
    width:100%;
  }
  .inbox-head-actions > *{
    width:100%;
  }
  .inbox-toolbar .inbox-bulk-actions{
    gap:10px;
    padding:10px;
  }
  .inbox-toolbar .inbox-bulk-actions .button,
  .inbox-toolbar .inbox-bulk-actions .danger,
  .inbox-toolbar .inbox-bulk-actions select{
    width:100%;
  }
  .inbox-card{
    border-radius:16px;
  }
  .inbox-card-main{
    grid-template-columns:22px minmax(0,1fr);
    gap:10px;
    padding:12px;
  }
  .inbox-card .inbox-item-icon{
    display:none;
  }
  .inbox-card .inbox-content,
  .inbox-quick-actions{
    grid-column:2 / -1;
  }
  .inbox-title-row strong{
    font-size:.98rem;
  }
  .inbox-card .inbox-preview{
    -webkit-line-clamp:3;
    font-size:.93rem;
  }
  .inbox-card .inbox-meta{
    font-size:.84rem;
  }
  .inbox-quick-actions,
  .inbox-quick-actions.is-sent{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-width:0;
    gap:8px;
  }
  .inbox-state-row,
  .inbox-quick-actions > form:last-child,
  .inbox-quick-actions.is-sent > form:last-child{
    grid-column:1 / -1;
  }
  .inbox-action-btn{
    min-height:40px;
    font-size:.9rem;
  }
  .inbox-compose{
    position:static;
  }
}
@media (max-width:520px){
  .inbox-hero{
    padding:18px;
  }
  .inbox-hero-stats{
    grid-template-columns:1fr;
  }
  .inbox-card .inbox-preview{
    -webkit-line-clamp:4;
  }
  .inbox-quick-actions,
  .inbox-quick-actions.is-sent{
    grid-template-columns:1fr;
  }
  .inbox-state-row,
  .inbox-quick-actions > form:last-child,
  .inbox-quick-actions.is-sent > form:last-child{
    grid-column:auto;
  }
}


/* Cyberbude AI Asset Hub v0.6.94 - cloud connectors */
.cloud-hero{align-items:center}
.cloud-phase-grid{display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));gap:10px}
.cloud-phase-grid div{border:1px solid #dbe8e6;background:#f7fbfb;border-radius:18px;padding:14px;text-align:center}
.cloud-phase-grid strong{display:block;font-size:1.4rem;color:#129375}
.cloud-phase-grid span{font-weight:800;color:#526171;font-size:.88rem}
.cloud-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}
.cloud-main{display:grid;gap:18px}
.cloud-connector-list{display:grid;gap:12px}
.cloud-connector-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:16px;border:1px solid #dbe8e6;background:#fff;border-radius:20px;padding:16px;box-shadow:0 12px 28px rgba(15,23,42,.045)}
.cloud-connector-card h3{margin:.15rem 0 .35rem}
.cloud-card-actions{display:grid;gap:8px;align-content:start}
.cloud-card-actions form,.cloud-card-actions a,.cloud-card-actions button{width:100%}
.cloud-edit summary{list-style:none;cursor:pointer;text-align:center}
.cloud-edit summary::-webkit-details-marker{display:none}
.cloud-edit[open]{grid-column:1/-1}
.cloud-form{display:grid;gap:12px;margin-top:12px}
.cloud-form textarea{min-height:110px}
.cloud-form .inline-check{display:flex;gap:8px;align-items:flex-start;font-weight:700}
.cloud-form .inline-check input{width:auto;margin-top:3px}
.cloud-create{position:sticky;top:18px}
.cloud-asset-placeholder{min-height:280px;border:1px dashed #b9dcd2;background:linear-gradient(180deg,#f8fffc 0%,#f3faf9 100%);border-radius:24px;display:grid;place-items:center;text-align:center;padding:32px;color:#526171}
.cloud-asset-placeholder span{font-size:3rem}
.cloud-asset-placeholder strong{font-size:1.2rem;color:#12352e;text-transform:capitalize}
.cloud-asset-placeholder p{max-width:520px}
@media(max-width:1100px){.cloud-layout{grid-template-columns:1fr}.cloud-create{position:static}.cloud-connector-card{grid-template-columns:1fr}.cloud-phase-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.cloud-phase-grid{grid-template-columns:1fr}.cloud-connector-card{padding:14px;border-radius:16px}}


/* Cyberbude AI Asset Hub v0.6.95 - cloud connector setup guidance */
.cloud-provider-overview{margin-bottom:18px}
.cloud-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cloud-provider-grid article{border:1px solid #dbe8e6;background:#f8fbfb;border-radius:18px;padding:14px;min-width:0}
.cloud-provider-grid h3{margin:0 0 8px}
.cloud-provider-grid code,.cloud-help-card code{display:inline-block;max-width:100%;overflow:auto;white-space:nowrap;background:#eef5f5;border:1px solid #d9e8e6;border-radius:8px;padding:4px 6px}
.cloud-help-stack{display:grid;gap:10px;margin:14px 0}
.cloud-help-card{border:1px solid #dbe8e6;border-radius:16px;background:#f9fcfc;padding:0}
.cloud-help-card summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:900;color:#17352f}
.cloud-help-card summary::-webkit-details-marker{display:none}
.cloud-help-card p{margin:0;padding:0 14px 10px;color:#5d6d7e}
.cloud-help-card dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px 10px;margin:0;padding:0 14px 14px}
.cloud-help-card dt{font-weight:900;color:#526171}
.cloud-help-card dd{margin:0;min-width:0}
.cloud-info-note{border:1px solid #bfe9dd;background:#effdf8;border-radius:16px;padding:12px 14px;margin:12px 0}
.cloud-info-note strong{color:#087bdc}
.cloud-form small{display:block;margin-top:5px;color:#6b7a8a;font-weight:600;line-height:1.35}
@media(max-width:1100px){.cloud-provider-grid{grid-template-columns:1fr}.cloud-help-card dl{grid-template-columns:1fr}}


/* Cyberbude AI Asset Hub v0.6.96 - full-width cloud connector creation area */
.cloud-create-wide{
  position:static;
  margin-bottom:18px;
}
.cloud-create-wide .cloud-help-stack{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
}
.cloud-create-wide .cloud-help-card[open]{
  min-height:100%;
}
.cloud-create-wide .cloud-form{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 16px;
}
.cloud-create-wide .cloud-form label:has(textarea),
.cloud-create-wide .cloud-form .inline-check,
.cloud-create-wide .cloud-form button[type="submit"]{
  grid-column:1 / -1;
}
.cloud-create-wide .cloud-info-note{
  margin:16px 0;
}
.cloud-layout{
  grid-template-columns:1fr!important;
}
.cloud-main{
  width:100%;
}
@media(max-width:1180px){
  .cloud-create-wide .cloud-help-stack,
  .cloud-create-wide .cloud-form{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.6.97 - cloud connector create section cleanup */
.cloud-provider-overview{
  display:none!important;
}
.cloud-create-wide{
  margin-top:18px;
}
.cloud-create-wide .cloud-help-card{
  box-shadow:0 10px 24px rgba(15,23,42,.035);
}
.cloud-create-wide .cloud-help-card[open] summary{
  border-bottom:1px solid #e2eeee;
}
.cloud-create-wide .cloud-help-card dl{
  padding-top:12px;
}
@media(max-width:1180px){
  .cloud-create-wide .cloud-help-stack{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.6.98 - user last login info */
.list-row > span{
  line-height:1.45;
}


/* Cyberbude AI Asset Hub v0.6.99 - cloud preview and sync progress UI */
.cloud-sync-overlay{
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(15,23,42,.52);
  backdrop-filter:blur(5px);
}
.cloud-sync-overlay[hidden]{
  display:none!important;
}
.cloud-sync-dialog{
  width:min(620px,calc(100vw - 48px));
  border-radius:28px;
  background:#fff;
  border:1px solid #dbe8e6;
  box-shadow:0 34px 100px rgba(15,23,42,.35);
  padding:30px;
  text-align:center;
}
.cloud-spinner{
  width:54px;
  height:54px;
  margin:0 auto 16px;
  border-radius:999px;
  border:5px solid #dcefed;
  border-top-color:#10987b;
  animation:cloudSpin 1s linear infinite;
}
@keyframes cloudSpin{to{transform:rotate(360deg)}}
.cloud-sync-connector{
  margin:.2rem 0 1rem;
  color:#526171;
  font-weight:800;
}
.cloud-sync-progress{
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:#edf5f5;
  margin:18px 0;
}
.cloud-sync-progress-bar{
  height:100%;
  width:6%;
  border-radius:999px;
  background:linear-gradient(90deg,#087bdc,#087b68);
  transition:width .45s ease;
}
.cloud-sync-phases{
  display:grid;
  gap:8px;
  margin:18px 0;
  padding:0;
  list-style:none;
  text-align:left;
}
.cloud-sync-phases li{
  border:1px solid #e0eceb;
  border-radius:14px;
  padding:10px 12px;
  color:#607080;
  background:#f8fbfb;
  font-weight:800;
}
.cloud-sync-phases li.is-active{
  border-color:#9be3d0;
  background:#eafff8;
  color:#087b68;
}
.has-cloud-sync-overlay{
  overflow:hidden;
}
.explorer-thumb img{
  object-fit:cover;
}


/* Cyberbude AI Asset Hub v0.7.00 - cloud deletion cleanup and detail previews */
.detail-preview img.cloud-detail-preview{
  width:100%;
  max-height:72vh;
  object-fit:contain;
  background:#f7fbfb;
  border-radius:20px;
  border:1px solid #dbe8e6;
  image-rendering:auto;
}
.cloud-detail-note{
  margin:.8rem 0 0;
  text-align:center;
}


/* Cyberbude AI Asset Hub v0.7.01 - cloud open button above embed code */
.cloud-detail-open{
  margin:18px 0 12px;
  display:flex;
  justify-content:flex-end;
}
.cloud-detail-open .button{
  min-width:160px;
}
@media(max-width:760px){
  .cloud-detail-open{
    justify-content:stretch;
  }
  .cloud-detail-open .button{
    width:100%;
  }
}


/* Cyberbude AI Asset Hub v0.7.02 - centered cloud detail button and archived cloud filter */
.cloud-detail-open{
  justify-content:center!important;
}
.cloud-detail-open .button{
  min-width:190px;
}


/* Cyberbude AI Asset Hub v0.7.06 - bulk archive action */
.js-bulk-archive{
  white-space:nowrap;
}


/* Cyberbude AI Asset Hub v0.7.07 - one-line bulk action toolbar */
.explorer-selection-panel{
  display:grid;
  grid-template-columns:minmax(210px,280px) minmax(0,1fr);
  align-items:center;
  gap:14px;
}
.explorer-selection-right{
  display:grid;
  grid-template-columns:minmax(210px,260px) minmax(260px,1fr) auto auto auto auto;
  align-items:center;
  gap:10px;
  width:100%;
}
.explorer-selection-right .js-bulk-new-collection{
  min-width:220px;
  width:100%;
}
.explorer-selection-right .mini-check{
  white-space:nowrap;
}
.explorer-selection-right .button,
.explorer-selection-right .ghost,
.explorer-selection-right .danger{
  white-space:nowrap;
  width:auto;
  min-height:44px;
}
.explorer-selection-right .js-bulk-delete{
  order:10;
}
.explorer-selection-right .js-bulk-archive{
  order:9;
}
@media(max-width:1320px){
  .explorer-selection-panel{
    grid-template-columns:1fr;
  }
  .explorer-selection-right{
    grid-template-columns:minmax(190px,240px) minmax(220px,1fr) auto auto auto auto;
  }
}
@media(max-width:980px){
  .explorer-selection-right{
    grid-template-columns:1fr 1fr;
  }
  .explorer-selection-right .js-bulk-new-collection{
    min-width:0;
  }
}
@media(max-width:640px){
  .explorer-selection-right{
    grid-template-columns:1fr;
  }
  .explorer-selection-right .button,
  .explorer-selection-right .ghost,
  .explorer-selection-right .danger{
    width:100%;
  }
}


/* Cyberbude AI Asset Hub v0.7.08 - responsive bulk toolbar and hidden sidebar scrollbars */
.explorer-selection-panel{
  display:grid!important;
  grid-template-columns:minmax(180px,300px) minmax(0,1fr)!important;
  align-items:start!important;
  gap:14px!important;
}
.explorer-selection-right{
  display:grid!important;
  grid-template-columns:minmax(180px,260px) minmax(180px,1fr) auto auto auto!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
}
.explorer-selection-right .js-bulk-collection{
  min-width:0!important;
  width:100%!important;
}
.explorer-selection-right .js-bulk-new-collection{
  min-width:0!important;
  width:100%!important;
}
.explorer-selection-right .mini-check{
  white-space:nowrap!important;
  margin:0!important;
}
.explorer-selection-right .js-bulk-remember,
.explorer-selection-right .js-bulk-archive,
.explorer-selection-right .js-bulk-delete{
  min-width:150px!important;
  width:auto!important;
  white-space:nowrap!important;
  justify-self:stretch!important;
}
.explorer-selection-right .js-bulk-delete{
  order:0!important;
}
.explorer-selection-right .js-bulk-archive{
  order:0!important;
}
@media(max-width:1500px){
  .explorer-selection-panel{
    grid-template-columns:1fr!important;
  }
  .explorer-selection-right{
    grid-template-columns:minmax(180px,260px) minmax(220px,1fr) auto auto auto!important;
  }
}
@media(max-width:1120px){
  .explorer-selection-right{
    grid-template-columns:minmax(160px,1fr) minmax(180px,1.3fr) auto!important;
  }
  .explorer-selection-right .mini-check{
    justify-self:start!important;
  }
  .explorer-selection-right .js-bulk-remember,
  .explorer-selection-right .js-bulk-archive,
  .explorer-selection-right .js-bulk-delete{
    min-width:0!important;
  }
}
@media(max-width:860px){
  .explorer-selection-right{
    grid-template-columns:1fr 1fr!important;
  }
  .explorer-selection-right .js-bulk-new-collection{
    grid-column:1 / -1!important;
  }
  .explorer-selection-right .mini-check{
    grid-column:1 / -1!important;
  }
  .explorer-selection-right .js-bulk-remember,
  .explorer-selection-right .js-bulk-archive,
  .explorer-selection-right .js-bulk-delete{
    width:100%!important;
  }
}
@media(max-width:560px){
  .explorer-selection-right{
    grid-template-columns:1fr!important;
  }
}

/* Hide sidebar scrollbars while keeping menu scrollable when needed */
.app-sidebar,
.sidebar-nav,
.app-sidebar nav{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.app-sidebar::-webkit-scrollbar,
.sidebar-nav::-webkit-scrollbar,
.app-sidebar nav::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.app-sidebar{
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.sidebar-nav,
.app-sidebar nav{
  overflow-x:hidden!important;
}


/* Cyberbude AI Asset Hub v0.7.09 - cloud connector responsive overflow fixes */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}
.app-mainframe,
.main-content,
main,
.panel,
.cloud-layout,
.cloud-main,
.cloud-create-wide,
.cloud-create-wide *,
.cloud-help-stack,
.cloud-help-card,
.cloud-help-card *,
.cloud-form,
.cloud-form *,
.cloud-connector-card,
.cloud-provider-grid,
.cloud-provider-grid *{
  box-sizing:border-box;
  min-width:0;
}
.cloud-create-wide{
  width:100%;
  max-width:100%;
  overflow:hidden;
}
.cloud-create-wide .cloud-help-stack{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));
  gap:12px;
  width:100%;
}
.cloud-help-card{
  width:100%;
  max-width:100%;
  overflow:hidden;
}
.cloud-help-card dl{
  grid-template-columns:minmax(105px,140px) minmax(0,1fr)!important;
}
.cloud-help-card dd,
.cloud-help-card p{
  overflow-wrap:anywhere;
  word-break:normal;
}
.cloud-help-card a{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.cloud-help-card code,
.cloud-provider-grid code{
  display:block;
  max-width:100%;
  overflow-x:auto;
  white-space:nowrap;
}
.cloud-create-wide .cloud-form{
  width:100%;
  max-width:100%;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));
}
.cloud-form input,
.cloud-form select,
.cloud-form textarea{
  max-width:100%;
}
.cloud-info-note{
  max-width:100%;
  overflow-wrap:anywhere;
}
.cloud-phase-grid{
  max-width:100%;
}
@media(max-width:1280px){
  .cloud-phase-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .cloud-help-card dl{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:720px){
  .cloud-phase-grid{
    grid-template-columns:1fr!important;
  }
  .cloud-create-wide .cloud-help-stack{
    grid-template-columns:1fr!important;
  }
  .cloud-create-wide .cloud-form{
    grid-template-columns:1fr!important;
  }
  .cloud-help-card summary{
    padding:12px!important;
  }
  .cloud-help-card p,
  .cloud-help-card dl{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}


/* Cyberbude AI Asset Hub v0.7.11 - centered asset checkbox and cloud asset badge */
.explorer-asset-card{
  position:relative;
}
.explorer-card-check{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(207,220,228,.95)!important;
  box-shadow:0 6px 16px rgba(15,23,42,.12)!important;
  z-index:5!important;
  line-height:1!important;
}
.explorer-card-check input{
  width:16px!important;
  height:16px!important;
  margin:0!important;
  display:block!important;
  accent-color:#0f9f7f;
  transform:none!important;
}
.explorer-cloud-badge{
  position:absolute;
  left:10px;
  top:10px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  z-index:4;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(207,220,228,.95);
  box-shadow:0 6px 16px rgba(15,23,42,.12);
  font-size:15px;
  line-height:1;
}
.explorer-asset-card:hover .explorer-card-check,
.explorer-asset-card:hover .explorer-cloud-badge{
  box-shadow:0 8px 20px rgba(15,23,42,.18);
}


/* Cyberbude AI Asset Hub v0.7.14 - advanced search valid assets and cloud badge */
.search-result-card{
  position:relative;
}
.search-result-card .search-cloud-badge{
  left:12px;
  top:12px;
}


/* Cyberbude AI Asset Hub v0.7.17 - compact info page */
.info-page{
  display:grid;
  grid-template-columns:minmax(180px,280px) minmax(0,1fr);
  gap:28px;
  align-items:center;
}
.info-logo-card{
  border:1px solid var(--line);
  border-radius:24px;
  background:#f8fbfb;
  padding:24px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.info-logo-card img{
  width:min(100%,220px);
  height:auto;
  display:block;
}
.info-copy h1{
  margin:.15rem 0 .65rem;
}
.info-copy .muted{
  max-width:760px;
}
.info-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.info-meta div{
  border:1px solid var(--line);
  border-radius:18px;
  background:#fbfcfd;
  padding:14px 16px;
}
.info-meta strong{
  display:block;
  color:var(--muted);
  font-size:.82rem;
  margin-bottom:5px;
}
.info-meta a{
  font-weight:800;
}
@media(max-width:760px){
  .info-page{
    grid-template-columns:1fr;
  }
  .info-meta{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.7.18 - user help center */
.help-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,420px);
  gap:22px;
  align-items:center;
}
.help-search-box input{
  width:100%;
  min-height:48px;
}
.help-layout{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:22px;
  align-items:start;
}
.help-toc{
  position:sticky;
  top:92px;
}
.help-toc h2{
  margin-top:0;
  font-size:1.05rem;
}
.help-toc nav{
  display:grid;
  gap:8px;
}
.help-toc a{
  display:block;
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px 12px;
  background:#fbfcfd;
  color:var(--text);
  font-weight:750;
  text-decoration:none;
}
.help-toc a:hover{
  border-color:#9be3d0;
  background:#effbf8;
  color:#087b68;
}
.help-content{
  display:grid;
  gap:16px;
}
.help-section{
  scroll-margin-top:110px;
}
.help-section h2{
  margin-top:0;
}
.help-section ul{
  margin:0;
  padding-left:1.2rem;
  display:grid;
  gap:9px;
  color:var(--muted);
  line-height:1.55;
}
.help-empty{
  color:var(--muted);
  font-weight:800;
}
@media(max-width:1000px){
  .help-hero{
    grid-template-columns:1fr;
  }
  .help-layout{
    grid-template-columns:1fr;
  }
  .help-toc{
    position:static;
  }
}


/* Cyberbude AI Asset Hub v0.7.19 - extended help documentation */
.help-section-count{
  display:inline-flex;
  align-items:center;
  border:1px solid #b9dcfa;
  background:#eef7ff;
  color:#087b68;
  border-radius:999px;
  padding:7px 11px;
  font-weight:800;
  margin:.7rem 0 0;
}
.help-section ul li{
  padding-left:2px;
}
.help-section h2::before{
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:999px;
  background:#16a085;
  margin-right:10px;
  vertical-align:middle;
}


/* Cyberbude AI Asset Hub v0.7.22 - help search result mode */
.help-search-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.help-search-box .button{
  min-height:48px;
  white-space:nowrap;
}
.help-results-summary{
  border-color:#b9dcfa;
  background:#eef7ff;
  color:#087b68;
  font-weight:850;
}
.js-help-toc-link[hidden],
.js-help-section[hidden],
.js-help-empty[hidden],
.js-help-results-summary[hidden]{
  display:none!important;
}
@media(max-width:620px){
  .help-search-box{
    grid-template-columns:1fr;
  }
  .help-search-box .button{
    width:100%;
  }
}


/* Cyberbude AI Asset Hub v0.7.23 - language selector country flags */
.language-switch select{
  min-width:150px;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
}


/* Cyberbude AI Asset Hub v0.7.24 - language selector shows flag and language name only */
.language-switch select{
  min-width:155px;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
}


/* Cyberbude AI Asset Hub v0.7.26 - custom language menu with flags in closed and open states */
.language-switch{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-width:172px;
  z-index:30;
}
.language-switch select{
  display:none!important;
}
.language-current{
  width:100%;
  min-height:44px;
  border:1px solid var(--line);
  background:#fff;
  border-radius:16px;
  padding:0 14px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  color:var(--text);
  font-weight:850;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}
.language-menu{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  min-width:100%;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 18px 42px rgba(15,23,42,.18);
  padding:7px;
  display:grid;
  gap:4px;
  z-index:100;
}
.language-menu[hidden]{
  display:none!important;
}
.language-option{
  width:100%;
  min-height:38px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:var(--text);
  padding:0 10px;
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:center;
  gap:9px;
  text-align:left;
  font-weight:750;
  cursor:pointer;
}
.language-option:hover,
.language-option.is-active{
  background:#eaf6f2;
  color:#087b68;
}
.language-name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.language-caret{
  font-size:1.1rem;
  color:var(--muted);
  transform:translateY(-1px);
}
.language-flag{
  display:inline-block;
  width:23px;
  height:16px;
  border-radius:3px;
  border:1px solid rgba(15,23,42,.18);
  box-shadow:0 1px 2px rgba(15,23,42,.12);
  overflow:hidden;
  background:#e5e7eb;
}
.flag-de{
  background:linear-gradient(to bottom,#111 0 33.333%,#dd0000 33.333% 66.666%,#ffce00 66.666% 100%);
}
.flag-fr{
  background:linear-gradient(to right,#0055a4 0 33.333%,#fff 33.333% 66.666%,#ef4135 66.666% 100%);
}
.flag-es{
  background:linear-gradient(to bottom,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%);
}
.flag-it{
  background:linear-gradient(to right,#009246 0 33.333%,#fff 33.333% 66.666%,#ce2b37 66.666% 100%);
}
/* Union Jack / United Kingdom flag for English */
.flag-en{
  background:
    linear-gradient(33deg,transparent 0 43%,#fff 43% 47%,#c8102e 47% 53%,#fff 53% 57%,transparent 57%),
    linear-gradient(147deg,transparent 0 43%,#fff 43% 47%,#c8102e 47% 53%,#fff 53% 57%,transparent 57%),
    linear-gradient(to bottom,transparent 0 38%,#fff 38% 62%,transparent 62%),
    linear-gradient(to right,transparent 0 38%,#fff 38% 62%,transparent 62%),
    linear-gradient(to bottom,transparent 0 44%,#c8102e 44% 56%,transparent 56%),
    linear-gradient(to right,transparent 0 44%,#c8102e 44% 56%,transparent 56%),
    #012169;
}
@media(max-width:640px){
  .language-switch{
    min-width:150px;
  }
}


/* Cyberbude AI Asset Hub v0.7.27 - single language flag rendering and improved Union Jack */
.language-switch::before{
  content:none!important;
  display:none!important;
}
.language-current{
  grid-template-columns:26px minmax(0,1fr) auto!important;
}
.language-option{
  grid-template-columns:26px minmax(0,1fr)!important;
}
.language-flag{
  position:relative;
  flex:0 0 auto;
  width:24px!important;
  height:16px!important;
  border-radius:4px!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
}
/* Cleaner Union Jack: blue base, white cross/diagonals, red cross/diagonals */
.flag-en{
  background:
    linear-gradient(33deg, transparent 0 42%, #fff 42% 47%, #c8102e 47% 53%, #fff 53% 58%, transparent 58%),
    linear-gradient(147deg, transparent 0 42%, #fff 42% 47%, #c8102e 47% 53%, #fff 53% 58%, transparent 58%),
    linear-gradient(to right, transparent 0 38%, #fff 38% 62%, transparent 62%),
    linear-gradient(to bottom, transparent 0 34%, #fff 34% 66%, transparent 66%),
    linear-gradient(to right, transparent 0 44%, #c8102e 44% 56%, transparent 56%),
    linear-gradient(to bottom, transparent 0 42%, #c8102e 42% 58%, transparent 58%),
    #012169!important;
}
.flag-de{
  background:linear-gradient(to bottom,#000 0 33.333%,#dd0000 33.333% 66.666%,#ffce00 66.666% 100%)!important;
}
.flag-fr{
  background:linear-gradient(to right,#0055a4 0 33.333%,#fff 33.333% 66.666%,#ef4135 66.666% 100%)!important;
}
.flag-es{
  background:linear-gradient(to bottom,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%)!important;
}
.flag-it{
  background:linear-gradient(to right,#009246 0 33.333%,#fff 33.333% 66.666%,#ce2b37 66.666% 100%)!important;
}


/* Cyberbude AI Asset Hub v0.7.28 - accurate single SVG Union Jack flag */
.flag-en{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2030'%3E%0A%3CclipPath%20id='c'%3E%3Cpath%20d='M0%200h60v30H0z'/%3E%3C/clipPath%3E%0A%3Cpath%20d='M0%200h60v30H0z'%20fill='#012169'/%3E%0A%3Cg%20clip-path='url(#c)'%3E%0A%3Cpath%20d='M0%200l60%2030M60%200L0%2030'%20stroke='#fff'%20stroke-width='6'/%3E%0A%3Cpath%20d='M0%200l60%2030M60%200L0%2030'%20stroke='#C8102E'%20stroke-width='3'/%3E%0A%3Cpath%20d='M30%200v30M0%2015h60'%20stroke='#fff'%20stroke-width='10'/%3E%0A%3Cpath%20d='M30%200v30M0%2015h60'%20stroke='#C8102E'%20stroke-width='6'/%3E%0A%3C/g%3E%0A%3C/svg%3E")!important;
  background-color:#012169!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}


/* Cyberbude AI Asset Hub v0.7.29 - fixed Union Jack via base64 SVG */
.language-flag.flag-en,
.flag-en{
  background-color:transparent!important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCAzMCI+CjxyZWN0IHdpZHRoPSI2MCIgaGVpZ2h0PSIzMCIgZmlsbD0iIzAxMjE2OSIvPgo8cGF0aCBkPSJNMCwwIEw2MCwzMCBNNjAsMCBMMCwzMCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjYiLz4KPHBhdGggZD0iTTAsMCBMNjAsMzAgTTYwLDAgTDAsMzAiIHN0cm9rZT0iI0M4MTAyRSIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxwYXRoIGQ9Ik0zMCwwIFYzMCBNMCwxNSBINjAiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxMCIvPgo8cGF0aCBkPSJNMzAsMCBWMzAgTTAsMTUgSDYwIiBzdHJva2U9IiNDODEwMkUiIHN0cm9rZS13aWR0aD0iNiIvPgo8L3N2Zz4=")!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}


/* Cyberbude AI Asset Hub v0.7.31 - advanced search AI/cloud dropdown */
.advanced-search-form select[name="provider"]{
  min-width:260px;
}
.advanced-search-help{
  margin:.8rem 0 1rem;
}
@media(max-width:980px){
  .advanced-search-form select[name="provider"]{
    min-width:0;
    width:100%;
  }
}


/* Cyberbude AI Asset Hub v0.7.33 - cyberbude.dev inspired UI refresh */
:root{
  --cb-blue:#087bdc;
  --cb-blue-dark:#065fb0;
  --cb-red:#e92d3c;
  --cb-navy:#10233f;
  --cb-muted:#4c5f78;
  --cb-bg:#f6f7f9;
  --cb-line:#d9e4ef;
  --cb-soft-blue:#eef7ff;
  --cb-soft-red:#fff1f3;
  --cb-green:#087bdc;
  --cb-green-dark:#065fb0;
  --bg:var(--cb-bg)!important;
  --text:var(--cb-navy)!important;
  --muted:var(--cb-muted)!important;
  --line:var(--cb-line)!important;
  --primary:var(--cb-blue)!important;
  --primary-dark:var(--cb-blue-dark)!important;
  --accent:var(--cb-red)!important;
  --success:var(--cb-green)!important;
  --card:#fff!important;
  --shadow:0 10px 32px rgba(17,38,67,.06)!important;
  --radius:0px!important;
  --radius-lg:0px!important;
  --radius-xl:0px!important;
}

html,body{
  background:var(--cb-bg)!important;
  color:var(--cb-navy)!important;
  font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif!important;
}

/* App shell: white/gray cyberbude.dev layout language */
.app-shell,
.layout,
.main-layout,
.dashboard-layout{
  background:var(--cb-bg)!important;
}

.sidebar{
  background:#fff!important;
  border-right:1px solid #edf1f5!important;
  box-shadow:none!important;
}

.sidebar .brand,
.sidebar-brand,
.app-brand{
  color:var(--cb-navy)!important;
}

.sidebar .brand small,
.sidebar-brand small,
.app-brand small{
  color:var(--cb-green-dark)!important;
}

.nav-item,
.sidebar a,
.sidebar .menu-item{
  border-radius:0!important;
  color:var(--cb-navy)!important;
  font-weight:900!important;
  letter-spacing:-.01em;
}

.nav-item.is-active,
.sidebar a.is-active,
.sidebar .active,
.sidebar .menu-item.is-active,
.sidebar .menu-item.active{
  background:#fff!important;
  color:var(--cb-blue)!important;
  border-left:4px solid var(--cb-blue)!important;
  box-shadow:inset 0 -1px 0 #edf1f5,inset 0 1px 0 #edf1f5!important;
}

.nav-item:hover,
.sidebar a:hover,
.sidebar .menu-item:hover{
  background:var(--cb-soft-blue)!important;
  color:var(--cb-blue)!important;
}

/* Main content panels */
.main,
.content,
.page-content,
main{
  background:var(--cb-bg)!important;
}

.panel,
.card,
.asset-card,
.asset-tile,
.stat-card,
.search-panel,
.settings-card,
.inbox-item,
.workflow-card,
.collection-card,
.folder-card,
.server-box{
  background:#fff!important;
  border:1px solid var(--cb-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.panel.split,
.hero-panel,
.page-header,
.section-header-panel{
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  position:relative;
}

.panel.split::after,
.hero-panel::after,
.page-header::after{
  content:"";
  display:block;
  height:1px;
  background:var(--cb-blue);
  opacity:.9;
  margin-top:24px;
}

/* Typography: blue/red cyberbude.dev accent system */
h1,
.page-title,
.panel h1{
  color:var(--cb-blue)!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  line-height:1.15!important;
}

h2,
.panel h2,
.section-title{
  color:var(--cb-red)!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}

h3,
.panel h3,
.card h3{
  color:var(--cb-navy)!important;
  font-weight:950!important;
}

p,
.muted,
small,
.description{
  color:var(--cb-muted);
}

.eyebrow,
.kicker,
.label-eyebrow{
  color:var(--cb-green-dark)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  text-transform:uppercase!important;
  letter-spacing:.1em!important;
  font-weight:950!important;
}

/* Buttons: sharp cyberbude style */
.button,
button.button,
.btn-primary,
input[type="submit"],
form button:not(.language-current):not(.language-option):not(.icon-button){
  background:var(--cb-blue)!important;
  border:2px solid var(--cb-blue)!important;
  color:#fff!important;
  border-radius:0!important;
  font-weight:950!important;
  box-shadow:none!important;
  min-height:42px;
}

.button:hover,
button.button:hover,
.btn-primary:hover,
input[type="submit"]:hover,
form button:not(.language-current):not(.language-option):not(.icon-button):hover{
  background:var(--cb-blue-dark)!important;
  border-color:var(--cb-blue-dark)!important;
}

.ghost,
.button.secondary,
.btn-secondary{
  background:#fff!important;
  color:var(--cb-blue)!important;
  border:2px solid var(--cb-blue)!important;
  border-radius:0!important;
  font-weight:950!important;
  box-shadow:none!important;
}

.ghost:hover,
.button.secondary:hover,
.btn-secondary:hover{
  background:var(--cb-blue)!important;
  color:#fff!important;
}

.danger,
button.danger{
  background:#fff!important;
  color:var(--cb-red)!important;
  border:2px solid var(--cb-red)!important;
  border-radius:0!important;
}

.danger:hover,
button.danger:hover{
  background:var(--cb-red)!important;
  color:#fff!important;
}

/* Forms */
input,
select,
textarea{
  border:1px solid var(--cb-line)!important;
  background:#fff!important;
  border-radius:0!important;
  color:var(--cb-navy)!important;
  box-shadow:none!important;
}

input:focus,
select:focus,
textarea:focus{
  outline:2px solid rgba(8,123,220,.25)!important;
  border-color:var(--cb-blue)!important;
}

/* Badges and status chips */
.badge,
.status-badge,
.ai-status,
.pill,
.inbox-state,
.asset-card .tag,
.tag{
  border-radius:0!important;
  border:1px solid var(--cb-line)!important;
  background:#fff!important;
  color:var(--cb-navy)!important;
  font-weight:900!important;
}

.badge.is-success,
.status-success,
.ai-status.is-done,
.ai-status.done,
.ai-status.complete,
.inbox-state.is-unread{
  background:#eef7ff!important;
  border-color:#b9dcfa!important;
  color:var(--cb-green-dark)!important;
}

.badge.is-danger,
.status-danger,
.ai-status.failed,
.ai-status.error{
  background:var(--cb-soft-red)!important;
  border-color:#ffc9cf!important;
  color:var(--cb-red)!important;
}

.badge.is-info,
.status-info,
.ai-status.queued,
.ai-status.pending{
  background:var(--cb-soft-blue)!important;
  border-color:#c8e4fb!important;
  color:var(--cb-blue)!important;
}

/* Asset cards */
.asset-card,
.asset-tile{
  overflow:hidden!important;
  transition:transform .18s ease, border-color .18s ease;
}

.asset-card:hover,
.asset-tile:hover{
  transform:translateY(-2px);
  border-color:var(--cb-blue)!important;
}

.asset-card img,
.asset-tile img,
.asset-preview img{
  border-radius:0!important;
}

/* Tables */
table{
  border-collapse:collapse!important;
}

th{
  color:var(--cb-blue)!important;
  background:#f8fbff!important;
  font-weight:950!important;
}

td,th{
  border-color:var(--cb-line)!important;
}

/* Language selector should keep corrected custom dropdown but match cyberbude.dev */
.language-current,
.language-menu,
.language-option{
  border-radius:0!important;
}

.language-current{
  border:2px solid var(--cb-blue)!important;
  box-shadow:none!important;
  color:var(--cb-navy)!important;
}

.language-option:hover,
.language-option.is-active{
  background:var(--cb-soft-blue)!important;
  color:var(--cb-blue)!important;
}

/* Help/info pages */
.help-layout,
.help-toc,
.help-section,
.faq-item{
  border-radius:0!important;
  box-shadow:none!important;
}

.help-section h2::before{
  background:var(--cb-blue)!important;
}

/* Callout boxes */
.alert,
.notice,
.highlight,
.info-box{
  border-radius:0!important;
  box-shadow:none!important;
}

.alert.success,
.notice.success{
  background:#eef7ff!important;
  color:var(--cb-green-dark)!important;
  border-color:#b9dcfa!important;
}

.alert.error,
.notice.error{
  background:var(--cb-soft-red)!important;
  color:var(--cb-red)!important;
  border-color:#ffc9cf!important;
}

/* Modal/popup */
.modal,
.dialog,
.popup,
.inbox-modal{
  border-radius:0!important;
  box-shadow:0 18px 50px rgba(17,38,67,.22)!important;
}

.modal .close,
.dialog .close,
.popup .close{
  border-radius:0!important;
}

/* Responsive refinement */
@media(max-width:900px){
  .panel,
  .card,
  .asset-card,
  .asset-tile{
    border-radius:0!important;
  }
  h1,.page-title{
    font-size:clamp(2rem,8vw,3.2rem)!important;
  }
}


/* Cyberbude AI Asset Hub v0.7.34 - remove remaining green areas and cyberbude.dev icon style */
:root{
  --cb-blue:#087bdc;
  --cb-blue-dark:#065fb0;
  --cb-red:#e92d3c;
  --cb-navy:#10233f;
  --cb-muted:#4c5f78;
  --cb-bg:#f6f7f9;
  --cb-line:#d9e4ef;
  --cb-soft-blue:#eef7ff;
  --cb-soft-red:#fff1f3;
  --cb-soft-yellow:#fff8df;
  --success:var(--cb-blue)!important;
  --success-dark:var(--cb-blue-dark)!important;
  --accent:var(--cb-red)!important;
  --primary:var(--cb-blue)!important;
  --primary-dark:var(--cb-blue-dark)!important;
}

/* Brand/app icon */
.brand-mark,
.sidebar .brand-mark,
.sidebar-brand .brand-mark,
.app-brand .brand-mark,
.logo-mark,
.app-logo,
.sidebar-logo{
  background:#fff!important;
  border:2px solid var(--cb-navy)!important;
  color:var(--cb-blue)!important;
  border-radius:0!important;
  box-shadow:none!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}

.brand-mark img,
.sidebar .brand-mark img,
.sidebar-brand .brand-mark img,
.app-brand .brand-mark img,
.logo-mark img,
.app-logo img,
.sidebar-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}

/* If icon still renders as text/emoji, recolor it in cyberbude.dev style */
.brand-mark svg,
.logo-mark svg,
.app-logo svg{
  color:var(--cb-blue)!important;
}

/* Active navigation: no green background */
.nav-item.is-active,
.sidebar a.is-active,
.sidebar .active,
.sidebar .menu-item.is-active,
.sidebar .menu-item.active,
.sidebar nav a.active,
.sidebar nav a[aria-current="page"]{
  background:var(--cb-soft-blue)!important;
  color:var(--cb-blue)!important;
  border-left:4px solid var(--cb-blue)!important;
  box-shadow:none!important;
}

.nav-item.is-active *,
.sidebar a.is-active *,
.sidebar .active *,
.sidebar .menu-item.is-active *,
.sidebar .menu-item.active *{
  color:var(--cb-blue)!important;
}

/* Kill remaining green hints/notice boxes and convert to blue information boxes */
.alert.success,
.notice.success,
.success-box,
.info-success,
.callout-success,
.cloud-info,
.ai-note,
.ai-hint,
.hint,
.notice,
.alert,
.info-box,
.highlight{
  background:var(--cb-soft-blue)!important;
  border:1px solid #b9dcfa!important;
  color:var(--cb-navy)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.alert.success strong,
.notice.success strong,
.success-box strong,
.info-success strong,
.callout-success strong,
.cloud-info strong,
.ai-note strong,
.ai-hint strong,
.hint strong,
.notice strong,
.alert strong,
.info-box strong,
.highlight strong,
.alert.success b,
.notice.success b,
.success-box b,
.info-success b,
.callout-success b,
.cloud-info b,
.ai-note b,
.ai-hint b,
.hint b,
.notice b,
.alert b,
.info-box b,
.highlight b{
  color:var(--cb-blue)!important;
}

/* Common green inline styles/classes converted */
[class*="green"],
[class*="success"]{
  --local-accent:var(--cb-blue)!important;
}

.text-success,
.success,
.is-success,
.status-success{
  color:var(--cb-blue)!important;
}

.bg-success,
.badge-success,
.label-success{
  background:var(--cb-soft-blue)!important;
  color:var(--cb-blue)!important;
  border-color:#b9dcfa!important;
}

/* Status badges: positive status may use blue instead of green for visual consistency */
.badge.is-success,
.status-success,
.ai-status.is-done,
.ai-status.done,
.ai-status.complete,
.ai-status.completed,
.ai-status.is-complete,
.ai-status.is-success,
.inbox-state.is-unread,
.pill.is-success,
.asset-status.is-success{
  background:var(--cb-soft-blue)!important;
  border-color:#b9dcfa!important;
  color:var(--cb-blue)!important;
}

/* CTA/primary buttons blue, not green */
.button,
button.button,
.btn-primary,
input[type="submit"],
form button:not(.language-current):not(.language-option):not(.icon-button):not(.danger){
  background:var(--cb-blue)!important;
  border-color:var(--cb-blue)!important;
  color:#fff!important;
}

.button:hover,
button.button:hover,
.btn-primary:hover,
input[type="submit"]:hover,
form button:not(.language-current):not(.language-option):not(.icon-button):not(.danger):hover{
  background:var(--cb-blue-dark)!important;
  border-color:var(--cb-blue-dark)!important;
}

/* Form helper icons/active controls no green */
input[type="checkbox"]:checked,
input[type="radio"]:checked{
  accent-color:var(--cb-blue)!important;
}

a,
.link{
  color:var(--cb-blue);
}

a:hover,
.link:hover{
  color:var(--cb-blue-dark);
}

/* Sidebar footer/model text should not appear green */
.sidebar-footer,
.sidebar-footer *,
.sidebar .user-status,
.sidebar .user-status *{
  color:var(--cb-muted)!important;
}

/* Cloud connector cards and hints */
.cloud-provider-card,
.connector-card,
.provider-card{
  border-radius:0!important;
}

.cloud-provider-card .eyebrow,
.connector-card .eyebrow,
.provider-card .eyebrow{
  color:var(--cb-blue)!important;
}

/* Red remains destructive or strong accent only */
.danger,
button.danger,
.alert.error,
.notice.error,
.is-danger,
.status-danger{
  color:var(--cb-red)!important;
}

/* Header/info line no green borders */
.panel,
.card,
.asset-card,
.inbox-item,
.workflow-card,
.collection-card{
  border-color:var(--cb-line)!important;
}

@media(max-width:900px){
  .brand-mark,
  .sidebar .brand-mark,
  .sidebar-brand .brand-mark,
  .app-brand .brand-mark{
    width:38px!important;
    height:38px!important;
  }
}


/* Cyberbude AI Asset Hub v0.7.35 - readability and DAM icon refinement */
:root{
  --cb-blue:#087bdc;
  --cb-blue-dark:#065fb0;
  --cb-red:#e92d3c;
  --cb-navy:#10233f;
  --cb-muted:#4c5f78;
  --cb-line:#d9e4ef;
  --cb-soft-blue:#eef7ff;
}

/* Readable header/subtitle text on upload and all page intro panels */
.panel.split p:not(.eyebrow),
.hero-panel p:not(.eyebrow),
.page-header p:not(.eyebrow),
.section-header-panel p:not(.eyebrow),
.upload-header p:not(.eyebrow),
.upload-intro p:not(.eyebrow){
  color:var(--cb-muted)!important;
  opacity:1!important;
  font-weight:500!important;
}

/* If older green/turquoise text color remains in intro copy, force it into readable cyberbude muted blue */
.panel.split,
.hero-panel,
.page-header,
.section-header-panel{
  color:var(--cb-navy)!important;
}
.panel.split .muted,
.hero-panel .muted,
.page-header .muted{
  color:var(--cb-muted)!important;
  opacity:1!important;
}

/* Page headings stay cyberbude.dev blue/red system */
.panel.split h1,
.hero-panel h1,
.page-header h1,
.upload-header h1{
  color:var(--cb-blue)!important;
}
.panel.split .eyebrow,
.hero-panel .eyebrow,
.page-header .eyebrow,
.upload-header .eyebrow{
  color:var(--cb-blue)!important;
  background:transparent!important;
  border:0!important;
}

/* DAM-focused app icon styling */
.brand-mark,
.sidebar .brand-mark,
.sidebar-brand .brand-mark,
.app-brand .brand-mark,
.logo-mark,
.app-logo,
.sidebar-logo{
  background:#fff!important;
  border:2px solid var(--cb-navy)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.brand-mark img,
.sidebar .brand-mark img,
.sidebar-brand .brand-mark img,
.app-brand .brand-mark img,
.logo-mark img,
.app-logo img,
.sidebar-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}

/* Remove last green shades from info/copy areas that should match cyberbude.dev */
[style*="color:#087bdc"],
[style*="color: #087bdc"],
[style*="color:#065fb0"],
[style*="color: #065fb0"],
[style*="color:#087bdc"],
[style*="color: #087bdc"]{
  color:var(--cb-blue)!important;
}

[style*="background:#eef7ff"],
[style*="background: #eef7ff"],
[style*="background-color:#eef7ff"],
[style*="background-color: #eef7ff"]{
  background:var(--cb-soft-blue)!important;
}

/* Ensure notices are readable */
.notice,
.alert,
.hint,
.info-box,
.highlight,
.ai-note,
.ai-hint{
  color:var(--cb-navy)!important;
}
.notice p,
.alert p,
.hint p,
.info-box p,
.highlight p,
.ai-note p,
.ai-hint p{
  color:var(--cb-muted)!important;
  opacity:1!important;
}


/* Cyberbude AI Asset Hub v0.7.36 - upload header readability and refined DAM icon */
:root{
  --cb-blue:#087bdc;
  --cb-blue-dark:#065fb0;
  --cb-red:#e92d3c;
  --cb-navy:#10233f;
  --cb-muted:#4c5f78;
  --cb-line:#d9e4ef;
  --cb-soft-blue:#eef7ff;
}

/* Upload/page intro readability: no pale green or low contrast text */
.panel.split,
.hero-panel,
.page-header,
.section-header-panel,
.upload-header,
.upload-intro{
  background:#fff!important;
  border:1px solid var(--cb-line)!important;
  color:var(--cb-navy)!important;
}

.panel.split .eyebrow,
.hero-panel .eyebrow,
.page-header .eyebrow,
.section-header-panel .eyebrow,
.upload-header .eyebrow,
.upload-intro .eyebrow,
.panel.split p.eyebrow,
.hero-panel p.eyebrow,
.page-header p.eyebrow,
.section-header-panel p.eyebrow{
  color:var(--cb-blue)!important;
  background:transparent!important;
  border:0!important;
  opacity:1!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
}

.panel.split p:not(.eyebrow),
.hero-panel p:not(.eyebrow),
.page-header p:not(.eyebrow),
.section-header-panel p:not(.eyebrow),
.upload-header p:not(.eyebrow),
.upload-intro p:not(.eyebrow){
  color:var(--cb-muted)!important;
  background:transparent!important;
  opacity:1!important;
  font-weight:600!important;
  text-shadow:none!important;
}

.panel.split h1,
.hero-panel h1,
.page-header h1,
.upload-header h1{
  color:var(--cb-blue)!important;
  opacity:1!important;
}

/* Remove any browser text-selection looking grey backgrounds inside intro text */
.panel.split p span,
.hero-panel p span,
.page-header p span,
.upload-header p span{
  background:transparent!important;
  color:inherit!important;
}

/* Defensively override very light green/turquoise copy colors from older theme */
[style*="color:#10233f"],
[style*="color: #10233f"],
[style*="color:#eef7ff"],
[style*="color: #eef7ff"],
[style*="color:#b9dcfa"],
[style*="color: #b9dcfa"],
[style*="color:#087bdc"],
[style*="color: #087bdc"],
[style*="color:#065fb0"],
[style*="color: #065fb0"],
[style*="color:#087bdc"],
[style*="color: #087bdc"]{
  color:var(--cb-muted)!important;
}

/* New icon display, clear and not cropped */
.brand-mark,
.sidebar .brand-mark,
.sidebar-brand .brand-mark,
.app-brand .brand-mark,
.logo-mark,
.app-logo,
.sidebar-logo{
  background:#fff!important;
  border:2px solid var(--cb-navy)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  padding:0!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
}

.brand-mark img,
.sidebar .brand-mark img,
.sidebar-brand .brand-mark img,
.app-brand .brand-mark img,
.logo-mark img,
.app-logo img,
.sidebar-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}


/* Cyberbude AI Asset Hub v0.7.37 - definitive cyberbude.dev blue/red cleanup */
:root{
  --cb-blue:#087bdc!important;
  --cb-blue-dark:#065fb0!important;
  --cb-red:#e92d3c!important;
  --cb-navy:#10233f!important;
  --cb-muted:#4c5f78!important;
  --cb-bg:#f6f7f9!important;
  --cb-line:#d9e4ef!important;
  --cb-soft-blue:#eef7ff!important;
  --cb-soft-red:#fff1f3!important;
  --primary:#087bdc!important;
  --primary-dark:#065fb0!important;
  --success:#087bdc!important;
  --success-dark:#065fb0!important;
  --accent:#e92d3c!important;
}

/* Force the app logo/icon to the new DAM icon. This also works if the EJS still renders the old icon text. */
.cbah-brand-icon,
.brand-mark,
.sidebar .brand-mark,
.sidebar-brand .brand-mark,
.app-brand .brand-mark,
.logo-mark,
.app-logo,
.sidebar-logo,
.sidebar .logo,
.app-sidebar .logo,
.brand-icon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  padding:0!important;
  border:2px solid var(--cb-navy)!important;
  border-radius:0!important;
  background:#fff url("/icons/cyberbude-ai-asset-hub-icon.svg?v=0737") center/100% 100% no-repeat!important;
  box-shadow:none!important;
  overflow:hidden!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  display:inline-grid!important;
  place-items:center!important;
}

.cbah-brand-icon > *,
.brand-mark > *,
.sidebar .brand-mark > *,
.sidebar-brand .brand-mark > *,
.app-brand .brand-mark > *,
.logo-mark > *,
.app-logo > *,
.sidebar-logo > *,
.sidebar .logo > *,
.app-sidebar .logo > *,
.brand-icon > *{
  display:none!important;
}

.cbah-brand-icon img,
.brand-mark img,
.sidebar .brand-mark img,
.sidebar-brand .brand-mark img,
.app-brand .brand-mark img,
.logo-mark img,
.app-logo img,
.sidebar-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

/* Definitive active menu styling: no green active background */
.sidebar a.active,
.sidebar a.is-active,
.sidebar a[aria-current="page"],
.sidebar .active,
.sidebar .is-active,
.sidebar .nav-active,
.sidebar .menu-active,
.sidebar .menu-item.active,
.sidebar .menu-item.is-active,
.sidebar .nav-item.active,
.sidebar .nav-item.is-active,
.nav-item.active,
.nav-item.is-active,
.menu-item.active,
.menu-item.is-active{
  background:var(--cb-soft-blue)!important;
  background-color:var(--cb-soft-blue)!important;
  color:var(--cb-blue)!important;
  border-left:4px solid var(--cb-blue)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.sidebar a.active *,
.sidebar a.is-active *,
.sidebar a[aria-current="page"] *,
.sidebar .active *,
.sidebar .is-active *,
.sidebar .nav-active *,
.sidebar .menu-active *,
.sidebar .menu-item.active *,
.sidebar .menu-item.is-active *,
.sidebar .nav-item.active *,
.sidebar .nav-item.is-active *,
.nav-item.active *,
.nav-item.is-active *,
.menu-item.active *,
.menu-item.is-active *{
  color:var(--cb-blue)!important;
}

/* Override common mint/green active backgrounds no matter where they remain */
.sidebar [style*="background"],
nav [style*="background"]{
  border-radius:0!important;
}
.sidebar [style*="#eef7ff"],
.sidebar [style*="#eef7ff"],
.sidebar [style*="#eef7ff"],
.sidebar [style*="#087bdc"],
.sidebar [style*="#087bdc"],
.sidebar [style*="#065fb0"],
nav [style*="#eef7ff"],
nav [style*="#eef7ff"],
nav [style*="#eef7ff"],
nav [style*="#087bdc"],
nav [style*="#087bdc"],
nav [style*="#065fb0"]{
  background:var(--cb-soft-blue)!important;
  color:var(--cb-blue)!important;
}

/* Upload/page intro: high readability, no pale mint text */
.panel.split,
.hero-panel,
.page-header,
.section-header-panel,
.upload-header,
.upload-intro,
section.panel.split{
  background:#fff!important;
  border:1px solid var(--cb-line)!important;
  color:var(--cb-navy)!important;
}

.panel.split .eyebrow,
.panel.split p.eyebrow,
.hero-panel .eyebrow,
.page-header .eyebrow,
.section-header-panel .eyebrow,
.upload-header .eyebrow,
.upload-intro .eyebrow,
section.panel.split .eyebrow{
  color:var(--cb-blue)!important;
  background:transparent!important;
  border:0!important;
  opacity:1!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  text-shadow:none!important;
}

.panel.split p:not(.eyebrow),
.hero-panel p:not(.eyebrow),
.page-header p:not(.eyebrow),
.section-header-panel p:not(.eyebrow),
.upload-header p:not(.eyebrow),
.upload-intro p:not(.eyebrow),
section.panel.split p:not(.eyebrow),
.panel.split .muted,
.hero-panel .muted,
.page-header .muted{
  color:var(--cb-muted)!important;
  background:transparent!important;
  opacity:1!important;
  font-weight:650!important;
  text-shadow:none!important;
}

.panel.split p:not(.eyebrow)::selection,
.hero-panel p:not(.eyebrow)::selection,
.page-header p:not(.eyebrow)::selection{
  color:#fff!important;
  background:var(--cb-blue)!important;
}

.panel.split h1,
.hero-panel h1,
.page-header h1,
.upload-header h1,
section.panel.split h1{
  color:var(--cb-blue)!important;
  opacity:1!important;
}

/* Universal cleanup: kill old green/turquoise colors used as text/background */
[style*="#10233f"],[style*="#10233f"],
[style*="#eef7ff"],[style*="#eef7ff"],
[style*="#eef7ff"],[style*="#eef7ff"],
[style*="#eef7ff"],[style*="#eef7ff"],
[style*="#087bdc"],[style*="#087bdc"],
[style*="#087bdc"],[style*="#087bdc"],
[style*="#065fb0"],[style*="#065fb0"],
[style*="#b9dcfa"],[style*="#b9dcfa"],
[style*="#b9dcfa"],[style*="#b9dcfa"]{
  color:var(--cb-muted)!important;
  border-color:var(--cb-line)!important;
}

/* Notices/hints: blue information style, not green */
.notice,
.alert,
.hint,
.info-box,
.highlight,
.ai-note,
.ai-hint,
.success-box,
.callout-success,
.cloud-info,
.info-success{
  background:var(--cb-soft-blue)!important;
  background-color:var(--cb-soft-blue)!important;
  color:var(--cb-navy)!important;
  border:1px solid #b9dcfa!important;
  border-radius:0!important;
  box-shadow:none!important;
}

.notice strong,.alert strong,.hint strong,.info-box strong,.highlight strong,
.ai-note strong,.ai-hint strong,.success-box strong,.callout-success strong,.cloud-info strong,.info-success strong{
  color:var(--cb-blue)!important;
}

/* Badges/chips success -> blue */
.badge.is-success,
.status-success,
.ai-status.is-done,
.ai-status.done,
.ai-status.complete,
.ai-status.completed,
.inbox-state.is-unread,
.pill.is-success,
.asset-status.is-success,
.success,
.text-success,
.is-success{
  color:var(--cb-blue)!important;
  background:var(--cb-soft-blue)!important;
  border-color:#b9dcfa!important;
}

/* Buttons remain cyberbude blue/red */
.button,
button.button,
.btn-primary,
input[type="submit"],
form button:not(.language-current):not(.language-option):not(.icon-button):not(.danger){
  background:var(--cb-blue)!important;
  border-color:var(--cb-blue)!important;
  color:#fff!important;
  border-radius:0!important;
}
.button:hover,
button.button:hover,
.btn-primary:hover,
input[type="submit"]:hover,
form button:not(.language-current):not(.language-option):not(.icon-button):not(.danger):hover{
  background:var(--cb-blue-dark)!important;
  border-color:var(--cb-blue-dark)!important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked{
  accent-color:var(--cb-blue)!important;
}


/* Cyberbude AI Asset Hub v0.7.38 - no icon frame and definitive upload text readability */
:root{
  --cb-blue:#087bdc!important;
  --cb-blue-dark:#065fb0!important;
  --cb-red:#e92d3c!important;
  --cb-navy:#10233f!important;
  --cb-muted:#344866!important;
  --cb-line:#d9e4ef!important;
  --cb-soft-blue:#eef7ff!important;
}

/* Icon: remove the outer CSS frame completely */
.cbah-brand-icon,
.brand-mark,
.sidebar .brand-mark,
.sidebar-brand .brand-mark,
.app-brand .brand-mark,
.logo-mark,
.app-logo,
.sidebar-logo,
.sidebar .logo,
.app-sidebar .logo,
.brand-icon{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent url("/icons/cyberbude-ai-asset-hub-icon.svg?v=0738") center/100% 100% no-repeat!important;
  border-radius:0!important;
  padding:0!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
}

.cbah-brand-icon > *:not(img),
.brand-mark > *:not(img),
.logo-mark > *:not(img),
.app-logo > *:not(img),
.sidebar-logo > *:not(img){
  display:none!important;
}

.cbah-brand-icon img,
.brand-mark img,
.logo-mark img,
.app-logo img,
.sidebar-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Upload header: readable text with high contrast, including exact panel structure seen in screenshots */
.cbah-upload-readable,
.panel.split.cbah-upload-readable,
section.panel.split.cbah-upload-readable{
  background:#fff!important;
  color:var(--cb-navy)!important;
  border:1px solid var(--cb-line)!important;
}

.cbah-upload-readable .eyebrow,
.cbah-upload-readable p.eyebrow,
.panel.split.cbah-upload-readable .eyebrow,
section.panel.split.cbah-upload-readable .eyebrow{
  color:var(--cb-blue)!important;
  background:transparent!important;
  opacity:1!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  text-shadow:none!important;
}

.cbah-upload-readable h1,
.panel.split.cbah-upload-readable h1,
section.panel.split.cbah-upload-readable h1{
  color:var(--cb-blue)!important;
  opacity:1!important;
}

.cbah-upload-readable p:not(.eyebrow),
.panel.split.cbah-upload-readable p:not(.eyebrow),
section.panel.split.cbah-upload-readable p:not(.eyebrow),
.cbah-upload-description{
  color:var(--cb-navy)!important;
  background:transparent!important;
  opacity:1!important;
  font-weight:700!important;
  text-shadow:none!important;
  line-height:1.55!important;
}

/* Fallback: detect the upload page by the visible h1/panel pattern and force panel subtitle readability globally */
.panel.split h1 + p,
section.panel.split h1 + p,
.panel.split .lead,
section.panel.split .lead{
  color:var(--cb-navy)!important;
  opacity:1!important;
  font-weight:700!important;
  background:transparent!important;
}

/* Force visible page intro descriptions readable even if older selectors win */
.panel.split p,
section.panel.split p,
.hero-panel p,
.page-header p{
  opacity:1!important;
  text-shadow:none!important;
}
.panel.split p:not(.eyebrow),
section.panel.split p:not(.eyebrow),
.hero-panel p:not(.eyebrow),
.page-header p:not(.eyebrow){
  color:var(--cb-navy)!important;
  font-weight:650!important;
}

/* Browser selection should not look like a permanent grey mark */
.panel.split p::selection,
section.panel.split p::selection,
.cbah-upload-readable p::selection{
  color:#fff!important;
  background:var(--cb-blue)!important;
}

/* Active menu: remove green/mint backgrounds and use cyberbude.dev blue */
.sidebar a.active,
.sidebar a.is-active,
.sidebar a[aria-current="page"],
.sidebar .active,
.sidebar .is-active,
.sidebar .nav-active,
.sidebar .menu-active,
.sidebar .menu-item.active,
.sidebar .menu-item.is-active,
.sidebar .nav-item.active,
.sidebar .nav-item.is-active,
.nav-item.active,
.nav-item.is-active,
.menu-item.active,
.menu-item.is-active{
  background:#eef7ff!important;
  background-color:#eef7ff!important;
  color:#087bdc!important;
  border-left:4px solid #087bdc!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.sidebar a.active *,
.sidebar a.is-active *,
.sidebar a[aria-current="page"] *,
.sidebar .active *,
.sidebar .is-active *,
.sidebar .nav-active *,
.sidebar .menu-active *,
.sidebar .menu-item.active *,
.sidebar .menu-item.is-active *,
.sidebar .nav-item.active *,
.sidebar .nav-item.is-active *,
.nav-item.active *,
.nav-item.is-active *,
.menu-item.active *,
.menu-item.is-active *{
  color:#087bdc!important;
}

/* Override old theme inline/utility green backgrounds */
[class*="active"],
[class*="is-active"]{
  --success:#087bdc!important;
  --success-dark:#065fb0!important;
}

/* map old green boxes to blue info style */
.notice,.alert,.hint,.info-box,.highlight,.ai-note,.ai-hint,.success-box,.cloud-info,.callout-success{
  background:#eef7ff!important;
  border-color:#b9dcfa!important;
  color:#10233f!important;
  border-radius:0!important;
}
.notice p,.alert p,.hint p,.info-box p,.highlight p,.ai-note p,.ai-hint p,.success-box p,.cloud-info p,.callout-success p{
  color:#10233f!important;
  opacity:1!important;
}


/* Cyberbude AI Asset Hub v0.7.39 - final visible cyberbude.dev styling fixes */
:root{
  --cb-blue:#087bdc!important;
  --cb-blue-dark:#065fb0!important;
  --cb-red:#e92d3c!important;
  --cb-navy:#10233f!important;
  --cb-muted:#344866!important;
  --cb-line:#d9e4ef!important;
  --cb-soft-blue:#eef7ff!important;
}

/* New DAM icon, no frame */
.sidebar-brand-mark,
.cbah-brand-icon,
.brand-mark,
.sidebar .brand-mark,
.sidebar-brand .brand-mark{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:transparent url("/icons/cyberbude-ai-asset-hub-logo.png?v=0751") center/100% 100% no-repeat!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  display:inline-grid!important;
  place-items:center!important;
}
.sidebar-brand-mark svg,
.cbah-brand-icon svg,
.brand-mark svg,
.sidebar .brand-mark svg,
.sidebar-brand .brand-mark svg{
  display:none!important;
}
.sidebar-brand-mark img,
.cbah-brand-icon img,
.brand-mark img,
.sidebar .brand-mark img,
.sidebar-brand .brand-mark img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Upload hero: Asset Upload red + readable dark text */
.upload-page-hero.panel.cbah-upload-readable,
.upload-page-hero.panel,
section.upload-page-shell .upload-page-hero.panel{
  background:#fff!important;
  border:1px solid #d9e4ef!important;
  color:#10233f!important;
}
.upload-page-hero .cbah-upload-eyebrow,
.upload-page-hero p.eyebrow,
.upload-page-hero .eyebrow{
  color:#e92d3c!important;
  background:transparent!important;
  opacity:1!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  text-shadow:none!important;
}
.upload-page-hero h1{
  color:#087bdc!important;
  opacity:1!important;
}
.upload-page-hero .cbah-upload-description,
.upload-page-hero p.cbah-upload-description,
.upload-page-hero h1 + p,
.upload-page-hero p:not(.eyebrow){
  color:#10233f!important;
  background:transparent!important;
  opacity:1!important;
  font-weight:750!important;
  line-height:1.55!important;
  text-shadow:none!important;
}

/* Active menu: soft blue, never green */
.sidebar-nav a.active,
.sidebar-nav a.is-active,
.sidebar-nav a[aria-current="page"],
.sidebar-nav .active,
.sidebar-nav .is-active,
.sidebar a.active,
.sidebar a.is-active,
.sidebar a[aria-current="page"],
.sidebar .active,
.sidebar .is-active,
.nav-item.active,
.nav-item.is-active,
.menu-item.active,
.menu-item.is-active,
.app-sidebar a[href].is-active,
.app-sidebar a[href].active,
#appSidebar a[href].is-active,
#appSidebar a[href].active,
#appSidebar .sidebar-link.is-active,
#appSidebar .sidebar-link.active{
  background:#eef7ff!important;
  background-color:#eef7ff!important;
  color:#087bdc!important;
  border-left:4px solid #087bdc!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.sidebar-nav a.active *,
.sidebar-nav a.is-active *,
.sidebar-nav a[aria-current="page"] *,
.sidebar-nav .active *,
.sidebar-nav .is-active *,
.sidebar a.active *,
.sidebar a.is-active *,
.sidebar a[aria-current="page"] *,
.sidebar .active *,
.sidebar .is-active *,
.nav-item.active *,
.nav-item.is-active *,
.menu-item.active *,
.menu-item.is-active *,
.app-sidebar a[href].is-active *,
.app-sidebar a[href].active *,
#appSidebar a[href].is-active *,
#appSidebar a[href].active *,
#appSidebar .sidebar-link.is-active *,
#appSidebar .sidebar-link.active *{
  color:#087bdc!important;
}

/* Old inline green/mint cleanup */
[style*="#eef7ff"],[style*="#eef7ff"],[style*="#eef7ff"],[style*="#087bdc"],[style*="#087bdc"],[style*="#065fb0"],
[style*="#eef7ff"],[style*="#eef7ff"],[style*="#eef7ff"],[style*="#087bdc"],[style*="#087bdc"]{
  background-color:#eef7ff!important;
  color:#087bdc!important;
  border-color:#b9dcfa!important;
}


/* Cyberbude AI Asset Hub v0.7.40 - Creative Social Media Format Tool */
.creative-social-tool .creative-tool-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:start;
}
.creative-section{
  border:1px solid var(--cb-line,#d9e4ef);
  background:#fff;
  padding:22px;
  margin-top:18px;
}
.creative-picker-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.creative-picker-box{
  border:1px solid var(--cb-line,#d9e4ef);
  background:#f8fbff;
  padding:16px;
}
.creative-scroll-list{
  max-height:310px;
  overflow:auto;
  display:grid;
  gap:8px;
  margin-top:12px;
  padding-right:4px;
}
.creative-check-row{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:8px;
  align-items:start;
  padding:8px;
  background:#fff;
  border:1px solid #e3edf5;
  margin-left:calc(var(--depth,0) * 12px);
}
.creative-check-row span{
  min-width:0;
  font-weight:800;
}
.creative-check-row small{
  display:block;
  color:var(--cb-muted,#344866);
  font-weight:600;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.creative-format-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.creative-channel-card{
  border:1px solid var(--cb-line,#d9e4ef);
  background:#fff;
  padding:16px;
}
.creative-channel-card h4{
  margin:0 0 10px;
  color:var(--cb-blue,#087bdc);
  font-weight:950;
}
.creative-format-option{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:8px;
  padding:8px 0;
  border-top:1px solid #eef3f7;
}
.creative-format-option:first-of-type{
  border-top:0;
}
.creative-format-option small{
  display:block;
  color:var(--cb-muted,#344866);
}
.explorer-social-badge{
  position:absolute;
  left:8px;
  bottom:8px;
  z-index:4;
  max-width:calc(100% - 16px);
  background:#087bdc;
  color:#fff;
  border:2px solid #fff;
  padding:5px 8px;
  font-size:.68rem;
  line-height:1.15;
  font-weight:950;
  box-shadow:0 4px 12px rgba(16,35,63,.18);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.explorer-asset-card{
  position:relative;
}
@media(max-width:1180px){
  .creative-format-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:920px){
  .creative-tool-header,
  .creative-picker-grid,
  .creative-format-grid{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.7.42 - bulk move to folder controls */
.explorer-selection-right .js-bulk-folder{
  min-width:190px;
}
.explorer-selection-right .js-bulk-folder-add{
  white-space:nowrap;
}
@media(max-width:1100px){
  .explorer-selection-right .js-bulk-folder,
  .explorer-selection-right .js-bulk-folder-add{
    flex:1 1 220px;
  }
}
@media(max-width:760px){
  .explorer-selection-right .js-bulk-folder,
  .explorer-selection-right .js-bulk-folder-add{
    width:100%;
    flex-basis:100%;
  }
}


/* Cyberbude AI Asset Hub v0.7.43 - bulk folder move panel + Media Studio label */
.bulk-folder-panel{
  display:flex;
  align-items:flex-end;
  gap:10px;
  flex:1 1 100%;
  padding:12px;
  margin-top:8px;
  border:1px solid #d9e4ef;
  background:#eef7ff;
}
.bulk-folder-panel[hidden]{
  display:none!important;
}
.bulk-folder-panel label{
  display:grid;
  gap:4px;
  flex:1 1 260px;
  margin:0;
  font-weight:900;
  color:#10233f;
}
.bulk-folder-panel select{
  width:100%;
}
.bulk-folder-panel .button{
  white-space:nowrap;
}
.explorer-selection-right .js-bulk-folder-open{
  white-space:nowrap;
}
@media(max-width:760px){
  .bulk-folder-panel{
    align-items:stretch;
    flex-direction:column;
  }
  .bulk-folder-panel .button{
    width:100%;
  }
}


/* Cyberbude AI Asset Hub v0.7.44 - visible bulk folder panel */
.bulk-folder-panel.is-open{
  display:flex!important;
}
.js-bulk-folder-panel:not([hidden]){
  display:flex!important;
}


/* Cyberbude AI Asset Hub v0.7.45 - folder move panel placement */
.bulk-folder-move{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  align-self:start;
  min-width:240px;
  max-width:360px;
  position:relative;
  z-index:3;
}
.bulk-folder-move .js-bulk-folder-open{
  width:100%;
  white-space:nowrap;
}
.bulk-folder-move .bulk-folder-panel{
  width:100%;
  margin:0!important;
  padding:12px!important;
  border:1px solid #d9e4ef!important;
  background:#eef7ff!important;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
  position:static!important;
  z-index:auto!important;
  box-shadow:none!important;
}
.bulk-folder-move .bulk-folder-panel[hidden]{
  display:none!important;
}
.bulk-folder-move .bulk-folder-panel.is-open,
.bulk-folder-move .bulk-folder-panel:not([hidden]){
  display:grid!important;
}
.bulk-folder-move .bulk-folder-panel label{
  display:grid;
  gap:4px;
  min-width:0;
  margin:0;
}
.bulk-folder-move .bulk-folder-panel select{
  width:100%;
  min-width:0;
}
.bulk-folder-move .bulk-folder-panel .button{
  white-space:nowrap;
}
.explorer-selection-right{
  align-items:flex-start!important;
}
@media(max-width:1180px){
  .bulk-folder-move{
    flex:1 1 320px;
    max-width:none;
  }
}
@media(max-width:760px){
  .bulk-folder-move{
    width:100%;
    max-width:none;
  }
  .bulk-folder-move .bulk-folder-panel{
    grid-template-columns:1fr;
  }
  .bulk-folder-move .bulk-folder-panel .button{
    width:100%;
  }
}


/* Cyberbude AI Asset Hub v0.7.46 - bulk action modals */
.bulk-modal[hidden]{display:none!important}
.bulk-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px}
.bulk-modal-backdrop{position:absolute;inset:0;background:rgba(16,35,63,.46)}
.bulk-modal-dialog{position:relative;width:min(100%,560px);background:#fff;border:1px solid #d9e4ef;box-shadow:0 24px 70px rgba(16,35,63,.28);padding:28px;color:#10233f}
.bulk-modal-dialog h2{margin:0 0 8px;color:#087bdc!important}
.bulk-modal-dialog label{display:grid;gap:6px;margin-top:14px;font-weight:900}
.bulk-modal-dialog select,.bulk-modal-dialog input{width:100%}
.bulk-modal-close{position:absolute;top:10px;right:12px;border:0!important;background:transparent!important;color:#10233f!important;font-size:28px;line-height:1;cursor:pointer;padding:0 6px;min-height:0!important}
.bulk-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.explorer-selection-right .js-bulk-remember,.explorer-selection-right .js-bulk-folder-open{white-space:nowrap}
@media(max-width:640px){.bulk-modal{padding:12px}.bulk-modal-dialog{padding:22px 16px}.bulk-modal-actions{flex-direction:column-reverse}.bulk-modal-actions .button,.bulk-modal-actions .ghost{width:100%}}


/* Cyberbude AI Asset Hub v0.7.47 - bulk modal reliability and button style */
.explorer-selection-right .js-bulk-remember{
  background:#fff!important;
  color:#087bdc!important;
  border:2px solid #087bdc!important;
  border-radius:0!important;
  box-shadow:none!important;
  white-space:nowrap;
}
.explorer-selection-right .js-bulk-remember:hover{
  background:#087bdc!important;
  color:#fff!important;
}
.bulk-modal.is-open{
  display:grid!important;
}
.bulk-modal.is-open[hidden]{
  display:grid!important;
}


/* Cyberbude AI Asset Hub v0.7.48 - select-all checkbox alignment */
.explorer-selection-left .explorer-select-all-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:auto!important;
  margin:0!important;
  line-height:1.25!important;
  white-space:nowrap;
}
.explorer-selection-left .explorer-select-all-label input.js-assets-select-all{
  order:0!important;
  flex:0 0 auto!important;
  margin:0!important;
  position:static!important;
  transform:none!important;
}
.explorer-selection-left .explorer-select-all-label span{
  order:1!important;
  display:inline-block!important;
}
.explorer-selection-left{
  align-items:flex-start!important;
}


/* Cyberbude AI Asset Hub v0.7.49 - select-all area left aligned and protected from button overlap */
.explorer-selection-panel{
  display:grid!important;
  grid-template-columns:minmax(240px, 300px) minmax(0, 1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.explorer-selection-left{
  grid-column:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-width:240px!important;
  max-width:300px!important;
  width:100%!important;
  overflow:visible!important;
}
.explorer-selection-right{
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.explorer-selection-left .explorer-select-all-label{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1.25!important;
  white-space:normal!important;
  text-align:left!important;
  color:#10233f!important;
}
.explorer-selection-left .explorer-select-all-label input.js-assets-select-all{
  order:0!important;
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
  position:static!important;
  transform:none!important;
}
.explorer-selection-left .explorer-select-all-label span{
  order:1!important;
  display:block!important;
  min-width:0!important;
  overflow:visible!important;
  white-space:normal!important;
}
.explorer-selection-left .js-bulk-message{
  margin-top:8px!important;
  display:block!important;
  width:100%!important;
  text-align:left!important;
}
@media(max-width:900px){
  .explorer-selection-panel{
    grid-template-columns:1fr!important;
  }
  .explorer-selection-left,
  .explorer-selection-right{
    grid-column:1!important;
    max-width:none!important;
    width:100%!important;
  }
  .explorer-selection-right{
    justify-content:flex-start!important;
  }
}


/* Cyberbude AI Asset Hub v0.7.50 - uploaded logo replacement */
.sidebar-brand-mark,
.cbah-brand-icon,
.brand-mark,
.sidebar .brand-mark,
.sidebar-brand .brand-mark{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:transparent url("/icons/cyberbude-ai-asset-hub-logo.png?v=0751") center/contain no-repeat!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  display:inline-grid!important;
  place-items:center!important;
}
.sidebar-brand-mark svg,
.cbah-brand-icon svg,
.brand-mark svg,
.sidebar .brand-mark svg,
.sidebar-brand .brand-mark svg{
  display:none!important;
}
.sidebar-brand-mark img,
.cbah-brand-icon img,
.brand-mark img,
.sidebar .brand-mark img,
.sidebar-brand .brand-mark img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}


/* Cyberbude AI Asset Hub v0.7.51 - final uploaded logo replacement */
.sidebar-brand-mark,
.cbah-brand-icon,
.brand-mark,
.sidebar .brand-mark,
.sidebar-brand .brand-mark{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:transparent url("/icons/cyberbude-ai-asset-hub-logo.png?v=0751") center/contain no-repeat!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  display:inline-grid!important;
  place-items:center!important;
}
.sidebar-brand-mark svg,
.cbah-brand-icon svg,
.brand-mark svg,
.sidebar .brand-mark svg,
.sidebar-brand .brand-mark svg{
  display:none!important;
}
.sidebar-brand-mark img,
.cbah-brand-icon img,
.brand-mark img,
.sidebar .brand-mark img,
.sidebar-brand .brand-mark img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}


/* Cyberbude AI Asset Hub v0.7.52 - compact sidebar without scrollbars */
.sidebar,
.app-sidebar,
#appSidebar{
  overflow:hidden!important;
}

.sidebar{
  display:flex!important;
  flex-direction:column!important;
  height:100vh!important;
  max-height:100vh!important;
}

.sidebar-header,
.sidebar .brand-row,
.sidebar-brand,
.app-brand{
  flex:0 0 auto!important;
  padding-top:10px!important;
  padding-bottom:8px!important;
}

.sidebar-nav,
.sidebar nav,
.app-sidebar nav,
#appSidebar nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
}

.sidebar-nav a,
.sidebar nav a,
.app-sidebar nav a,
#appSidebar nav a,
.nav-item,
.menu-item{
  min-height:34px!important;
  height:auto!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
  padding-left:14px!important;
  padding-right:12px!important;
  line-height:1.15!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

.sidebar-nav .nav-icon,
.sidebar nav .nav-icon,
.app-sidebar .nav-icon,
#appSidebar .nav-icon{
  width:22px!important;
  min-width:22px!important;
  font-size:15px!important;
  line-height:1!important;
}

.sidebar-nav .nav-label,
.sidebar nav .nav-label,
.app-sidebar .nav-label,
#appSidebar .nav-label{
  font-size:14px!important;
  line-height:1.15!important;
}

.sidebar-footer,
.sidebar .sidebar-footer,
.app-sidebar .sidebar-footer,
#appSidebar .sidebar-footer{
  flex:0 0 auto!important;
  padding-top:6px!important;
  padding-bottom:8px!important;
  margin-top:0!important;
}

.sidebar-footer .user-meta,
.sidebar .user-meta,
.sidebar-footer small{
  font-size:11px!important;
  line-height:1.2!important;
  margin-bottom:6px!important;
}

.sidebar-footer .button,
.sidebar-footer button,
.sidebar-footer a.button,
.sidebar .logout,
.sidebar .logout-button{
  min-height:34px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}

/* Slightly smaller logo block to recover vertical space while keeping it readable */
.sidebar-brand-mark,
.cbah-brand-icon,
.brand-mark,
.sidebar .brand-mark,
.sidebar-brand .brand-mark{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
}

.sidebar .brand-title,
.sidebar-brand .brand-title,
.app-brand .brand-title{
  font-size:14px!important;
  line-height:1.05!important;
}

.sidebar .brand-subtitle,
.sidebar-brand .brand-subtitle,
.app-brand .brand-subtitle,
.sidebar .brand small,
.sidebar-brand small,
.app-brand small{
  font-size:11px!important;
  line-height:1.05!important;
}

/* Very low desktop heights: compact a little more, still without visible scrollbars */
@media (max-height: 780px) and (min-width: 761px){
  .sidebar-nav,
  .sidebar nav,
  .app-sidebar nav,
  #appSidebar nav{
    gap:0!important;
  }
  .sidebar-nav a,
  .sidebar nav a,
  .app-sidebar nav a,
  #appSidebar nav a,
  .nav-item,
  .menu-item{
    min-height:31px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  .sidebar-nav .nav-label,
  .sidebar nav .nav-label,
  .app-sidebar .nav-label,
  #appSidebar .nav-label{
    font-size:13px!important;
  }
  .sidebar-header,
  .sidebar .brand-row,
  .sidebar-brand,
  .app-brand{
    padding-top:8px!important;
    padding-bottom:6px!important;
  }
  .sidebar-footer,
  .sidebar .sidebar-footer,
  .app-sidebar .sidebar-footer,
  #appSidebar .sidebar-footer{
    padding-top:4px!important;
    padding-bottom:6px!important;
  }
  .sidebar-footer .button,
  .sidebar-footer button,
  .sidebar-footer a.button,
  .sidebar .logout,
  .sidebar .logout-button{
    min-height:31px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
}

/* Extremely small heights: hide only the footer meta text, keep logout and all navigation visible */
@media (max-height: 690px) and (min-width: 761px){
  .sidebar-footer .user-meta,
  .sidebar .user-meta,
  .sidebar-footer small{
    display:none!important;
  }
}


/* Cyberbude AI Asset Hub v0.7.53 - remove blue border from language selector */
.language-current,
.language-switcher .language-current,
.language-selector .language-current,
.language-toggle,
.language-switcher button,
.language-selector button{
  border:1px solid #d9e4ef!important;
  outline:0!important;
  box-shadow:none!important;
}

.language-current:focus,
.language-current:focus-visible,
.language-switcher .language-current:focus,
.language-switcher .language-current:focus-visible,
.language-selector .language-current:focus,
.language-selector .language-current:focus-visible,
.language-toggle:focus,
.language-toggle:focus-visible,
.language-switcher button:focus,
.language-switcher button:focus-visible,
.language-selector button:focus,
.language-selector button:focus-visible{
  border-color:#d9e4ef!important;
  outline:0!important;
  box-shadow:none!important;
}

.language-current:hover,
.language-switcher .language-current:hover,
.language-selector .language-current:hover,
.language-toggle:hover,
.language-switcher button:hover,
.language-selector button:hover{
  border-color:#d9e4ef!important;
  box-shadow:none!important;
}


/* Cyberbude AI Asset Hub v0.7.55 - cloud AI provider settings */
.cloud-ai-settings-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:22px;
}
.cloud-ai-settings-card{
  border:1px solid #d9e4ef;
  background:#fff;
  padding:18px;
}
.cloud-ai-settings-card h3{
  margin:0;
  color:#087bdc!important;
}
.cloud-ai-settings-card label{
  display:grid;
  gap:6px;
  margin-top:14px;
  font-weight:900;
  color:#10233f;
}
.cloud-ai-settings-card input,
.cloud-ai-settings-card select{
  width:100%;
}
.cloud-ai-note{
  margin-top:16px;
  padding:14px 16px;
  border:1px solid #b9dcfa;
  background:#eef7ff;
  color:#10233f;
}
.cloud-ai-note strong{
  color:#087bdc;
}
@media(max-width:1100px){
  .cloud-ai-settings-grid{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.7.56 - provider API links */
.provider-api-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  margin-top:12px;
  padding:9px 12px;
  border:2px solid #087bdc;
  color:#087bdc!important;
  background:#fff;
  font-weight:950;
  text-decoration:none!important;
  line-height:1.1;
}
.provider-api-link:hover{
  background:#087bdc;
  color:#fff!important;
}


/* Cyberbude AI Asset Hub v0.7.57 - responsive sidebar with hidden-scroll navigation */
.sidebar,
.app-sidebar,
#appSidebar{
  height:100vh!important;
  height:100dvh!important;
  max-height:100vh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}

/* Header and footer must never overlay the navigation */
.sidebar-header,
.sidebar .brand-row,
.sidebar-brand,
.app-brand{
  grid-row:1!important;
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
}

.sidebar-footer,
.sidebar .sidebar-footer,
.app-sidebar .sidebar-footer,
#appSidebar .sidebar-footer{
  grid-row:3!important;
  position:relative!important;
  z-index:2!important;
  flex:0 0 auto!important;
  margin-top:0!important;
  background:#fff!important;
}

/* The menu itself is the only scrollable area.
   Scrollbars are visually hidden, but scrolling via mouse wheel/touchpad/touch still works. */
.sidebar-nav,
.sidebar nav,
.app-sidebar nav,
#appSidebar nav{
  grid-row:2!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  padding-top:4px!important;
  padding-bottom:10px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
.sidebar-nav::-webkit-scrollbar,
.sidebar nav::-webkit-scrollbar,
.app-sidebar nav::-webkit-scrollbar,
#appSidebar nav::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

/* More compact navigation on smaller monitors */
.sidebar-nav a,
.sidebar nav a,
.app-sidebar nav a,
#appSidebar nav a,
.nav-item,
.menu-item{
  min-height:32px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
  padding-left:14px!important;
  padding-right:12px!important;
  line-height:1.1!important;
  margin:0!important;
}
.sidebar-nav .nav-icon,
.sidebar nav .nav-icon,
.app-sidebar .nav-icon,
#appSidebar .nav-icon{
  width:22px!important;
  min-width:22px!important;
  font-size:15px!important;
}
.sidebar-nav .nav-label,
.sidebar nav .nav-label,
.app-sidebar .nav-label,
#appSidebar .nav-label{
  font-size:14px!important;
  line-height:1.1!important;
}

/* Footer compact and readable */
.sidebar-footer .user-meta,
.sidebar .user-meta,
.sidebar-footer small{
  display:block!important;
  font-size:11px!important;
  line-height:1.2!important;
  margin:0 0 6px!important;
  white-space:normal!important;
  text-align:center!important;
}
.sidebar-footer .button,
.sidebar-footer button,
.sidebar-footer a.button,
.sidebar .logout,
.sidebar .logout-button{
  width:100%!important;
  min-height:34px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  margin-top:0!important;
}

/* On short screens, reduce non-menu areas first, then hide footer user-meta only if needed. */
@media (max-height: 820px) and (min-width: 761px){
  .sidebar-header,
  .sidebar .brand-row,
  .sidebar-brand,
  .app-brand{
    padding-top:8px!important;
    padding-bottom:6px!important;
  }
  .sidebar-brand-mark,
  .cbah-brand-icon,
  .brand-mark,
  .sidebar .brand-mark,
  .sidebar-brand .brand-mark{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
  .sidebar-nav a,
  .sidebar nav a,
  .app-sidebar nav a,
  #appSidebar nav a,
  .nav-item,
  .menu-item{
    min-height:30px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  .sidebar-nav .nav-label,
  .sidebar nav .nav-label,
  .app-sidebar .nav-label,
  #appSidebar .nav-label{
    font-size:13px!important;
  }
  .sidebar-footer,
  .sidebar .sidebar-footer,
  .app-sidebar .sidebar-footer,
  #appSidebar .sidebar-footer{
    padding-top:5px!important;
    padding-bottom:6px!important;
  }
}

@media (max-height: 720px) and (min-width: 761px){
  .sidebar-footer .user-meta,
  .sidebar .user-meta,
  .sidebar-footer small{
    display:none!important;
  }
  .sidebar-nav,
  .sidebar nav,
  .app-sidebar nav,
  #appSidebar nav{
    padding-bottom:6px!important;
  }
}

/* If the screen is extremely low, keep all navigation reachable by scrolling the nav area. */
@media (max-height: 640px) and (min-width: 761px){
  .sidebar-nav a,
  .sidebar nav a,
  .app-sidebar nav a,
  #appSidebar nav a,
  .nav-item,
  .menu-item{
    min-height:28px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }
}


/* Cyberbude AI Asset Hub v0.7.58 - detailed multilingual help center */
.help-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,420px);
  gap:24px;
  align-items:center;
}
.help-section-count{
  display:inline-flex;
  width:max-content;
  margin-top:12px;
  padding:8px 12px;
  border:1px solid #b9dcfa;
  background:#eef7ff;
  color:#087bdc;
  font-weight:950;
}
.help-layout{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.help-toc{
  position:sticky;
  top:16px;
  max-height:calc(100vh - 32px);
  overflow:auto;
  scrollbar-width:none;
}
.help-toc::-webkit-scrollbar{
  display:none;
}
.help-toc nav{
  display:grid;
  gap:6px;
}
.help-toc a{
  display:block;
  padding:8px 10px;
  border-left:3px solid transparent;
  text-decoration:none;
  color:#10233f;
  font-weight:850;
}
.help-toc a:hover{
  background:#eef7ff;
  color:#087bdc;
  border-left-color:#087bdc;
}
.help-content{
  display:grid;
  gap:16px;
}
.help-section h2{
  color:#087bdc!important;
  margin-bottom:12px;
}
.help-detail-list{
  display:grid;
  gap:10px;
  padding-left:1.2rem;
}
.help-detail-list li{
  line-height:1.55;
  color:#10233f;
  font-weight:550;
}
.help-results-summary{
  border-color:#b9dcfa!important;
  background:#eef7ff!important;
  color:#10233f!important;
}
.help-search-box{
  display:flex;
  gap:10px;
}
.help-search-box input{
  min-width:0;
  flex:1 1 auto;
}
@media(max-width:980px){
  .help-hero,
  .help-layout{
    grid-template-columns:1fr;
  }
  .help-toc{
    position:static;
    max-height:none;
  }
}
@media(max-width:640px){
  .help-search-box{
    flex-direction:column;
  }
  .help-search-box .button{
    width:100%;
  }
}


/* Cyberbude AI Asset Hub v0.7.59 - Brand Portal */
.brand-portal-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
  gap:18px;
  align-items:start;
}
.brand-portal-form-panel h2,
.brand-portal-list h2{
  color:#087bdc!important;
}
.brand-portal-options,
.brand-format-options{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:8px;
}
.brand-picker-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:12px;
}
.brand-picker-box{
  border:1px solid #d9e4ef;
  background:#f8fbff;
  padding:14px;
}
.brand-picker-list{
  max-height:360px;
  overflow:auto;
  scrollbar-width:none;
  display:grid;
  gap:8px;
  margin-top:10px;
}
.brand-picker-list::-webkit-scrollbar{display:none}
.brand-check-row{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  gap:8px;
  align-items:start;
  padding:8px;
  border:1px solid #e3edf5;
  background:#fff;
}
.brand-check-row span{
  min-width:0;
  font-weight:850;
}
.brand-check-row small{
  display:block;
  color:#344866;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.brand-portal-cards{
  display:grid;
  gap:12px;
}
.brand-portal-card{
  border:1px solid #d9e4ef;
  background:#fff;
  padding:16px;
  display:grid;
  gap:14px;
}
.brand-portal-card.is-expired{
  opacity:.72;
}
.brand-portal-card h3{
  margin:0 0 6px;
  color:#10233f;
}
.brand-portal-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.share-url{
  width:100%;
  font-size:.85rem;
  margin-top:8px;
}
.public-brand-portal-body{
  margin:0;
  min-height:100vh;
  background:#f4f7fb;
  color:#10233f;
}
.public-brand-portal{
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
  padding:32px 0;
}
.public-brand-header{
  background:#fff;
  border:1px solid #d9e4ef;
  padding:28px;
  display:flex;
  gap:20px;
  align-items:center;
  margin-bottom:18px;
}
.public-brand-logo{
  max-width:180px;
  max-height:80px;
  object-fit:contain;
}
.public-brand-header .eyebrow{
  color:var(--portal-color,#087bdc)!important;
}
.public-brand-header h1{
  color:var(--portal-color,#087bdc)!important;
  margin:0 0 6px;
}
.public-brand-expiry{
  font-weight:900;
}
.public-brand-card{
  background:#fff;
  border:1px solid #d9e4ef;
  padding:28px;
}
.public-password-form{
  display:grid;
  gap:14px;
  max-width:420px;
}
.public-brand-assets{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.public-brand-asset{
  background:#fff;
  border:1px solid #d9e4ef;
  overflow:hidden;
}
.public-brand-preview{
  aspect-ratio:4/3;
  background:#eef7ff;
  display:grid;
  place-items:center;
}
.public-brand-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.public-file-placeholder{
  text-align:center;
  color:var(--portal-color,#087bdc);
}
.public-file-placeholder span{
  display:block;
  font-size:48px;
}
.public-brand-asset-body{
  padding:16px;
}
.public-brand-asset-body h2{
  margin:0 0 8px;
  font-size:1.05rem;
}
.public-downloads{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.public-downloads .ghost{
  border-color:var(--portal-color,#087bdc)!important;
  color:var(--portal-color,#087bdc)!important;
}
.public-downloads .ghost:hover{
  background:var(--portal-color,#087bdc)!important;
  color:#fff!important;
}
@media(max-width:1100px){
  .brand-portal-grid,
  .brand-picker-columns{
    grid-template-columns:1fr;
  }
  .public-brand-assets{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .public-brand-header{
    display:block;
  }
  .public-brand-logo{
    margin-bottom:14px;
  }
  .public-brand-assets{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.7.60 - Brand Portal preview reliability */
.public-image-error-placeholder{
  display:none!important;
}
.public-brand-preview.is-image-error .public-image-error-placeholder{
  display:grid!important;
  place-items:center;
  gap:8px;
}
.public-brand-preview img{
  display:block;
  background:#eef7ff;
}


/* Cyberbude AI Asset Hub v0.7.61 - Brand Portal missing source handling */
.public-brand-preview.is-image-error{
  background:#eef7ff;
}
.public-brand-preview.is-image-error .public-image-error-placeholder{
  min-height:100%;
  color:#087bdc;
}


/* Cyberbude AI Asset Hub v0.7.63 - asset versioning and approval status */
.approval-pill,
.approval-mini{
  display:inline-flex;
  align-items:center;
  width:max-content;
  border:1px solid #d9e4ef;
  background:#eef7ff;
  color:#087bdc;
  font-weight:950;
  line-height:1;
}
.approval-pill{
  padding:8px 10px;
  margin:4px 6px 0 0;
  font-size:.82rem;
}
.approval-mini{
  padding:5px 7px;
  font-size:.72rem;
}
.approval-approved,
.approval-current{
  border-color:#b9dcfa!important;
  background:#eaf5ff!important;
  color:#087bdc!important;
}
.approval-review{
  border-color:#ffcf72!important;
  background:#fff6df!important;
  color:#995d00!important;
}
.approval-draft{
  border-color:#d9e4ef!important;
  background:#f8fbff!important;
  color:#344866!important;
}
.approval-expired,
.approval-archived,
.approval-outdated{
  border-color:#ffb8b8!important;
  background:#fff0f0!important;
  color:#e92c3a!important;
}
.asset-version-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:6px 0 4px;
}
.asset-version-box .form-grid{
  margin-top:12px;
}
.version-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:12px 0;
}
.danger-outline{
  border-color:#e92c3a!important;
  color:#e92c3a!important;
}
.danger-outline:hover{
  background:#e92c3a!important;
  color:#fff!important;
}
.version-list,
.history-list{
  display:grid;
  gap:10px;
  margin-top:10px;
}
.version-row,
.history-row{
  border:1px solid #d9e4ef;
  background:#fff;
  padding:12px;
}
.version-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
.version-row.is-active{
  border-left:4px solid #087bdc;
  background:#f8fbff;
}
.version-row-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.compare-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:start;
}
.compare-card h2{
  color:#087bdc!important;
}
.compare-preview{
  aspect-ratio:4/3;
  background:#eef7ff;
  display:grid;
  place-items:center;
  margin-bottom:16px;
}
.compare-preview img,
.compare-preview video{
  width:100%;
  height:100%;
  object-fit:contain;
}
@media(max-width:900px){
  .compare-grid,
  .version-row{
    grid-template-columns:1fr;
  }
  .version-row-actions{
    justify-content:flex-start;
  }
}


/* Cyberbude AI Asset Hub v0.7.64 - asset approval workflow with comments and annotations */
.js-annotation-scope{
  position:relative;
}
.js-annotatable-image{
  cursor:crosshair;
}
.annotation-marker-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:5;
}
.annotation-marker{
  position:absolute;
  transform:translate(-50%,-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:28px;
  padding:0 7px;
  border-radius:999px;
  background:#e92c3a;
  color:#fff;
  font-weight:950;
  font-size:.78rem;
  box-shadow:0 8px 24px rgba(16,35,63,.28);
  z-index:6;
}
.annotation-draft-marker{
  background:#087bdc;
}
.approval-workflow-grid,
.approval-quick-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.comment-list,
.annotation-list,
.approval-task-list{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.comment-row,
.annotation-row,
.approval-task-row{
  border:1px solid #d9e4ef;
  background:#fff;
  padding:12px;
}
.comment-row strong,
.annotation-row strong,
.approval-task-row strong{
  color:#087bdc;
}
.approval-task-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);
  gap:12px;
  align-items:start;
}
.approval-task-status-form{
  display:grid;
  gap:8px;
}
.approval-task-approved,
.approval-task-done{
  border-left:4px solid #087bdc;
}
.approval-task-changes_requested,
.approval-task-rejected{
  border-left:4px solid #e92c3a;
}
.approval-task-in_progress{
  border-left:4px solid #ffb020;
}
.approval-workflow-box h3{
  color:#087bdc!important;
}
@media(max-width:980px){
  .approval-workflow-grid,
  .approval-quick-actions,
  .approval-task-row{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.7.66 - asset detail workflow sections below asset preview */
.detail-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
}

.detail-preview{
  width:100%!important;
}

.detail-panel{
  position:static!important;
  top:auto!important;
  width:100%!important;
  max-width:none!important;
}

.detail-panel .edit-box,
.detail-panel .approval-workflow-box,
.detail-panel .asset-version-box{
  width:100%!important;
  max-width:none!important;
}

.detail-panel .meta-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 18px!important;
}

.detail-panel .meta-list div{
  grid-template-columns:150px minmax(0,1fr)!important;
}

@media(max-width:900px){
  .detail-panel .meta-list{
    grid-template-columns:1fr!important;
  }
  .detail-panel .meta-list div{
    grid-template-columns:1fr!important;
  }
}


/* Cyberbude AI Asset Hub v0.7.67 - precise annotation positioning and edit/delete */
.annotation-marker-layer{
  inset:auto!important;
  pointer-events:none!important;
}
.annotation-edit-form{
  display:grid;
  gap:10px;
  margin-top:10px;
}
.annotation-edit-grid{
  display:grid;
  grid-template-columns:120px 120px minmax(160px,1fr);
  gap:10px;
  align-items:end;
}
.annotation-edit-grid label{
  display:grid;
  gap:5px;
  font-weight:900;
}
.annotation-edit-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.annotation-row .subtle-danger{
  margin-top:8px;
}
@media(max-width:760px){
  .annotation-edit-grid{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.7.68 - image-only annotation layer and clickable markers */
.annotation-image-wrap{
  position:relative!important;
  display:inline-block!important;
  max-width:100%!important;
  line-height:0!important;
}
.annotation-image-wrap img{
  display:block!important;
  max-width:100%!important;
}
.annotation-image-wrap .annotation-marker-layer{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
  z-index:5!important;
}
.annotation-image-wrap .annotation-marker{
  pointer-events:auto!important;
  text-decoration:none!important;
}
.annotation-row{
  scroll-margin-top:24px;
}
.annotation-row:target{
  border-left:5px solid #e92c3a!important;
  background:#fff7f7!important;
}


/* Cyberbude AI Asset Hub v0.7.69 - annotation edit layout without visible coordinates */
.annotation-edit-actions-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:end;
  margin-top:10px;
}
.annotation-edit-actions-row .annotation-edit-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,240px) auto;
  gap:12px;
  align-items:end;
  margin-top:0!important;
}
.annotation-status-field{
  display:grid;
  gap:6px;
  font-weight:900;
}
.annotation-delete-form{
  display:flex;
  align-items:end;
  margin:0!important;
}
.annotation-delete-form .danger,
.annotation-edit-form .ghost{
  min-height:44px;
  white-space:nowrap;
}
.annotation-row .subtle-danger{
  margin-top:0!important;
}
@media(max-width:980px){
  .annotation-edit-actions-row,
  .annotation-edit-actions-row .annotation-edit-form{
    grid-template-columns:1fr;
  }
  .annotation-delete-form{
    justify-content:flex-start;
  }
}


/* Cyberbude AI Asset Hub v0.7.70 - annotation edit full-width comment and aligned actions */
.annotation-edit-actions-row{
  display:grid!important;
  grid-template-columns:minmax(220px, 1fr) auto auto!important;
  gap:12px!important;
  align-items:end!important;
  margin-top:12px!important;
}

.annotation-edit-actions-row .annotation-edit-form{
  display:contents!important;
}

.annotation-edit-actions-row .annotation-edit-form textarea{
  grid-column:1 / -1!important;
  width:100%!important;
  min-height:96px!important;
  resize:vertical!important;
}

.annotation-edit-actions-row .annotation-edit-form input[type="hidden"]{
  display:none!important;
}

.annotation-edit-actions-row .annotation-status-field{
  grid-column:1!important;
  display:grid!important;
  gap:6px!important;
  min-width:220px!important;
  margin:0!important;
  font-weight:900!important;
}

.annotation-edit-actions-row .annotation-status-field select{
  width:100%!important;
}

.annotation-edit-actions-row .annotation-edit-form > button{
  grid-column:2!important;
  min-height:46px!important;
  align-self:end!important;
  margin:0!important;
  white-space:nowrap!important;
}

.annotation-edit-actions-row .annotation-delete-form{
  grid-column:3!important;
  display:flex!important;
  align-items:end!important;
  margin:0!important;
}

.annotation-edit-actions-row .annotation-delete-form button{
  min-height:46px!important;
  margin:0!important;
  white-space:nowrap!important;
}

@media(max-width:860px){
  .annotation-edit-actions-row{
    grid-template-columns:1fr!important;
  }
  .annotation-edit-actions-row .annotation-edit-form textarea,
  .annotation-edit-actions-row .annotation-status-field,
  .annotation-edit-actions-row .annotation-edit-form > button,
  .annotation-edit-actions-row .annotation-delete-form{
    grid-column:1!important;
  }
  .annotation-edit-actions-row .annotation-edit-form > button,
  .annotation-edit-actions-row .annotation-delete-form button{
    width:100%!important;
  }
}


/* Cyberbude AI Asset Hub v0.7.71 - extended AI and visual search */
.advanced-ai-search-form{
  display:grid;
  gap:14px;
}
.advanced-search-main-row{
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(220px,300px) auto;
  gap:12px;
  align-items:end;
}
.advanced-search-filter-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(180px,1fr));
  gap:12px;
  align-items:end;
}
.advanced-search-filter-grid label{
  display:grid;
  gap:5px;
  font-weight:900;
}
.visual-search-info{
  display:grid;
  gap:8px;
}
.visual-search-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:8px 0;
}
.visual-search-badges span{
  display:inline-flex;
  border:1px solid #b9dcfa;
  background:#eef7ff;
  color:#087bdc;
  padding:5px 8px;
  font-size:.74rem;
  font-weight:950;
}
@media(max-width:1100px){
  .advanced-search-filter-grid{
    grid-template-columns:repeat(2,minmax(180px,1fr));
  }
}
@media(max-width:760px){
  .advanced-search-main-row,
  .advanced-search-filter-grid{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.7.72 - analytics dashboard */
.analytics-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(150px,1fr));
  gap:14px;
}
.kpi-card{
  display:grid;
  gap:6px;
}
.kpi-card span{
  color:#344866;
  font-weight:900;
}
.kpi-card strong{
  color:#087bdc;
  font-size:2rem;
  line-height:1;
}
.analytics-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
  margin-top:18px;
}
.analytics-wide{
  grid-column:1 / -1;
}
.compact-table{
  width:100%;
  border-collapse:collapse;
}
.compact-table th,
.compact-table td{
  border-bottom:1px solid #d9e4ef;
  padding:9px 8px;
  text-align:left;
  vertical-align:top;
}
.compact-table th{
  color:#10233f;
  font-weight:950;
}
.analytics-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(90px,1fr));
  gap:10px;
  margin:10px 0 14px;
}
.analytics-mini-grid span{
  border:1px solid #d9e4ef;
  background:#f8fbff;
  padding:10px;
  display:grid;
  gap:4px;
}
.analytics-mini-grid strong{
  color:#087bdc;
  font-size:1.35rem;
}
.analytics-mini-grid small{
  color:#344866;
  font-weight:850;
}
@media(max-width:1100px){
  .analytics-kpis{
    grid-template-columns:repeat(2,minmax(150px,1fr));
  }
  .analytics-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .analytics-kpis,
  .analytics-mini-grid{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.7.73 - analytics pagination */
.analytics-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #d9e4ef;
}
.analytics-pagination-info{
  color:#344866;
  font-weight:900;
  white-space:nowrap;
}
.analytics-pagination-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:flex-end;
}
.analytics-page-btn{
  min-width:38px!important;
  min-height:34px!important;
  padding:6px 10px!important;
}
.analytics-page-btn.is-active{
  background:#087bdc!important;
  color:#fff!important;
  border-color:#087bdc!important;
}
.analytics-page-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.analytics-page-gap{
  display:inline-flex;
  align-items:center;
  padding:0 4px;
  font-weight:950;
  color:#344866;
}
@media(max-width:680px){
  .analytics-pagination{
    align-items:flex-start;
    flex-direction:column;
  }
  .analytics-pagination-buttons{
    justify-content:flex-start;
  }
}


/* Cyberbude AI Asset Hub v0.7.74 - approval status modal */
.approval-status-trigger{
  cursor:pointer!important;
  font-family:inherit!important;
}
.approval-status-trigger:hover,
.approval-status-trigger:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(8,123,220,.18);
  outline:2px solid rgba(8,123,220,.25);
  outline-offset:2px;
}
.modal-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(16,35,63,.45);
}
.modal-overlay[hidden]{
  display:none!important;
}
.modal-card{
  width:min(720px,100%);
  max-height:calc(100vh - 48px);
  overflow:auto;
  background:#fff;
  border:1px solid #d9e4ef;
  box-shadow:0 24px 80px rgba(16,35,63,.22);
  padding:24px;
}
.modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid #d9e4ef;
  padding-bottom:14px;
  margin-bottom:18px;
}
.modal-head h2{
  margin:0;
  color:#087bdc!important;
}
.modal-close{
  appearance:none;
  border:1px solid #d9e4ef;
  background:#fff;
  color:#10233f;
  width:42px;
  height:42px;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.modal-close:hover{
  background:#eef7ff;
  border-color:#087bdc;
}
.approval-status-modal-form{
  display:grid;
  gap:16px;
}
.approval-status-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.approval-status-option{
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid #d9e4ef;
  background:#f8fbff;
  padding:12px;
  font-weight:950;
  cursor:pointer;
}
.approval-status-option input{
  width:18px;
  height:18px;
}
.approval-status-option:has(input:checked){
  border-color:#087bdc;
  background:#eef7ff;
  color:#087bdc;
}
.approval-status-note{
  display:grid;
  gap:8px;
  font-weight:950;
}
.modal-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
  border-top:1px solid #d9e4ef;
  padding-top:16px;
}
@media(max-width:680px){
  .approval-status-options{
    grid-template-columns:1fr;
  }
  .modal-actions{
    justify-content:flex-start;
  }
  .modal-actions .ghost,
  .modal-actions .button{
    width:100%;
  }
}


/* Cyberbude AI Asset Hub v0.7.75 - robust approval status trigger */
.approval-status-trigger{
  position:relative!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-height:34px!important;
  appearance:none!important;
  background:inherit;
}
.modal-overlay.is-open{
  display:grid!important;
}
#approval-status-modal:not([hidden]){
  display:grid!important;
}


/* Cyberbude AI Asset Hub v0.7.76 - ensure approval modal exists and opens */
#approval-status-modal{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
}
#approval-status-modal:not([hidden]){
  display:grid!important;
  place-items:center!important;
}
.approval-status-trigger{
  pointer-events:auto!important;
  user-select:none!important;
}


/* Cyberbude AI Asset Hub v0.7.79 - rights and license management */
.rights-summary-strip{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.rights-badge{
  display:inline-flex;
  align-items:center;
  border:1px solid #b9dcfa;
  background:#eef7ff;
  color:#087bdc;
  padding:7px 10px;
  font-size:.78rem;
  font-weight:950;
}
.rights-warning{
  border-color:#ffb8b8;
  background:#fff0f0;
  color:#e92c3a;
}
.rights-fieldset{
  border:1px solid #d9e4ef;
  padding:12px;
  display:flex;
  flex-wrap:wrap;
  gap:10px 16px;
}
.rights-fieldset legend{
  padding:0 6px;
  color:#087bdc;
  font-weight:950;
}
.rights-checkbox-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
@media(max-width:760px){
  .rights-checkbox-grid{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.7.80 - rights info tooltips */
.label-with-info{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.info-i{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  min-width:18px;
  border-radius:50%;
  background:#087bdc;
  color:#fff;
  font-size:12px;
  font-weight:950;
  line-height:1;
  cursor:help;
  font-family:Arial, sans-serif;
  box-shadow:0 4px 10px rgba(8,123,220,.18);
}
.info-i::after{
  content:attr(data-tooltip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translateX(-50%);
  width:max-content;
  max-width:min(360px, calc(100vw - 48px));
  white-space:normal;
  text-align:left;
  background:#10233f;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  padding:10px 12px;
  font-size:.82rem;
  line-height:1.4;
  font-weight:750;
  box-shadow:0 14px 40px rgba(16,35,63,.25);
  opacity:0;
  pointer-events:none;
  z-index:9999;
}
.info-i::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:calc(100% + 4px);
  transform:translateX(-50%);
  border:6px solid transparent;
  border-top-color:#10233f;
  opacity:0;
  pointer-events:none;
  z-index:10000;
}
.info-i:hover::after,
.info-i:hover::before,
.info-i:focus-visible::after,
.info-i:focus-visible::before{
  opacity:1;
}
.textarea-with-info{
  display:grid!important;
  gap:6px;
}
.rights-fieldset legend .info-i::after{
  left:0;
  transform:none;
}
@media(max-width:760px){
  .info-i::after{
    left:auto;
    right:0;
    transform:none;
  }
}


/* Cyberbude AI Asset Hub v0.7.83 - integrations */
.integration-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(130px,1fr));
  gap:14px;
}
.integrations-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.integration-card ul{
  margin:12px 0 0;
  padding-left:20px;
}
.integration-export-form,
.integration-key-form{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(220px,320px) auto;
  gap:12px;
  align-items:end;
}
.integration-key-created code,
.api-examples code,
.integrations-grid code{
  display:block;
  overflow:auto;
  padding:10px;
  border:1px solid #d9e4ef;
  background:#f8fbff;
  color:#10233f;
}
.api-examples{
  display:grid;
  gap:8px;
  margin-top:14px;
}
.integration-note{
  margin-top:18px;
}
@media(max-width:1000px){
  .integration-kpis,
  .integrations-grid{
    grid-template-columns:1fr;
  }
  .integration-export-form,
  .integration-key-form{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.7.84 - integration API key modal */
.integration-api-key-modal{
  position:fixed!important;
  inset:0!important;
  z-index:100000!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important;
  background:rgba(16,35,63,.48)!important;
}
.integration-api-key-modal[hidden]{
  display:none!important;
}
.integration-api-key-card{
  width:min(720px,100%)!important;
}
.integration-key-modal-body{
  display:grid;
  gap:14px;
}
.integration-key-copy-field{
  display:grid;
  gap:8px;
  font-weight:950;
}
.integration-key-copy-field input{
  width:100%;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size:.95rem;
  border:1px solid #087bdc;
  background:#f8fbff;
  color:#10233f;
  padding:13px 14px;
}
.copy-feedback{
  border:1px solid #b9dcfa;
  background:#eef7ff;
  color:#087bdc;
  padding:10px 12px;
  font-weight:950;
}
.js-integration-key-copy.is-copied{
  background:#087bdc!important;
  color:#fff!important;
}


/* Cyberbude AI Asset Hub v0.7.85 - duplicates and variants */
.duplicates-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(130px,1fr));
  gap:14px;
}
.duplicate-info-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.duplicate-info-grid span{
  display:grid;
  gap:5px;
  border:1px solid #d9e4ef;
  background:#f8fbff;
  padding:12px;
}
.duplicate-groups{
  display:grid;
  gap:18px;
  margin-top:18px;
}
.duplicate-group-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
}
.duplicate-asset-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:14px;
  margin-top:14px;
}
.duplicate-asset-card{
  position:relative;
  display:grid;
  gap:8px;
  border:1px solid #d9e4ef;
  background:#fff;
  padding:10px;
  cursor:pointer;
}
.duplicate-asset-card.is-suggested-master{
  border-color:#087bdc;
  background:#eef7ff;
}
.duplicate-asset-card input[type="radio"]{
  position:absolute;
  top:12px;
  left:12px;
  z-index:2;
}
.duplicate-thumb{
  height:140px;
  background:#f8fbff;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #d9e4ef;
}
.duplicate-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.master-pill{
  display:inline-flex;
  width:max-content;
  border:1px solid #b9dcfa;
  background:#087bdc;
  color:#fff;
  padding:5px 8px;
  font-size:.72rem;
  font-weight:950;
}
.duplicate-actions{
  display:grid;
  grid-template-columns:minmax(160px,240px) minmax(220px,1fr) auto;
  gap:12px;
  align-items:end;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #d9e4ef;
}
.duplicate-actions label{
  display:grid;
  gap:6px;
  font-weight:950;
}
@media(max-width:1100px){
  .duplicates-kpis,
  .duplicate-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .duplicates-kpis,
  .duplicate-info-grid,
  .duplicate-actions{
    grid-template-columns:1fr;
  }
  .duplicate-actions .button{
    width:100%;
  }
}


/* Cyberbude AI Asset Hub v0.7.86 - pre-download rights clearance */
.download-check-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,380px);
  gap:18px;
  align-items:start;
}
.download-check-form{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(220px,auto) auto;
  gap:12px;
  align-items:end;
}
.download-check-form label{
  display:grid;
  gap:6px;
  font-weight:950;
}
.download-check-result{
  margin-top:18px;
  padding:14px;
  border:1px solid #d9e4ef;
  background:#f8fbff;
}
.download-check-result.is-ok{
  border-color:#b9dcfa;
  background:#eef7ff;
}
.download-check-result.is-blocked{
  border-color:#ffb8b8;
  background:#fff0f0;
}
.download-check-list{
  display:grid;
  gap:8px;
  padding-left:22px;
}
.download-check-list li{
  padding:7px 8px;
}
.is-blocked-list li{
  background:#fff0f0;
  color:#d71920;
  font-weight:900;
}
.is-warning-list li{
  background:#fff8e8;
  color:#805500;
  font-weight:850;
}
.is-info-list li{
  background:#eef7ff;
  color:#087bdc;
  font-weight:850;
}
.download-confirm-form{
  margin-top:18px;
  display:grid;
  gap:12px;
}
.download-check-side{
  position:sticky;
  top:20px;
}
@media(max-width:980px){
  .download-check-grid,
  .download-check-form{
    grid-template-columns:1fr;
  }
  .download-check-side{
    position:static;
  }
}


/* Cyberbude AI Asset Hub v0.7.88 - brand guidelines */
.brand-guideline-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:18px;
  margin-top:18px;
}
.brand-guideline-card{
  border-top:4px solid var(--brand-accent,#087bdc)!important;
}
.brand-color-dots{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0;
}
.brand-color-dots span{
  width:28px;
  height:28px;
  border:1px solid #d9e4ef;
  box-shadow:0 4px 12px rgba(16,35,63,.12);
}
.brand-guideline-form{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.brand-guideline-form label{
  display:grid;
  gap:6px;
  font-weight:950;
}
.brand-guideline-form select[multiple]{
  min-height:160px;
}
.brand-guideline-detail-hero{
  border-top:6px solid var(--brand-accent,#087bdc)!important;
}
.brand-guideline-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  gap:18px;
  align-items:start;
  margin-top:18px;
}
.brand-guideline-content{
  display:grid;
  gap:18px;
}
.brand-color-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:12px;
}
.brand-color-card{
  display:grid;
  gap:6px;
  border:1px solid #d9e4ef;
  background:#f8fbff;
  padding:12px;
}
.brand-color-swatch{
  width:100%;
  height:74px;
  border:1px solid #d9e4ef;
}
.brand-dos-donts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.brand-asset-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:14px;
}
.brand-asset-card{
  display:grid;
  gap:10px;
  border:1px solid #d9e4ef;
  background:#fff;
  padding:12px;
}
.brand-asset-thumb{
  height:150px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#f8fbff;
  border:1px solid #d9e4ef;
}
.brand-asset-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.brand-asset-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.brand-guideline-admin{
  display:grid;
  gap:18px;
  position:sticky;
  top:16px;
}
@media(max-width:1200px){
  .brand-guideline-layout{
    grid-template-columns:1fr;
  }
  .brand-guideline-admin{
    position:static;
  }
}
@media(max-width:760px){
  .brand-dos-donts{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.7.89 - CDN / transformation URLs */
.transform-url-box{
  display:grid;
  gap:14px;
}
.transform-url-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.transform-url-grid label{
  display:grid;
  gap:6px;
  font-weight:950;
}
.transform-url-grid input{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size:.86rem;
  background:#f8fbff;
}
@media(max-width:900px){
  .transform-url-grid{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.7.90 - folder chip remove button design */
.folder-chip,
.assigned-folder,
.assigned-folder-chip,
.folder-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid #b9dcfa!important;
  background:#eef7ff!important;
  color:#10233f!important;
  padding:8px 10px!important;
  min-height:38px;
  box-shadow:none!important;
}
.folder-chip form,
.assigned-folder form,
.assigned-folder-chip form,
.folder-pill form{
  display:inline-flex!important;
  margin:0!important;
}
.folder-remove,
.folder-chip-remove,
.assigned-folder button[type="submit"],
.assigned-folder-chip button[type="submit"],
.folder-pill button[type="submit"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  padding:0!important;
  border:2px solid #087bdc!important;
  background:#fff!important;
  color:#087bdc!important;
  font-weight:950!important;
  line-height:1!important;
  border-radius:0!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.folder-remove:hover,
.folder-chip-remove:hover,
.assigned-folder button[type="submit"]:hover,
.assigned-folder-chip button[type="submit"]:hover,
.folder-pill button[type="submit"]:hover{
  background:#087bdc!important;
  color:#fff!important;
  border-color:#087bdc!important;
}
.folder-remove:focus-visible,
.folder-chip-remove:focus-visible,
.assigned-folder button[type="submit"]:focus-visible,
.assigned-folder-chip button[type="submit"]:focus-visible,
.folder-pill button[type="submit"]:focus-visible{
  outline:3px solid rgba(8,123,220,.25)!important;
  outline-offset:2px!important;
}


/* Cyberbude AI Asset Hub v0.7.91 - final folder remove button override */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.cbah-folder-remove-button,
button.cbah-folder-remove-button,
.folder-chip .cbah-folder-remove-button,
.assigned-folder .cbah-folder-remove-button,
.assigned-folder-chip .cbah-folder-remove-button,
.folder-pill .cbah-folder-remove-button,
.folder-remove,
.folder-chip-remove{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 11px!important;
  margin:0!important;
  border:2px solid #087bdc!important;
  border-radius:0!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#087bdc!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.cbah-folder-remove-button span[aria-hidden="true"],
.folder-remove span[aria-hidden="true"],
.folder-chip-remove span[aria-hidden="true"]{
  color:#087bdc!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1!important;
}
.cbah-folder-remove-button:hover,
.cbah-folder-remove-button:focus-visible,
.folder-remove:hover,
.folder-remove:focus-visible,
.folder-chip-remove:hover,
.folder-chip-remove:focus-visible{
  background:#087bdc!important;
  background-color:#087bdc!important;
  color:#ffffff!important;
  border-color:#087bdc!important;
}
.cbah-folder-remove-button:hover span[aria-hidden="true"],
.cbah-folder-remove-button:focus-visible span[aria-hidden="true"],
.folder-remove:hover span[aria-hidden="true"],
.folder-remove:focus-visible span[aria-hidden="true"],
.folder-chip-remove:hover span[aria-hidden="true"],
.folder-chip-remove:focus-visible span[aria-hidden="true"]{
  color:#ffffff!important;
}
.folder-chip,
.assigned-folder,
.assigned-folder-chip,
.folder-pill{
  border:1px solid #b9dcfa!important;
  background:#eef7ff!important;
  color:#10233f!important;
  border-radius:28px!important;
}


/* Cyberbude AI Asset Hub v0.7.92 - folder remove button as full outline button */
button.cbah-folder-remove-button,
.folder-chip button.cbah-folder-remove-button,
.assigned-folder button.cbah-folder-remove-button,
.assigned-folder-chip button.cbah-folder-remove-button,
.folder-pill button.cbah-folder-remove-button,
.asset-folder-chip button.cbah-folder-remove-button,
.asset-folders button.cbah-folder-remove-button{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:116px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 18px!important;
  margin-left:10px!important;
  border:2px solid #087bdc!important;
  border-radius:0!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#087bdc!important;
  font-size:.95rem!important;
  font-weight:950!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
button.cbah-folder-remove-button span,
button.cbah-folder-remove-button .cbah-folder-remove-text{
  color:#087bdc!important;
  font-size:.95rem!important;
  font-weight:950!important;
  line-height:1!important;
}
button.cbah-folder-remove-button:hover,
button.cbah-folder-remove-button:focus-visible{
  background:#087bdc!important;
  background-color:#087bdc!important;
  color:#ffffff!important;
  border-color:#087bdc!important;
}
button.cbah-folder-remove-button:hover span,
button.cbah-folder-remove-button:focus-visible span,
button.cbah-folder-remove-button:hover .cbah-folder-remove-text,
button.cbah-folder-remove-button:focus-visible .cbah-folder-remove-text{
  color:#ffffff!important;
}
.folder-chip,
.assigned-folder,
.assigned-folder-chip,
.folder-pill,
.asset-folder-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:8px 10px 8px 14px!important;
  border:1px solid #b9dcfa!important;
  background:#eef7ff!important;
  color:#10233f!important;
  border-radius:28px!important;
}
.folder-chip form,
.assigned-folder form,
.assigned-folder-chip form,
.folder-pill form,
.asset-folder-chip form{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
}
@media(max-width:760px){
  button.cbah-folder-remove-button{
    min-width:44px!important;
    padding:0 12px!important;
  }
  button.cbah-folder-remove-button .cbah-folder-remove-text{
    display:none!important;
  }
}


/* Cyberbude AI Asset Hub v0.7.93 - clean folder remove outline button */
.folder-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
}
.folder-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  max-width:100%!important;
  padding:8px 10px 8px 14px!important;
  border:1px solid #b9dcfa!important;
  background:#eef7ff!important;
  color:#10233f!important;
  border-radius:28px!important;
  overflow:visible!important;
}
.folder-chip-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  white-space:nowrap!important;
  color:#10233f!important;
  font-weight:950!important;
}
.folder-chip-remove-form{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}
.folder-chip .cbah-folder-remove-button,
button.cbah-folder-remove-button{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 18px!important;
  margin:0!important;
  border:2px solid #087bdc!important;
  border-radius:0!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#087bdc!important;
  font-family:inherit!important;
  font-size:.95rem!important;
  font-weight:950!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.folder-chip .cbah-folder-remove-button span,
button.cbah-folder-remove-button span,
.folder-chip .cbah-folder-remove-button .cbah-folder-remove-text,
button.cbah-folder-remove-button .cbah-folder-remove-text{
  color:#087bdc!important;
  font-size:.95rem!important;
  font-weight:950!important;
  line-height:1!important;
}
.folder-chip .cbah-folder-remove-button:hover,
.folder-chip .cbah-folder-remove-button:focus-visible,
button.cbah-folder-remove-button:hover,
button.cbah-folder-remove-button:focus-visible{
  background:#087bdc!important;
  background-color:#087bdc!important;
  color:#ffffff!important;
  border-color:#087bdc!important;
}
.folder-chip .cbah-folder-remove-button:hover span,
.folder-chip .cbah-folder-remove-button:focus-visible span,
button.cbah-folder-remove-button:hover span,
button.cbah-folder-remove-button:focus-visible span{
  color:#ffffff!important;
}
@media(max-width:760px){
  .folder-chip .cbah-folder-remove-button,
  button.cbah-folder-remove-button{
    min-width:44px!important;
    width:44px!important;
    padding:0!important;
  }
  .folder-chip .cbah-folder-remove-button .cbah-folder-remove-text,
  button.cbah-folder-remove-button .cbah-folder-remove-text{
    display:none!important;
  }
}


/* Cyberbude AI Asset Hub v0.7.94 - definitive folder remove button reset */
.cbah-folder-assignment-list,
.folder-chip-list{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
}
.cbah-folder-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  max-width:100%!important;
  padding:8px 10px 8px 14px!important;
  border:1px solid #b9dcfa!important;
  background:#eef7ff!important;
  color:#10233f!important;
  border-radius:28px!important;
  overflow:visible!important;
}
.cbah-folder-chip-name{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  white-space:nowrap!important;
  color:#10233f!important;
  font-weight:950!important;
}
.cbah-folder-remove-form{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}
.cbah-folder-remove-outline,
.cbah-folder-chip .cbah-folder-remove-outline,
.folder-chip-list .cbah-folder-remove-outline,
button.cbah-folder-remove-outline{
  all:unset!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  min-width:122px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 18px!important;
  margin:0!important;
  border:2px solid #087bdc!important;
  border-radius:0!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#087bdc!important;
  font-family:inherit!important;
  font-size:.95rem!important;
  font-weight:950!important;
  line-height:1!important;
  text-decoration:none!important;
  text-align:center!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.cbah-folder-remove-outline span,
.cbah-folder-remove-outline .cbah-folder-remove-text{
  all:unset!important;
  display:inline!important;
  color:#087bdc!important;
  font-family:inherit!important;
  font-size:.95rem!important;
  font-weight:950!important;
  line-height:1!important;
}
.cbah-folder-remove-outline:hover,
.cbah-folder-remove-outline:focus-visible{
  background:#087bdc!important;
  background-color:#087bdc!important;
  color:#ffffff!important;
  border-color:#087bdc!important;
}
.cbah-folder-remove-outline:hover span,
.cbah-folder-remove-outline:focus-visible span,
.cbah-folder-remove-outline:hover .cbah-folder-remove-text,
.cbah-folder-remove-outline:focus-visible .cbah-folder-remove-text{
  color:#ffffff!important;
}
@media(max-width:760px){
  .cbah-folder-remove-outline{
    min-width:46px!important;
    width:46px!important;
    padding:0!important;
  }
  .cbah-folder-remove-outline .cbah-folder-remove-text{
    display:none!important;
  }
}


/* Cyberbude AI Asset Hub v0.7.95 - force folder remove button to white outline style */
.folder-chip-list .cbah-folder-remove-outline,
.cbah-folder-assignment-list .cbah-folder-remove-outline,
.cbah-folder-chip .cbah-folder-remove-outline,
button.cbah-folder-remove-outline,
button.cbah-folder-remove-outline:hover,
button.cbah-folder-remove-outline:focus,
button.cbah-folder-remove-outline:focus-visible,
button.cbah-folder-remove-outline:active{
  all:unset!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  min-width:122px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 18px!important;
  margin:0!important;
  border:2px solid #087bdc!important;
  border-radius:0!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#087bdc!important;
  font-family:inherit!important;
  font-size:.95rem!important;
  font-weight:950!important;
  line-height:1!important;
  text-decoration:none!important;
  text-align:center!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
button.cbah-folder-remove-outline > span,
button.cbah-folder-remove-outline:hover > span,
button.cbah-folder-remove-outline:focus > span,
button.cbah-folder-remove-outline:focus-visible > span,
button.cbah-folder-remove-outline:active > span,
button.cbah-folder-remove-outline .cbah-folder-remove-text,
button.cbah-folder-remove-outline:hover .cbah-folder-remove-text,
button.cbah-folder-remove-outline:focus .cbah-folder-remove-text,
button.cbah-folder-remove-outline:focus-visible .cbah-folder-remove-text,
button.cbah-folder-remove-outline:active .cbah-folder-remove-text{
  color:#087bdc!important;
  font-family:inherit!important;
  font-size:.95rem!important;
  font-weight:950!important;
  line-height:1!important;
  background:transparent!important;
}
button.cbah-folder-remove-outline:focus-visible{
  outline:3px solid rgba(8,123,220,.25)!important;
  outline-offset:2px!important;
}
.folder-chip-list .folder-chip.cbah-folder-chip,
.folder-chip.cbah-folder-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  max-width:100%!important;
  padding:8px 10px 8px 14px!important;
  border:1px solid #b9dcfa!important;
  background:#eef7ff!important;
  color:#10233f!important;
  border-radius:28px!important;
  overflow:visible!important;
}
.cbah-folder-remove-form{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}
@media(max-width:760px){
  button.cbah-folder-remove-outline,
  button.cbah-folder-remove-outline:hover,
  button.cbah-folder-remove-outline:focus,
  button.cbah-folder-remove-outline:active{
    min-width:46px!important;
    width:46px!important;
    padding:0!important;
  }
  button.cbah-folder-remove-outline .cbah-folder-remove-text{
    display:none!important;
  }
}


/* Cyberbude AI Asset Hub v0.7.96 - folder remove button blue with white readable text */
.folder-chip-list .cbah-folder-remove-outline,
.cbah-folder-chip .cbah-folder-remove-outline,
button.cbah-folder-remove-outline,
button.cbah-folder-remove-outline:hover,
button.cbah-folder-remove-outline:focus,
button.cbah-folder-remove-outline:focus-visible,
button.cbah-folder-remove-outline:active{
  background:#087bdc!important;
  background-color:#087bdc!important;
  color:#ffffff!important;
  border:2px solid #087bdc!important;
}
.folder-chip-list .cbah-folder-remove-outline > span,
.cbah-folder-chip .cbah-folder-remove-outline > span,
button.cbah-folder-remove-outline > span,
button.cbah-folder-remove-outline:hover > span,
button.cbah-folder-remove-outline:focus > span,
button.cbah-folder-remove-outline:focus-visible > span,
button.cbah-folder-remove-outline:active > span,
button.cbah-folder-remove-outline .cbah-folder-remove-text,
button.cbah-folder-remove-outline:hover .cbah-folder-remove-text,
button.cbah-folder-remove-outline:focus .cbah-folder-remove-text,
button.cbah-folder-remove-outline:focus-visible .cbah-folder-remove-text,
button.cbah-folder-remove-outline:active .cbah-folder-remove-text{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}


/* Cyberbude AI Asset Hub v0.7.97 - API docs and webhooks */
.api-docs-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.api-admin-form{
  display:grid;
  gap:12px;
}
.api-admin-form label{
  display:grid;
  gap:6px;
  font-weight:950;
}
.api-scope-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 12px;
}
.api-event-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.api-event-list code,
.api-examples code{
  display:block;
  overflow:auto;
  border:1px solid #d9e4ef;
  background:#f8fbff;
  color:#10233f;
  padding:9px 10px;
}
.webhook-list{
  display:grid;
  gap:14px;
}
.webhook-card{
  border:1px solid #d9e4ef;
  background:#fff;
  padding:14px;
}
@media(max-width:1000px){
  .api-docs-grid,
  .api-scope-grid{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.7.98 - grouped sidebar navigation */
.grouped-sidebar-nav{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}
.nav-group{
  display:block;
}
.nav-group-toggle{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 18px;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:8px 12px;
  border:0;
  background:transparent;
  color:#31405a;
  font:inherit;
  font-weight:950;
  text-align:left;
  cursor:pointer;
}
.nav-group-toggle:hover{
  background:#eef7ff;
  color:#087bdc;
}
.nav-group.is-open > .nav-group-toggle{
  color:#087bdc;
}
.nav-group-caret{
  justify-self:end;
  transition:transform .16s ease;
  color:inherit;
}
.nav-group.is-open > .nav-group-toggle .nav-group-caret{
  transform:rotate(180deg);
}
.nav-subnav{
  display:none;
  padding:2px 0 6px 20px;
}
.nav-group.is-open > .nav-subnav{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.sidebar-nav .nav-subnav a{
  min-height:38px;
  padding:7px 10px 7px 12px;
  font-size:.95rem;
}
.nav-group.has-active > .nav-group-toggle{
  background:#eef7ff;
  color:#087bdc;
}
.nav-group.has-active > .nav-group-toggle::before{
  content:"";
  position:absolute;
}
body.sidebar-collapsed .nav-group-toggle{
  grid-template-columns:1fr;
  justify-items:center;
  padding:8px 6px;
}
body.sidebar-collapsed .nav-group-toggle .nav-label,
body.sidebar-collapsed .nav-group-toggle .nav-group-caret{
  display:none;
}
body.sidebar-collapsed .nav-subnav{
  padding-left:0;
}
body.sidebar-collapsed .nav-subnav a{
  justify-content:center;
}
body.sidebar-collapsed .nav-subnav .nav-label{
  display:none;
}
@media(max-width:980px){
  .nav-subnav{
    padding-left:18px;
  }
}


/* Cyberbude AI Asset Hub v0.7.99 - expanded user help area */
.help-layout{
  align-items:start;
}
.help-toc{
  position:sticky;
  top:18px;
  max-height:calc(100vh - 36px);
  overflow:auto;
}
.help-toc nav{
  display:grid;
  gap:6px;
}
.help-toc a{
  display:block;
  padding:8px 10px;
  border-left:3px solid transparent;
  color:#10233f;
  text-decoration:none;
  font-weight:850;
}
.help-toc a:hover{
  background:#eef7ff;
  border-left-color:#087bdc;
  color:#087bdc;
}
.help-section{
  scroll-margin-top:20px;
}
.help-summary{
  font-size:1.05rem;
  font-weight:850;
  color:#10233f;
  margin:.25rem 0 1rem;
}
.help-subblock{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid #d9e4ef;
}
.help-subblock h3{
  margin:0 0 10px;
  color:#e92c3a;
}
.help-step-list,
.help-example-list,
.help-tip-list{
  display:grid;
  gap:8px;
  margin:0;
  padding-left:1.25rem;
}
.help-example-block{
  background:#f8fbff;
  border:1px solid #d9e4ef;
  padding:14px;
}
.help-tip-block{
  background:#fff9eb;
  border:1px solid #ffd48a;
  padding:14px;
}
@media(max-width:1000px){
  .help-toc{
    position:static;
    max-height:none;
  }
}


/* Cyberbude AI Asset Hub v0.8.03 - readable grouped sidebar labels and direct help link */
.grouped-sidebar-nav .nav-label,
.sidebar-nav .nav-label{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.25!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.grouped-sidebar-nav .nav-group-toggle{
  min-height:46px!important;
  height:auto!important;
  align-items:center!important;
}
.grouped-sidebar-nav .nav-subnav a,
.grouped-sidebar-nav .nav-fixed-link{
  min-height:40px!important;
  height:auto!important;
  align-items:center!important;
}
.grouped-sidebar-nav .nav-group-toggle .nav-label,
.grouped-sidebar-nav .nav-subnav a .nav-label,
.grouped-sidebar-nav .nav-fixed-link .nav-label{
  display:block!important;
  max-width:100%!important;
}
.grouped-sidebar-nav .nav-fixed-link{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:8px!important;
  padding:8px 12px!important;
  color:#31405a!important;
  text-decoration:none!important;
  font-weight:950!important;
}
.grouped-sidebar-nav .nav-fixed-link:hover,
.grouped-sidebar-nav .nav-fixed-link.is-active{
  background:#eef7ff!important;
  color:#087bdc!important;
}
body.sidebar-collapsed .grouped-sidebar-nav .nav-fixed-link{
  grid-template-columns:1fr!important;
  justify-items:center!important;
  padding:8px 6px!important;
}
body.sidebar-collapsed .grouped-sidebar-nav .nav-fixed-link .nav-label{
  display:none!important;
}
@media(max-width:980px){
  .grouped-sidebar-nav .nav-group-toggle,
  .grouped-sidebar-nav .nav-subnav a,
  .grouped-sidebar-nav .nav-fixed-link{
    min-height:44px!important;
  }
}


/* Cyberbude AI Asset Hub v0.8.04 - new AI Asset Hub by cyberbude logo */
.brand-wordmark-logo,
.sidebar-brand img[src*="ai-asset-hub-sidebar-logo"],
.app-brand img[src*="ai-asset-hub-sidebar-logo"],
.brand img[src*="ai-asset-hub-sidebar-logo"],
.logo img[src*="ai-asset-hub-sidebar-logo"]{
  display:block!important;
  width:174px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.sidebar-brand:has(img[src*="ai-asset-hub-sidebar-logo"]) .brand-title,
.sidebar-brand:has(img[src*="ai-asset-hub-sidebar-logo"]) .brand-text,
.app-brand:has(img[src*="ai-asset-hub-sidebar-logo"]) .brand-title,
.app-brand:has(img[src*="ai-asset-hub-sidebar-logo"]) .brand-text,
.brand:has(img[src*="ai-asset-hub-sidebar-logo"]) strong,
.brand:has(img[src*="ai-asset-hub-sidebar-logo"]) span{
  display:none!important;
}
body.sidebar-collapsed .brand-wordmark-logo,
body.sidebar-collapsed img[src*="ai-asset-hub-sidebar-logo"]{
  content:url('/assets/ai-asset-hub-icon.png')!important;
  width:42px!important;
  max-width:42px!important;
  height:auto!important;
}


/* Cyberbude AI Asset Hub v0.8.10 - settings preview cache tab */
.settings-cache-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:16px 0;
}
.settings-cache-grid .stat-card{
  border:1px solid #d9e4ef;
  background:#f8fbff;
  padding:16px;
}
.settings-cache-grid .stat-card strong{
  display:block;
  color:#087bdc;
  font-size:1.4rem;
}
.settings-cache-grid .stat-card span,
.settings-cache-grid .stat-card code{
  display:block;
  margin-top:6px;
  overflow-wrap:anywhere;
}
.settings-cache-grid .stat-card.is-wide{
  grid-column:auto;
}
.settings-cache-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:16px 0;
}
@media(max-width:900px){
  .settings-cache-grid{
    grid-template-columns:1fr;
  }
}


/* Cyberbude AI Asset Hub v0.8.11 - preview cache settings layout refinement */
#settings-preview-cache .settings-cache-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#settings-preview-cache .settings-cache-actions{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
}
#settings-preview-cache .settings-cache-actions button{
  width:auto!important;
  min-width:260px!important;
  max-width:100%!important;
}
.cache-stat-label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.info-i.cache-info-i{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#087bdc;
  color:#fff;
  font-size:12px;
  font-weight:950;
  line-height:1;
  cursor:help;
  flex:0 0 auto;
}
.info-i.cache-info-i .tooltip{
  display:none;
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translateX(-50%);
  min-width:280px;
  max-width:360px;
  padding:10px 12px;
  border-radius:6px;
  background:#10233f;
  color:#fff;
  font-size:.85rem;
  font-weight:700;
  line-height:1.35;
  box-shadow:0 14px 35px rgba(16,35,63,.22);
  z-index:1000;
}
.info-i.cache-info-i:hover .tooltip,
.info-i.cache-info-i:focus .tooltip,
.info-i.cache-info-i:focus-within .tooltip{
  display:block;
}
@media(max-width:900px){
  #settings-preview-cache .settings-cache-grid{
    grid-template-columns:1fr!important;
  }
  #settings-preview-cache .settings-cache-actions{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  #settings-preview-cache .settings-cache-actions button{
    width:100%!important;
    min-width:0!important;
  }
}


/* Cyberbude AI Asset Hub v0.8.12 - preview cache info icon and button alignment fix */
#settings-preview-cache .settings-cache-grid{
  align-items:stretch!important;
}
#settings-preview-cache .settings-cache-grid .stat-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:84px!important;
}
#settings-preview-cache .settings-cache-grid .stat-card span.cache-stat-label{
  margin-top:6px!important;
}
#settings-preview-cache .cache-stat-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  width:auto!important;
  max-width:max-content!important;
  line-height:1.2!important;
}
#settings-preview-cache .cache-stat-label > span:first-child{
  display:inline!important;
  margin:0!important;
}
#settings-preview-cache .info-i.cache-info-i{
  vertical-align:middle!important;
  margin:0!important;
  transform:none!important;
  box-shadow:0 2px 6px rgba(8,123,220,.25);
}
#settings-preview-cache .settings-cache-actions{
  align-items:stretch!important;
}
#settings-preview-cache .settings-cache-actions button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 18px!important;
  line-height:1.1!important;
  box-sizing:border-box!important;
  margin:0!important;
}
#settings-preview-cache .settings-cache-actions .ghost,
#settings-preview-cache .settings-cache-actions .danger{
  min-height:44px!important;
  height:44px!important;
}


/* Cyberbude AI Asset Hub v0.8.13 - final preview cache info icon positioning */
#settings-preview-cache .settings-cache-grid .stat-card{
  overflow:visible!important;
}
#settings-preview-cache .cache-stat-label{
  display:inline-grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:max-content!important;
  align-items:center!important;
  justify-content:start!important;
  justify-items:start!important;
  column-gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:6px!important;
  line-height:18px!important;
  white-space:nowrap!important;
}
#settings-preview-cache .cache-stat-label-text{
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  line-height:18px!important;
}
#settings-preview-cache .info-i.cache-info-i{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#087bdc!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:18px!important;
  text-align:center!important;
  vertical-align:middle!important;
  transform:none!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  box-shadow:0 2px 6px rgba(8,123,220,.25)!important;
  cursor:help!important;
}
#settings-preview-cache .info-i.cache-info-i .tooltip{
  left:0!important;
  bottom:calc(100% + 10px)!important;
  transform:none!important;
}
#settings-preview-cache .info-i.cache-info-i:hover .tooltip,
#settings-preview-cache .info-i.cache-info-i:focus .tooltip,
#settings-preview-cache .info-i.cache-info-i:focus-visible .tooltip{
  display:block!important;
}


/* Cyberbude AI Asset Hub v0.8.14 - readable preview cache tooltip */
#settings-preview-cache .settings-cache-grid,
#settings-preview-cache .settings-cache-grid .stat-card{
  overflow:visible!important;
}
#settings-preview-cache .info-i.cache-info-i .tooltip{
  display:none;
  position:absolute!important;
  left:0!important;
  bottom:calc(100% + 12px)!important;
  transform:none!important;
  width:max-content!important;
  min-width:360px!important;
  max-width:520px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  padding:12px 14px!important;
  border-radius:6px!important;
  background:#10233f!important;
  color:#fff!important;
  font-size:.86rem!important;
  font-weight:800!important;
  line-height:1.4!important;
  text-align:left!important;
  box-shadow:0 16px 42px rgba(16,35,63,.28)!important;
  z-index:99999!important;
  pointer-events:none!important;
}
#settings-preview-cache .info-i.cache-info-i .tooltip::after{
  content:"";
  position:absolute;
  left:8px;
  top:100%;
  border-width:7px 7px 0 7px;
  border-style:solid;
  border-color:#10233f transparent transparent transparent;
}
#settings-preview-cache .info-i.cache-info-i:hover .tooltip,
#settings-preview-cache .info-i.cache-info-i:focus .tooltip,
#settings-preview-cache .info-i.cache-info-i:focus-visible .tooltip{
  display:block!important;
}
@media(max-width:720px){
  #settings-preview-cache .info-i.cache-info-i .tooltip{
    min-width:260px!important;
    max-width:calc(100vw - 48px)!important;
    left:-120px!important;
  }
  #settings-preview-cache .info-i.cache-info-i .tooltip::after{
    left:128px;
  }
}


/* Cyberbude AI Asset Hub v0.8.15 - dynamic AI model catalog hints */
.model-catalog-hint{
  display:block!important;
  margin-top:8px!important;
  color:#5f7188!important;
  font-size:.84rem!important;
  line-height:1.35!important;
}


/* Cyberbude AI Asset Hub v0.8.17 - AI model cost overview modal */
.ai-cost-overview-head{
  align-items:flex-start;
  gap:16px;
}
.ai-cost-overview-button{
  white-space:normal;
  min-width:240px;
}
.ai-cost-modal[hidden]{ display:none!important; }
.ai-cost-modal{
  position:fixed;
  inset:0;
  z-index:100000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.ai-cost-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(16,35,63,.54);
  backdrop-filter:blur(4px);
}
.ai-cost-modal-panel{
  position:relative;
  width:min(1180px, calc(100vw - 40px));
  max-height:calc(100vh - 48px);
  overflow:auto;
  background:#fff;
  border:1px solid #d9e4ef;
  box-shadow:0 28px 90px rgba(16,35,63,.34);
  padding:24px;
}
.ai-cost-modal-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid #d9e4ef;
  padding-bottom:16px;
  margin-bottom:18px;
}
.ai-cost-modal-header h2{
  margin:.15rem 0 .35rem;
  color:#087bdc;
}
.ai-cost-modal-close{
  min-width:44px!important;
  height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:1.6rem!important;
  line-height:1!important;
  padding:0!important;
}
.ai-cost-recommendation-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:18px 0;
}
.ai-cost-recommendation-card{
  border:1px solid #d9e4ef;
  background:#f8fbff;
  padding:16px;
  display:grid;
  gap:8px;
}
.ai-cost-recommendation-card.is-standard{
  border-color:#22b99a;
  background:#f0fffa;
}
.ai-cost-recommendation-card strong{
  color:#e92c3a;
  font-size:1.05rem;
}
.ai-cost-recommendation-card b{
  color:#087bdc;
}
.ai-cost-assumptions{
  background:#fff9eb;
  border:1px solid #ffd48a;
  padding:14px 16px;
  margin:18px 0;
}
.ai-cost-assumptions ul{
  margin:.5rem 0 0;
  padding-left:1.2rem;
}
.ai-cost-table-wrap{
  overflow:auto;
  border:1px solid #d9e4ef;
  margin:18px 0;
}
.ai-cost-table{
  width:100%;
  border-collapse:collapse;
  min-width:920px;
}
.ai-cost-table th,
.ai-cost-table td{
  padding:11px 12px;
  border-bottom:1px solid #d9e4ef;
  text-align:left;
  vertical-align:top;
}
.ai-cost-table th{
  background:#f4f8fc;
  color:#087bdc;
  font-weight:950;
}
.ai-cost-table tbody tr:hover{
  background:#f8fbff;
}
.ai-cost-footnotes{
  display:grid;
  gap:8px;
  color:#31405a;
}
body.modal-open{
  overflow:hidden;
}
@media(max-width:900px){
  .ai-cost-modal{ padding:12px; }
  .ai-cost-modal-panel{
    width:calc(100vw - 24px);
    max-height:calc(100vh - 24px);
    padding:16px;
  }
  .ai-cost-modal-header{
    flex-direction:column;
  }
  .ai-cost-recommendation-grid{
    grid-template-columns:1fr;
  }
  .ai-cost-overview-head{
    flex-direction:column;
  }
  .ai-cost-overview-button{
    width:100%;
    min-width:0;
  }
}

/* Cyberbude AI Asset Hub v0.8.19 - filtered AI pricing catalog */
.ai-cost-catalog-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:14px 16px;border:1px solid var(--border,#dfe5ec);border-radius:12px;background:var(--surface-soft,#f7f9fb)}
.ai-cost-catalog-status>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px}
.ai-cost-catalog-status small{flex-basis:100%}
.ai-new-model-badge{display:inline-flex;margin-left:8px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700;background:#e8f4ff;color:#0b5cab;vertical-align:middle}
.ai-cost-table tr.is-new-model td{background:rgba(232,244,255,.35)}
@media (max-width:760px){.ai-cost-catalog-status{align-items:stretch;flex-direction:column}.ai-cost-catalog-status button{width:100%}}

/* Cyberbude AI Asset Hub v0.8.20 - kompakte, responsive Paginierung */
.explorer-pager{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:4px 22px 18px;
}
.explorer-pager-pages{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  min-width:0;
}
.explorer-pager a,
.explorer-pager-gap{
  flex:0 0 auto;
}
.explorer-pager-control{
  min-width:auto !important;
  gap:6px;
  font-weight:700;
  white-space:nowrap;
}
.explorer-pager-control.is-disabled{
  opacity:.42;
  pointer-events:none;
}
.explorer-pager-gap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:32px;
  color:#737b86;
  font-weight:800;
}
.explorer-pager-info{
  grid-column:1 / -1;
  justify-self:center;
  color:#6a727d;
  font-size:.86rem;
}
@media (max-width:680px){
  .explorer-pager{
    grid-template-columns:1fr 1fr;
    gap:9px;
    padding-inline:14px;
  }
  .explorer-pager-pages{
    grid-column:1 / -1;
    grid-row:1;
    overflow-x:auto;
    justify-content:flex-start;
    padding-bottom:3px;
    scrollbar-width:thin;
  }
  .explorer-pager-control{
    width:100%;
  }
  .explorer-pager-control:last-of-type{
    justify-self:end;
  }
  .explorer-pager-info{
    grid-column:1 / -1;
  }
}
@media (max-width:420px){
  .explorer-pager-control span{display:none}
}


/* Cyberbude AI Asset Hub v0.8.24 - historical AI API cost overview */
.ai-cost-overview-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ai-usage-modal-panel{max-width:1100px}
.ai-usage-filter{display:grid;gap:14px;margin:18px 0}
.ai-usage-presets{display:flex;gap:8px;flex-wrap:wrap}
.ai-usage-presets .is-active{border-color:#f59e0b;background:#fff7ed;color:#9a3412}
.ai-usage-custom-range{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:14px;border:1px solid var(--border,#dbe3ee);border-radius:14px;background:#f8fafc}
.ai-usage-custom-range label{display:grid;gap:6px;min-width:170px}
.ai-usage-custom-range label span{font-size:.86rem;font-weight:700}
.ai-usage-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.ai-usage-state{padding:12px;text-align:center}
.ai-usage-note{margin-top:14px}
@media(max-width:760px){.ai-cost-overview-head{align-items:flex-start}.ai-cost-overview-actions{width:100%;justify-content:stretch}.ai-cost-overview-actions .button,.ai-cost-overview-actions .ghost{flex:1 1 100%}.ai-usage-summary-grid{grid-template-columns:1fr}.ai-usage-custom-range{display:grid;grid-template-columns:1fr}.ai-usage-custom-range label{min-width:0}.ai-usage-custom-range .button{width:100%}.ai-usage-table{min-width:720px}}


/* Cyberbude AI Asset Hub v0.8.25 - active AI model status */
.ai-settings-hero{align-items:flex-start;gap:24px}
.active-ai-status-card{min-width:300px;max-width:430px;padding:16px 18px;border:1px solid var(--border,#dbe3ee);border-radius:16px;background:linear-gradient(135deg,#f8fbff 0%,#fff 100%);box-shadow:0 8px 24px rgba(15,23,42,.06)}
.active-ai-status-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px}
.active-ai-status-label{font-size:.78rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:#64748b}
.active-ai-status-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}
.active-ai-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(100,116,139,.12)}
.active-ai-status-badge.is-ready,.active-ai-status-badge.is-active{color:#15803d;background:#ecfdf3}
.active-ai-status-badge.is-warning{color:#b45309;background:#fff7ed}
.active-ai-status-badge.is-unavailable{color:#b91c1c;background:#fef2f2}
.active-ai-model{display:block;font-size:1.08rem;line-height:1.35;color:#0f172a;overflow-wrap:anywhere}
.active-ai-provider{display:block;margin-top:5px;color:#64748b;font-size:.9rem}
@media(max-width:900px){.ai-settings-hero{display:grid}.active-ai-status-card{min-width:0;max-width:none;width:100%}}

/* Cyberbude AI Asset Hub v0.8.28 - login branding */
.login-shell{max-width:860px;margin:6vh auto 0;padding:0 20px 20px;display:grid;gap:18px;justify-items:center}
.login-brand-panel{width:min(100%,760px);display:flex;align-items:center;justify-content:center;padding:20px 26px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}
.login-brand-image{display:block;max-width:100%;width:min(100%,720px);height:auto;object-fit:contain}
.login-shell .login-card{margin:0;width:min(100%,430px)}
.login-logo-settings-grid{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(280px,.95fr);gap:18px;align-items:start}
.login-logo-preview-card,.login-logo-config-card{padding:18px;border:1px solid var(--border,#dbe3ee);border-radius:18px;background:#fbfcfd}
.login-logo-preview-surface{min-height:168px;display:flex;align-items:center;justify-content:center;padding:16px;background:#fff;border:1px dashed #d7e1ea;border-radius:16px}
.login-logo-preview-image{display:block;max-width:100%;max-height:130px;width:auto;height:auto;object-fit:contain}
.login-logo-reset-row{margin-top:10px}
@media(max-width:900px){.login-shell{margin-top:4vh}.login-brand-panel{padding:16px 18px}.login-logo-settings-grid{grid-template-columns:1fr}}

/* Cyberbude AI Asset Hub v0.8.29 - public demo mode */
.demo-session-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 18px;padding:14px 16px;border:1px solid #bfdbfe;border-radius:16px;background:#eff6ff;color:#1e3a8a}
.demo-session-banner>div:first-child{display:grid;gap:3px}.demo-session-banner strong{font-size:.9rem}.demo-session-banner span{font-size:.82rem}.demo-session-quota{display:flex;gap:8px;flex-wrap:wrap}.demo-session-quota span{padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #dbeafe;font-weight:800}
.is-demo-session .sidebar-nav a[href="/uploads/external"],.is-demo-session .sidebar-nav a[href="/duplicates"],.is-demo-session .sidebar-nav a[href="/analytics"],.is-demo-session .sidebar-nav a[href="/brand-portals"],.is-demo-session .sidebar-nav a[href="/brand-guidelines"],.is-demo-session .sidebar-nav a[href="/creative"],.is-demo-session .sidebar-nav a[href="/webscan"],.is-demo-session .sidebar-nav a[href="/integrations"],.is-demo-session .sidebar-nav a[href="/api-docs"],.is-demo-session .sidebar-nav a[href="/agents"],.is-demo-session .sidebar-nav a[href="/workspace"],.is-demo-session .sidebar-nav a[href="/express"]{display:none!important}
.demo-upload-limits{display:grid;gap:5px}.demo-user-create-form{gap:16px}.demo-account-toggle{padding:14px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.demo-limit-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.demo-credentials-card{border-color:#86efac;background:#f0fdf4}.demo-credentials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.demo-credentials-grid>div{display:grid;gap:5px;padding:12px;border-radius:14px;background:#fff;border:1px solid #bbf7d0}.demo-credentials-grid span{font-size:.78rem;color:#64748b}.demo-credentials-grid strong{overflow-wrap:anywhere}.demo-user-list{display:grid;gap:14px}.demo-user-row{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.demo-user-row.is-demo{border-color:#bfdbfe;background:#fbfdff}.demo-user-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.demo-user-summary>div:first-child{display:grid;gap:4px}.demo-user-summary span{color:#64748b;font-size:.88rem}.demo-user-badges{display:flex;gap:8px;flex-wrap:wrap}.demo-user-usage{display:flex;gap:14px;flex-wrap:wrap;padding:11px 12px;border-radius:12px;background:#f8fafc}.demo-user-usage span{font-size:.82rem;color:#475569}.demo-user-edit-form{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));align-items:end}.demo-user-actions{display:flex;gap:10px;flex-wrap:wrap}.demo-user-actions form{margin:0}.demo-user-actions .danger{margin:0;width:auto}
@media(max-width:760px){.demo-session-banner{display:grid}.demo-credentials-grid{grid-template-columns:1fr}.demo-user-summary{display:grid}.demo-user-actions{display:grid}.demo-user-actions .ghost,.demo-user-actions .danger{width:100%}}


/* Cyberbude AI Asset Hub Public Demo v0.8.31 - read-only settings */
.demo-readonly-banner{display:flex;align-items:flex-start;gap:10px;background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}
.demo-readonly-banner strong{white-space:nowrap}
.demo-readonly-banner span{line-height:1.45}
.is-demo-readonly-settings input:disabled,.is-demo-readonly-settings select:disabled,.is-demo-readonly-settings textarea:disabled{opacity:.76;cursor:not-allowed;background:#f8fafc;color:#475569}
.is-demo-readonly-settings button[type=submit]:disabled{opacity:.5;cursor:not-allowed}
.demo-role-badge{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}
@media(max-width:700px){.demo-readonly-banner{display:grid}.demo-readonly-banner strong{white-space:normal}}

/* Cyberbude AI Asset Hub Public Demo v0.8.32 - complete admin menu + safe previews */
.demo-feature-preview-hero{align-items:flex-start}
.demo-preview-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:800;font-size:.8rem;white-space:nowrap}
.demo-feature-preview-card{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
.demo-feature-preview-icon{width:54px;height:54px;border-radius:16px;background:#eff6ff;display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.demo-preview-points{display:grid;gap:8px;margin-top:16px;color:#475569;font-weight:650}
.demo-readonly-notice{border-color:#bfdbfe;background:#eff6ff}
.demo-user-readonly-role{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff}
.demo-user-readonly-role span{color:#64748b;font-weight:700}
.demo-user-readonly-role strong{font-size:1.05rem;color:#0f172a}
@media(max-width:700px){.demo-feature-preview-card{grid-template-columns:1fr}.demo-feature-preview-icon{width:46px;height:46px}}

/* Cyberbude AI Asset Hub Public Demo v0.8.33 - full read-only showcase */
.demo-readonly-banner{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;margin:0 0 18px;padding:13px 15px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;color:#1e3a8a}
.demo-readonly-banner strong{font-weight:800}.demo-readonly-banner span{color:#334155}
.demo-showcase-readonly form[data-demo-write-disabled="1"]{opacity:.82}
.demo-showcase-readonly .demo-disabled-control{cursor:not-allowed!important;opacity:.62!important}
.demo-showcase-readonly .demo-disabled-action{pointer-events:none!important;opacity:.55!important;cursor:not-allowed!important}


/* Cyberbude AI Asset Hub Public Demo v0.8.34 - full menu for demo admins */
.is-demo-session.is-demo-admin .sidebar-nav a[href="/uploads/external"],
.is-demo-session.is-demo-admin .sidebar-nav a[href="/duplicates"],
.is-demo-session.is-demo-admin .sidebar-nav a[href="/analytics"],
.is-demo-session.is-demo-admin .sidebar-nav a[href="/brand-portals"],
.is-demo-session.is-demo-admin .sidebar-nav a[href="/brand-guidelines"],
.is-demo-session.is-demo-admin .sidebar-nav a[href="/creative"],
.is-demo-session.is-demo-admin .sidebar-nav a[href="/webscan"],
.is-demo-session.is-demo-admin .sidebar-nav a[href="/integrations"],
.is-demo-session.is-demo-admin .sidebar-nav a[href="/api-docs"],
.is-demo-session.is-demo-admin .sidebar-nav a[href="/agents"],
.is-demo-session.is-demo-admin .sidebar-nav a[href="/workspace"],
.is-demo-session.is-demo-admin .sidebar-nav a[href="/express"]{display:flex!important}