/* Manhwa Index v8.2.12 — exact prototype layout, themed to the main site. */
:root{
  --proto-bg:var(--bg,#070a10);
  --proto-panel:var(--surface,#0d1119);
  --proto-panel2:var(--surface2,#111620);
  --proto-panel3:var(--surface3,#151b27);
  --proto-text:var(--text,#f4f6fb);
  --proto-muted:var(--muted,#8f98aa);
  --proto-line:var(--line,rgba(255,255,255,.07));
  --proto-accent:var(--accent,#8b5cf6);
  --proto-accent2:var(--accent2,#a78bfa);
  --proto-green:var(--success,#32d296);
  --proto-danger:var(--danger,#fb7185);
  --proto-warning:var(--warning,#fbbf24);
  --proto-header:var(--mi-header,#090d14);
}

/* Performance guard: work/admin use solid surfaces; do not alter the global member dock. */
#workDetailView *,#adminView *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#workDetailView .reveal,#adminView .reveal{opacity:1!important;transform:none!important;transition:none!important}
#workDetailView img,#adminView img{content-visibility:auto}

/* ========================= WORK DETAIL — mirrors manhwa-work-black-no-logo-preview ========================= */
#workDetailView{
  --prototype-header-h:68px;
  background:var(--proto-bg)!important;
  color:var(--proto-text)!important;
  padding-bottom:112px!important;
}
#workDetailView .prototype-preserved-brand{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
#workDetailView .prototype-detail-header{
  height:var(--prototype-header-h)!important;position:sticky!important;top:0!important;z-index:70!important;
  display:flex!important;align-items:center!important;justify-content:center!important;padding:0 68px!important;
  background:var(--proto-header)!important;border-bottom:1px solid var(--proto-line)!important;box-shadow:none!important;
}
#workDetailView .tappy-detail-back-actions,#workDetailView .tappy-detail-header-actions{position:absolute!important;top:12px!important;display:flex!important;gap:8px!important}
#workDetailView .tappy-detail-back-actions{right:12px!important;left:auto!important}
#workDetailView .tappy-detail-header-actions{left:12px!important;right:auto!important}
#workDetailView .tappy-header-report-button,#workDetailView .tappy-back-button,#workDetailView .tappy-header-icon{
  width:44px!important;height:44px!important;border:1px solid var(--proto-line)!important;border-radius:14px!important;
  background:var(--proto-panel)!important;color:var(--proto-text)!important;display:grid!important;place-items:center!important;box-shadow:none!important;
}
#workDetailView .tappy-header-report-button svg,#workDetailView .tappy-back-button svg,#workDetailView .tappy-header-icon svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#workDetailView #detailAuthBtn{display:none!important}

#workDetailView .prototype-detail-hero{
  position:relative!important;padding:18px 12px 26px!important;min-height:0!important;overflow:hidden!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--proto-panel2) 82%,var(--proto-bg)) 0%,var(--proto-bg) 88%)!important;
}
#workDetailView .series-hero-blur,#workDetailView .series-hero-overlay{display:none!important}
#workDetailView .tappy-cover-frame{width:min(360px,88vw)!important;margin:0 auto!important;position:relative!important;z-index:2!important;max-width:none!important}
#workDetailView .tappy-cover-image{width:100%!important;aspect-ratio:5/7!important;object-fit:cover!important;border-radius:16px!important;border:1px solid color-mix(in srgb,var(--proto-line) 90%,transparent)!important;box-shadow:0 24px 58px rgba(0,0,0,.30)!important;background:var(--proto-panel2)!important}
#workDetailView .tappy-share-button{position:absolute!important;top:12px!important;right:12px!important;z-index:4!important;width:44px!important;height:44px!important;border:1px solid var(--proto-line)!important;border-radius:14px!important;background:var(--proto-panel)!important;color:var(--proto-text)!important;display:grid!important;place-items:center!important;box-shadow:none!important}
#workDetailView .tappy-share-button svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}
#workDetailView .cover-origin-badge{top:12px!important;left:12px!important;right:auto!important}
/* Admin-only controls remain functional but don't change the visitor prototype. */
#workDetailView .work-admin-edit-button{left:12px!important;right:auto!important;bottom:12px!important;top:auto!important;background:var(--proto-panel)!important;border:1px solid var(--proto-line)!important;border-radius:13px!important;box-shadow:none!important}

#workDetailView .prototype-detail-summary{width:min(calc(100% - 22px),980px)!important;margin:16px auto 0!important;padding:0!important;text-align:center!important;background:transparent!important;border:0!important;box-shadow:none!important}
#workDetailView .prototype-detail-summary h1{margin:0 0 10px!important;font-size:clamp(28px,8vw,43px)!important;line-height:1.15!important;font-weight:900!important;color:var(--proto-text)!important}
#workDetailView .tappy-meta-line{display:flex!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;color:color-mix(in srgb,var(--proto-text) 86%,var(--proto-muted))!important;font-size:12px!important}
#workDetailView .tappy-creator-line{margin:9px 0 0!important;color:var(--proto-muted)!important;font-size:12px!important}
#workDetailView .tappy-alt-line{margin:8px auto 0!important;max-width:780px!important;color:var(--proto-muted)!important;font-size:11px!important;line-height:1.8!important}
#workDetailView #workAdminToolbar{width:min(calc(100% - 18px),980px)!important;margin:10px auto 0!important;padding:8px!important;border:1px solid var(--proto-line)!important;border-radius:16px!important;background:var(--proto-panel)!important;box-shadow:none!important}
#workDetailView #workAdminToolbar.hidden{display:none!important}

#workDetailView .prototype-detail-tabs{
  position:sticky!important;top:var(--prototype-header-h)!important;z-index:60!important;width:min(calc(100% - 18px),980px)!important;
  margin:18px auto 0!important;padding:7px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;
  border:1px solid var(--proto-line)!important;border-radius:22px!important;background:var(--proto-panel)!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
}
#workDetailView .prototype-detail-tabs button{min-width:0!important;border:0!important;border-radius:16px!important;background:transparent!important;color:var(--proto-muted)!important;padding:10px 4px 9px!important;font-weight:800!important;font-size:11px!important;display:grid!important;gap:5px!important;place-items:center!important;box-shadow:none!important}
#workDetailView .prototype-detail-tabs button.active{background:var(--proto-panel3)!important;color:var(--proto-text)!important}
#workDetailView .prototype-detail-tabs .tab-icon{display:grid!important;place-items:center!important}
#workDetailView .prototype-detail-tabs .tab-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}

#workDetailView .prototype-detail-content{width:min(calc(100% - 18px),980px)!important;margin:16px auto 0!important;padding:0!important;display:block!important;background:transparent!important}
#workDetailView .tappy-detail-main{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
#workDetailView .tappy-detail-pane{display:none!important;margin:0!important;padding:0!important}
#workDetailView .tappy-detail-pane.active{display:block!important}
#workDetailView .prototype-story-shell,#workDetailView .prototype-info-shell{display:grid!important;gap:11px!important}
#workDetailView .prototype-section-kicker,#workDetailView .prototype-info-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:12px!important;padding:4px 2px 12px!important;background:transparent!important;border:0!important;box-shadow:none!important}
#workDetailView .prototype-section-kicker h2,#workDetailView .prototype-info-head h2{margin:0!important;font-size:20px!important;font-weight:900!important;color:var(--proto-text)!important}
#workDetailView .prototype-section-kicker p,#workDetailView .prototype-info-head p{margin:3px 0 0!important;color:var(--proto-muted)!important;font-size:10px!important}

#workDetailView .prototype-story-card,#workDetailView .prototype-info-card,#workDetailView .work-announcement-dashboard,#workDetailView .work-comments-dashboard{
  border:1px solid var(--proto-line)!important;background:var(--proto-panel)!important;border-radius:20px!important;padding:15px!important;margin:0 0 11px!important;box-shadow:0 10px 26px rgba(0,0,0,.10)!important;
}
#workDetailView .overview-panel-head,#workDetailView .modern-section-head,#workDetailView .prototype-card-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 10px!important;padding:0!important;border:0!important;background:transparent!important}
#workDetailView .prototype-card-title h3,#workDetailView .overview-panel-head h3,#workDetailView .modern-section-head h3{margin:0!important;font-size:14px!important;font-weight:900!important;color:var(--proto-text)!important}
#workDetailView .prototype-card-title span,#workDetailView .overview-panel-head span,#workDetailView .modern-section-head span{font-size:10px!important;color:var(--proto-muted)!important}
#workDetailView .series-synopsis{color:color-mix(in srgb,var(--proto-text) 92%,var(--proto-muted))!important;font-size:13px!important;line-height:2!important;margin:10px 0 0!important}
#workDetailView .modern-review-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
#workDetailView .review-card,#workDetailView .editor-note,#workDetailView .comments-compose-panel,#workDetailView .comments-feed-panel,#workDetailView .work-announcement-card,#workDetailView .announcement-empty-state{border:1px solid var(--proto-line)!important;background:var(--proto-panel2)!important;border-radius:15px!important;padding:12px!important;box-shadow:none!important}
#workDetailView .modern-collection-links,#workDetailView .modern-series-tags,#workDetailView .prototype-meta-tags{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
#workDetailView .modern-collection-links a,#workDetailView .series-tags>*{border:1px solid var(--proto-line)!important;background:var(--proto-panel2)!important;border-radius:999px!important;padding:8px 10px!important;color:var(--proto-text)!important;font-size:10.5px!important;box-shadow:none!important}
#workDetailView .modern-gallery-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
#workDetailView .modern-gallery-grid img{width:100%!important;aspect-ratio:1.45!important;object-fit:cover!important;border-radius:14px!important;border:1px solid var(--proto-line)!important;box-shadow:none!important}
#workDetailView .modern-gallery-empty{color:var(--proto-muted)!important}

#workDetailView .prototype-official-link{flex:0 0 auto!important;text-decoration:none!important;color:var(--proto-text)!important;background:var(--proto-panel2)!important;border:1px solid var(--proto-line)!important;border-radius:13px!important;padding:10px 12px!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important}
#workDetailView .prototype-quick-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:9px!important;margin-bottom:12px!important}
#workDetailView .prototype-quick-card{border:1px solid var(--proto-line)!important;background:var(--proto-panel2)!important;border-radius:17px!important;padding:13px 10px!important;text-align:center!important;box-shadow:none!important}
#workDetailView .prototype-quick-card small{display:block!important;color:var(--proto-muted)!important;font-size:10px!important;margin-bottom:4px!important}
#workDetailView .prototype-quick-card strong{display:block!important;font-size:17px!important;line-height:1.3!important;color:var(--proto-text)!important}
#workDetailView .prototype-quick-card .status-value{color:var(--proto-green)!important}
#workDetailView .prototype-alt-box{display:block!important;border:1px solid var(--proto-line)!important;background:var(--proto-panel2)!important;border-radius:15px!important;padding:12px 13px!important;color:var(--proto-text)!important;font-size:12px!important;line-height:1.9!important;overflow-wrap:anywhere!important}
#workDetailView .prototype-people-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
#workDetailView .prototype-person,#workDetailView .prototype-publish-item{min-width:0!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;border:1px solid var(--proto-line)!important;border-radius:15px!important;background:var(--proto-panel2)!important;padding:10px!important;box-shadow:none!important;min-height:0!important}
#workDetailView .prototype-person .unified-detail-icon,#workDetailView .prototype-publish-item .unified-detail-icon{width:40px!important;height:40px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--proto-accent) 10%,var(--proto-panel2))!important;border:1px solid color-mix(in srgb,var(--proto-accent) 20%,var(--proto-line))!important;color:var(--proto-accent2)!important}
#workDetailView .prototype-person small,#workDetailView .prototype-publish-item small{display:block!important;color:var(--proto-muted)!important;font-size:9.5px!important;margin-bottom:3px!important}
#workDetailView .prototype-person strong,#workDetailView .prototype-publish-item strong{display:block!important;font-size:12px!important;line-height:1.5!important;color:var(--proto-text)!important;overflow-wrap:anywhere!important}
#workDetailView .prototype-publish-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
#workDetailView .prototype-publish-item::before{display:none!important}
#workDetailView .prototype-meta-card{order:0!important}#workDetailView .prototype-people-card{order:1!important}#workDetailView .prototype-publication-card{order:2!important}
#workDetailView .announcement-dashboard-layout,#workDetailView .comments-desktop-layout{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
#workDetailView .comments-rating-summary,#workDetailView .comments-rating-bars{background:var(--proto-panel2)!important;border-color:var(--proto-line)!important;box-shadow:none!important}
#workDetailView .tappy-hidden-support{display:none!important}
#workDetailView .tappy-bottom-cta{background:var(--proto-header)!important;border-top:1px solid var(--proto-line)!important;box-shadow:none!important}

/* ========================= ADMIN — mirrors manhwa-admin-import-review-kakao-preview ========================= */
#adminView{background:var(--proto-bg)!important;color:var(--proto-text)!important;padding:0 0 92px!important;min-height:100vh!important}
#adminView .prototype-admin-topbar{height:64px!important;position:sticky!important;top:0!important;z-index:75!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 12px!important;background:var(--proto-header)!important;border-bottom:1px solid var(--proto-line)!important}
#adminView .prototype-admin-page-title{font-size:15px!important;font-weight:900!important;color:var(--proto-text)!important}
#adminView .prototype-admin-top-actions{display:flex!important;gap:8px!important}
#adminView .prototype-admin-icon-btn{width:42px!important;height:42px!important;border-radius:13px!important;border:1px solid var(--proto-line)!important;background:var(--proto-panel)!important;color:var(--proto-text)!important;display:grid!important;place-items:center!important;box-shadow:none!important}
#adminView .prototype-admin-icon-btn svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#adminView .prototype-admin-mobile-nav{display:none}
#adminView .prototype-admin-layout{width:min(1220px,100%)!important;margin:auto!important;display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:14px!important;padding:14px!important}
#adminView .prototype-admin-sidebar{position:sticky!important;top:78px!important;align-self:start!important;background:var(--proto-panel)!important;border:1px solid var(--proto-line)!important;border-radius:20px!important;padding:10px!important;box-shadow:0 10px 26px rgba(0,0,0,.10)!important}
#adminView .prototype-admin-nav-label{font-size:9px!important;color:var(--proto-muted)!important;padding:8px 10px 5px!important}
#adminView .prototype-admin-nav-btn{width:100%!important;border:0!important;background:transparent!important;color:var(--proto-muted)!important;padding:11px 12px!important;border-radius:13px!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:right!important;font-weight:800!important;font-size:12px!important;box-shadow:none!important}
#adminView .prototype-admin-nav-btn svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
#adminView .prototype-admin-nav-btn.active{background:var(--proto-panel3)!important;color:var(--proto-text)!important}
#adminView .prototype-admin-main{min-width:0!important}
#adminView .prototype-admin-home-panel{display:none!important}
#adminView .prototype-admin-home-panel.active{display:block!important}
#adminView .prototype-admin-hero-row{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;padding:2px!important;background:transparent!important;border:0!important;box-shadow:none!important}
#adminView .prototype-admin-hero-row h1,#adminView .prototype-admin-hero-row h2{margin:0!important;font-size:25px!important;font-weight:900!important;color:var(--proto-text)!important}
#adminView .prototype-admin-hero-row p{margin:4px 0 0!important;color:var(--proto-muted)!important;font-size:10px!important}
#adminView .admin-dashboard{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:9px!important;margin:0 0 12px!important}
#adminView .admin-dashboard article{background:var(--proto-panel)!important;border:1px solid var(--proto-line)!important;border-radius:15px!important;box-shadow:none!important}
#adminView #openUnifiedAdminShortcut{background:var(--proto-panel)!important;border:1px solid var(--proto-line)!important;border-radius:18px!important;box-shadow:none!important}
#adminView .prototype-admin-import-header{margin-bottom:12px!important}
#adminView .prototype-admin-import-header.hidden{display:none!important}
#adminView .prototype-admin-import-tabs{display:flex!important;gap:7px!important;overflow:auto!important;scrollbar-width:none!important}
#adminView .prototype-admin-import-tabs::-webkit-scrollbar{display:none}
#adminView .prototype-admin-import-tab{flex:0 0 auto!important;border:1px solid var(--proto-line)!important;background:var(--proto-panel)!important;color:var(--proto-muted)!important;border-radius:12px!important;padding:9px 12px!important;font-size:10px!important;font-weight:850!important;box-shadow:none!important}
#adminView .prototype-admin-import-tab.active{background:var(--proto-panel3)!important;color:var(--proto-text)!important}
#adminView .prototype-admin-route-helper{display:none!important}
#adminView .admin-panel{background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important}
#adminView .admin-panel:not(.active){display:none!important}
#adminView .admin-panel.active{display:block!important}
#adminView .unified-card,#adminView .mu-import-card,#adminView .mangalek-import-card,#adminView .editor-shell,#adminView .admin-recommendations-list-shell,#adminView .reports-admin-shell,#adminView .collection-admin-layout,#adminView .manager-toolbar,#adminView .admin-recommendations-toolbar,#adminView .mangadex-admin-search,#adminView .mu-import-shell,#adminView .mangalek-import-shell{
  background:var(--proto-panel)!important;border:1px solid var(--proto-line)!important;border-radius:20px!important;box-shadow:none!important;color:var(--proto-text)!important;
}
#adminView input,#adminView select,#adminView textarea{background:var(--proto-panel2)!important;border:1px solid var(--proto-line)!important;color:var(--proto-text)!important;border-radius:13px!important;box-shadow:none!important}
#adminView input::placeholder,#adminView textarea::placeholder{color:color-mix(in srgb,var(--proto-muted) 72%,transparent)!important}
#adminView button{box-shadow:none!important}
#adminView .ink-button,#adminView .primary-button{border-radius:13px!important}
#adminView .secondary-button,#adminView .line-button{background:var(--proto-panel2)!important;border:1px solid var(--proto-line)!important;color:var(--proto-text)!important;border-radius:13px!important}
#adminView .import-result-card,#adminView .mu-import-result,#adminView .mangalek-result-item,#adminView .work-manager-row,#adminView .manage-collection-card,#adminView .admin-report-card,#adminView .unified-result-item,#adminView .stable-direct-resolver,#adminView .unified-options,#adminView .unified-diagnostics,#adminView .unified-toolbar,#adminView .mu-import-actions,#adminView .mangalek-options,#adminView .mangalek-results-toolbar{
  background:var(--proto-panel2)!important;border-color:var(--proto-line)!important;box-shadow:none!important;border-radius:15px!important;
}
#adminView .inline-status{background:var(--proto-panel2)!important;border:1px solid var(--proto-line)!important;color:var(--proto-muted)!important;border-radius:13px!important;box-shadow:none!important}

/* Main-site harmony: no layout change to the global bottom dock. */
body:has(#adminView.active) .site-header{display:none!important}

@media(max-width:850px){
  #adminView .prototype-admin-layout{grid-template-columns:1fr!important;padding:10px!important}
  #adminView .prototype-admin-sidebar{display:none!important}
  #adminView .prototype-admin-mobile-nav{display:flex!important;position:sticky!important;top:64px!important;z-index:65!important;gap:6px!important;overflow:auto!important;padding:8px 10px!important;background:var(--proto-header)!important;border-bottom:1px solid var(--proto-line)!important;scrollbar-width:none!important}
  #adminView .prototype-admin-mobile-nav::-webkit-scrollbar{display:none}
  #adminView .prototype-admin-mobile-nav button{flex:0 0 auto!important;border:1px solid var(--proto-line)!important;background:var(--proto-panel)!important;color:var(--proto-muted)!important;border-radius:12px!important;padding:9px 11px!important;font-size:10px!important;font-weight:800!important;box-shadow:none!important}
  #adminView .prototype-admin-mobile-nav button.active{background:var(--proto-panel3)!important;color:var(--proto-text)!important}
  #adminView .admin-dashboard{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:620px){
  #workDetailView .prototype-people-grid{grid-template-columns:1fr!important}
  #workDetailView .prototype-publish-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  #workDetailView .modern-review-grid{grid-template-columns:1fr!important}
  #workDetailView .modern-gallery-grid{grid-template-columns:1fr 1fr!important}
  #workDetailView .prototype-quick-card{padding:12px 6px!important}
  #workDetailView .prototype-quick-card strong{font-size:15px!important}
}
@media(max-width:390px){#workDetailView .prototype-publish-grid{grid-template-columns:1fr!important}}
#workDetailView .prototype-data-only{display:none!important}
#adminView .prototype-kakao-pane.hidden{display:none!important}
#adminView .prototype-kakao-pane{display:block!important}
#adminView .prototype-kakao-card{background:var(--proto-panel)!important;border:1px solid var(--proto-line)!important;border-radius:20px!important;padding:14px!important;box-shadow:none!important}
#adminView .prototype-kakao-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#adminView .prototype-kakao-head h2{margin:0;font-size:14px;font-weight:900;color:var(--proto-text)}
#adminView .prototype-kakao-head p{margin:4px 0 0;color:var(--proto-muted);font-size:10px}
#adminView .prototype-kakao-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}
#adminView .prototype-kakao-stats article{border:1px solid var(--proto-line);background:var(--proto-panel2);border-radius:15px;padding:12px}
#adminView .prototype-kakao-stats small{display:block;color:var(--proto-muted);font-size:8.5px}
#adminView .prototype-kakao-stats strong{display:block;margin-top:4px;font-size:18px;color:var(--proto-text)}
#adminView .prototype-kakao-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;padding:10px 11px;border:1px solid var(--proto-line);border-radius:13px;background:var(--proto-panel2);font-size:9.5px;color:var(--proto-muted)}
#adminView #prototypeKakaoActionHost{display:flex;justify-content:flex-start}
#adminView #prototypeKakaoActionHost #kakaoSyncNow{min-height:40px;border-radius:13px!important;padding:9px 13px!important;border:1px solid color-mix(in srgb,var(--proto-accent) 25%,var(--proto-line))!important;background:color-mix(in srgb,var(--proto-accent) 16%,var(--proto-panel2))!important;color:var(--proto-text)!important;font-weight:900!important}
#adminView .prototype-advanced-sources{margin-top:12px;border:1px solid var(--proto-line);background:var(--proto-panel);border-radius:16px;padding:10px}
#adminView .prototype-advanced-sources summary{cursor:pointer;color:var(--proto-muted);font-size:10px;font-weight:800}
#adminView .prototype-advanced-source-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
#adminView .prototype-advanced-source-buttons button{border:1px solid var(--proto-line)!important;background:var(--proto-panel2)!important;color:var(--proto-text)!important;border-radius:12px!important;padding:8px 10px!important;font-size:9.5px!important}
@media(max-width:620px){#adminView .prototype-kakao-stats{grid-template-columns:repeat(3,1fr)}}
#adminView #unifiedPanel .unified-import-shell,#adminView #unifiedPanel .unified-card{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
#adminView .prototype-exact-search-card{background:var(--proto-panel)!important;border:1px solid var(--proto-line)!important;border-radius:20px!important;padding:14px!important;box-shadow:0 10px 26px rgba(0,0,0,.10)!important;margin-bottom:12px!important}
#adminView .prototype-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#adminView .prototype-card-head h2{margin:0;font-size:14px;font-weight:900;color:var(--proto-text)}
#adminView .prototype-card-head span{color:var(--proto-muted);font-size:9.5px}
#adminView .prototype-search-grid{display:grid!important;grid-template-columns:150px minmax(0,1fr) 112px!important;gap:8px!important;margin:0!important}
#adminView .prototype-search-grid select,#adminView .prototype-search-grid input{width:100%!important;min-width:0!important;border:1px solid var(--proto-line)!important;background:var(--proto-panel2)!important;color:var(--proto-text)!important;border-radius:13px!important;padding:10px 11px!important;font-size:11px!important;outline:none!important}
#adminView .prototype-search-grid button{min-height:40px!important;border-radius:13px!important;font-size:10.5px!important;font-weight:900!important}
#adminView .prototype-search-help{display:flex;align-items:center;gap:7px;margin-top:9px;color:var(--proto-muted);font-size:9px}
#adminView .prototype-search-statusline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;padding:10px 11px;border:1px solid var(--proto-line);border-radius:13px;background:var(--proto-panel2);font-size:9.5px;color:var(--proto-muted)}
#adminView .prototype-results-host{display:grid;gap:9px;margin-top:12px}
#adminView .prototype-results-host .unified-progress{margin:0!important}
#adminView .prototype-results-host .unified-toolbar{margin:0!important;background:var(--proto-panel2)!important;border:1px solid var(--proto-line)!important;border-radius:13px!important;padding:9px!important}
#adminView .prototype-results-host .unified-result-list{display:grid!important;gap:9px!important;margin:0!important}
#adminView .prototype-results-host .unified-result-item{padding:10px!important;border:1px solid var(--proto-line)!important;border-radius:16px!important;background:var(--proto-panel2)!important;box-shadow:none!important}
#adminView .prototype-publish-actions{display:flex;justify-content:flex-end;margin-top:2px}
#adminView .prototype-bulk-tools{margin-top:12px;border:1px solid var(--proto-line);background:var(--proto-panel);border-radius:16px;padding:10px}
#adminView .prototype-bulk-tools>summary{cursor:pointer;color:var(--proto-muted);font-size:10px;font-weight:800}
#adminView .prototype-bulk-tools-body{display:grid;gap:10px;margin-top:10px}
#adminView .prototype-bulk-tools .unified-head{margin:0!important}
#adminView .prototype-bulk-tools #unifiedSearchForm{display:none!important}
@media(max-width:620px){
  #adminView .prototype-search-grid{grid-template-columns:1fr 92px!important}
  #adminView .prototype-search-grid select{grid-column:1/-1!important;grid-row:1!important}
  #adminView .prototype-search-grid input{grid-column:1!important;grid-row:2!important}
  #adminView .prototype-search-grid button{grid-column:2!important;grid-row:2!important}
}
#adminView #prototypeUnifiedResultsHost:has(#unifiedResults:empty) .unified-toolbar,
#adminView #prototypeUnifiedResultsHost:has(#unifiedResults:empty) .prototype-publish-actions,
#adminView #prototypeUnifiedResultsHost:has(#unifiedResults:empty) .unified-progress{display:none!important}
/* Explicit light-mode mapping so the prototype follows the same theme switch as the home page. */
body.light #workDetailView,body.light #adminView{
  --proto-bg:#f6f7fa;
  --proto-panel:#ffffff;
  --proto-panel2:#f1f3f7;
  --proto-panel3:#e8ebf1;
  --proto-text:#151923;
  --proto-muted:#6f7888;
  --proto-line:rgba(19,25,35,.09);
  --proto-accent:#7c3aed;
  --proto-accent2:#8b5cf6;
  --proto-green:#159b6b;
  --proto-danger:#e44c64;
  --proto-warning:#b77906;
  --proto-header:#ffffff;
}