/* Shared admin visual layer. It intentionally changes presentation only. */
:root{
  --bg:#f7f5f0;
  --surface:#fffefa;
  --text:#15223b;
  --muted:#758096;
  --line:#e3e7ed;
  --brand:#082d67;
  --brand-soft:#eef4fc;
  --orange:#d98a3d;
  --success:#3e9b58;
  --shadow:0 10px 30px rgba(17,37,70,.06);
  --radius:18px;
}

body{background:radial-gradient(circle at 82% -10%,rgba(213,226,244,.62),transparent 32%),var(--bg);}
.card,.section,.desktop-card{border-color:var(--line);background:var(--surface);box-shadow:var(--shadow);}
.card,.section{border-radius:var(--radius);}
.primary,.workbench-new{background:linear-gradient(135deg,#0a3678,#082b61);box-shadow:0 8px 16px rgba(8,45,103,.16);}
.primary:hover,.workbench-new:hover{background:#0c3d86;}
.secondary,.chip,.load-more,.control,.prompt,.input-row,.desktop-compose textarea,.compose-actions select{border-color:#dce3ec;background:#fff;}
.secondary:hover,.chip:hover,.load-more:hover{border-color:#a7bfdf;background:#f5f8fd;}
.tabs{margin-top:14px;grid-template-columns:repeat(4,minmax(0,1fr));}
.tabs a{min-height:48px;background:#edf2f8;border-color:#dce4ed;color:#66758d;}
.tabs a.active{background:var(--brand);border-color:var(--brand);box-shadow:0 7px 16px rgba(8,45,103,.16);}
.hero{background:linear-gradient(135deg,#092b60,#0d3c82);box-shadow:0 16px 34px rgba(8,45,103,.14);}
.metric{border-color:rgba(255,255,255,.16);}
.section-head h2,.panel-head h1,.panel-head h2{letter-spacing:.01em;}
.list-row,.conversation-item,.monitor-item,.day-card,.row{border-color:var(--line);}
.list-row:hover,.conversation-item:hover{background:#f8fbff;}
.row-icon,.monitor-badge,.summary-item.insight{background:var(--brand-soft);color:var(--brand);}
.new-chat{border:1px solid transparent;background:linear-gradient(135deg,#0a3678,#082b61);box-shadow:0 10px 20px rgba(8,45,103,.14);}
.desktop-entry{border-color:#b8cae3;background:#f3f7fd;color:var(--brand);box-shadow:0 6px 16px rgba(17,57,111,.05);}
.desktop-entry:hover{border-color:#7599cc;background:#eaf2fd;}
.view-back{border-radius:10px;}
.upload{border-color:#b9cbe3;background:#f4f8fd;}
.result-card{box-shadow:var(--shadow);}
.user-message{background:linear-gradient(135deg,#0a3678,#082b61);}
.task,.global-task{border-color:#dce4ed;background:rgba(255,255,253,.97);box-shadow:0 14px 30px rgba(17,37,70,.1);}
.config-sheet{border-color:#dce4ed;background:#fbfcfe;}
.pipeline-alert{border-color:#f0d4a8;box-shadow:0 10px 24px rgba(159,96,25,.08);}

/* Desktop image workbench. */
.desktop-app{max-width:1600px!important;gap:16px!important;padding:22px!important;background:transparent!important;}
.desktop-card{border-radius:18px!important;box-shadow:0 10px 28px rgba(17,37,70,.055)!important;}
.workbench-brand{padding:8px 5px!important;font-size:22px!important;letter-spacing:.02em;}
.workbench-brand i{background:linear-gradient(135deg,#0c3d86,#082b61)!important;box-shadow:0 5px 12px rgba(8,45,103,.18);}
.history-panel{padding:15px!important;}
.conversation-item{padding:11px 8px!important;border-radius:11px;transition:background .16s ease,border-color .16s ease;}
.conversation-item.active{border-color:#9db9e4!important;background:#edf4ff!important;box-shadow:inset 3px 0 0 var(--brand);}
.conversation-item img{width:48px!important;height:48px!important;border-radius:10px!important;}
.desktop-center{border-color:#e0e6ef!important;}
.conversation-flow{padding:20px 26px!important;overflow-y:auto!important;overscroll-behavior:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;background:linear-gradient(180deg,rgba(248,251,255,.68),transparent 28%);}
.desktop-bubble{border-color:#dce8f8!important;background:#eef5ff!important;box-shadow:0 5px 12px rgba(33,77,136,.045);}
.image-result{border-radius:15px!important;box-shadow:0 8px 18px rgba(17,37,70,.055)!important;}
.image-result.selected{border-color:#3979e6!important;box-shadow:0 0 0 3px rgba(57,121,230,.1)!important;}
.image-result img{height:auto!important;object-fit:contain!important;content-visibility:auto;contain-intrinsic-size:360px 203px;}
.desktop-compose{border-top:1px solid var(--line);background:#fffefa;border-radius:0 0 18px 18px;}
.desktop-compose textarea{border-radius:12px!important;}
.compose-actions{padding-top:2px;}
.compose-actions select{border-radius:10px!important;}
.source-panel,.prompt-panel,.task-panel{padding:15px!important;}
.source-canvas-wrap{border:1px solid #dce4ed;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);}
.source-tools{padding-top:2px;}
.source-tools button.active{background:var(--brand)!important;border-color:var(--brand)!important;box-shadow:0 6px 13px rgba(8,45,103,.16);}
.optimized-copy{border-color:#dce5f2!important;background:linear-gradient(135deg,#f7f9ff,#f2f6fd)!important;color:#44536d!important;}
.desktop-task{border-color:#dce4ed!important;background:#fbfdff;}

/* Article detail adopts the same neutral admin theme without altering its layout. */
body.article-detail-page{background:radial-gradient(circle at 80% -5%,rgba(210,226,246,.72),transparent 34%),var(--bg)!important;}
body.article-detail-page .back{border:1px solid #dce4ed!important;border-radius:12px!important;color:var(--brand)!important;background:#fff!important;}
body.article-detail-page .hero{background:linear-gradient(135deg,#092b60,#0d3c82)!important;box-shadow:0 16px 34px rgba(8,45,103,.14)!important;}
body.article-detail-page .section{border-color:var(--line)!important;background:var(--surface)!important;box-shadow:var(--shadow)!important;}
body.article-detail-page .tag{background:var(--brand-soft)!important;color:var(--brand)!important;}
body.article-detail-page .metric,body.article-detail-page .data-card{border:1px solid #e4eaf2!important;background:#f6f9fd!important;}
body.article-detail-page .chart-wrap{background:linear-gradient(145deg,#0a2c62,#114688)!important;}
body.article-detail-page .axis{fill:rgba(255,255,255,.68)!important;}
body.article-detail-page .grid{stroke:rgba(255,255,255,.17)!important;}
body.article-detail-page .line{stroke:var(--brand)!important;}
body.article-detail-page .point{fill:var(--brand)!important;}
body.article-detail-page .trend-toolbar{background:#edf2f8!important;}
body.article-detail-page .trend-toolbar button.active{background:var(--brand)!important;color:#fff!important;box-shadow:0 4px 9px rgba(8,45,103,.15)!important;}
body.article-detail-page .article-link{border-radius:12px!important;background:var(--brand)!important;box-shadow:0 8px 16px rgba(8,45,103,.15)!important;}

@media(max-width:850px){
  .desktop-app{padding:12px!important;gap:12px!important;}
  .desktop-card{border-radius:15px!important;}
  .conversation-flow{padding:16px!important;}
}

@media(max-width:560px){
  body{background:var(--bg);}
  .tabs{margin-top:10px;}
  .image-entry-grid{gap:10px;}
  .new-chat,.desktop-entry{border-radius:15px;min-height:82px;}
  .card,.section{border-radius:16px;}
}

@media(min-width:851px){
  html.desktop-workbench-page,
  body.desktop-workbench-page{height:100%;overflow:hidden;}
  body.desktop-workbench-page .desktop-app{height:100dvh;min-height:0!important;overflow:hidden;}
  body.desktop-workbench-page .desktop-sidebar,
  body.desktop-workbench-page .desktop-center,
  body.desktop-workbench-page .desktop-right{height:100%;min-height:0!important;max-height:100%;overflow:hidden!important;}
  body.desktop-workbench-page .history-panel{min-height:0;overflow:hidden!important;}
  body.desktop-workbench-page #desktopThreads{overflow:hidden;}
  body.desktop-workbench-page .conversation-flow{min-height:0;flex:1 1 auto;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#9db5d5 transparent;}
  body.desktop-workbench-page .conversation-flow::-webkit-scrollbar{width:8px;}
  body.desktop-workbench-page .conversation-flow::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#9db5d5;background-clip:padding-box;}
  body.desktop-workbench-page .conversation-flow::-webkit-scrollbar-track{background:transparent;}
  body.desktop-workbench-page .desktop-compose{flex:0 0 auto;}
  body.desktop-workbench-page .desktop-right>.desktop-card{min-height:0;overflow:hidden;}
  body.desktop-workbench-page .source-panel,
  body.desktop-workbench-page .prompt-panel{flex:0 0 auto;}
  body.desktop-workbench-page .task-panel{flex:1 1 auto;}
}