@import url('/styles.css');
[hidden] { display:none !important; }
.team-top { background:#111827; color:#fff; padding:18px 32px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.team-top h1 { color:#fff; font-size:18px; margin:0; }
.team-top small { color:#fff; opacity:.7; }
.team-top a { color:#fff; text-decoration:none; font-size:13px; }
.team-top nav { display:flex; align-items:center; gap:18px; }
.team-shell { max-width:1280px; margin:32px auto; padding:0 28px; }
.team-hero { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:24px; }
.team-hero h2 { margin:0 0 8px; font-size:22px; }
.team-hero p { margin:0; color:#6b7280; }
.team-tabs { display:flex; gap:8px; flex-wrap:wrap; padding-bottom:20px; }
.team-tabs button { padding:9px 15px; border:1px solid #E5E7EB; border-radius:8px; background:#fff; cursor:pointer; font:inherit; }
.team-tabs button[aria-selected=true] { background:#2563eb; border-color:#2563eb; color:#fff; }
.team-card { background:#fff; border:1px solid #E5E7EB; border-radius:8px; padding:22px; box-shadow:0 1px 3px rgba(0,0,0,.08); margin-bottom:18px; }
.team-card h3 { margin:0 0 12px; font-size:16px; font-weight:600; }
.team-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.team-grid .team-card { margin:0; }
.team-controls { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.team-shell label,.auth-box label { display:grid; min-width:0; gap:6px; font-size:12px; line-height:1.5; color:#6b7280; margin-bottom:12px; }
/* Reset the imported 34px select height so padding cannot clip Chinese text. */
.team-shell input,.team-shell select,.team-shell textarea,.auth-box input { width:100%; min-width:0; height:auto; min-height:42px; padding:9px 12px; font:inherit; font-size:14px; line-height:1.5; color:#111827; background:#fff; border:1px solid #E5E7EB; border-radius:6px; }
.team-shell textarea { min-height:130px; resize:vertical; line-height:1.8; font-size:14px; }
.team-shell input[type=checkbox] { width:16px; height:16px; min-height:0; padding:0; margin:0; flex:0 0 16px; }
.check-label { display:flex !important; align-items:center; gap:8px !important; }
.team-muted { color:#6b7280; font-size:12px; line-height:1.7; }
.team-status { display:inline-block; border-radius:5px; padding:3px 8px; color:#6b7280; background:#F9FAFB; font-size:12px; }
.team-status.approved,.team-status.published { color:#10b981; }
.team-status.rejected { color:#f59e0b; }
.team-status.review { color:#2563eb; }
.task-head { display:flex; justify-content:space-between; gap:12px; margin-bottom:12px; }
.task-head strong { display:block; font-size:16px; }
.ending-control { display:flex !important; align-items:center; gap:6px !important; margin:0 0 0 auto !important; font-size:12px !important; color:#6b7280 !important; white-space:nowrap; }
.ending-control select { width:auto; min-height:36px; border:1px solid #d1d5db; border-radius:6px; background:#fff; color:#111827; padding:6px 10px; font:inherit; line-height:1.5; }
.ending-control select:focus { outline:2px solid rgba(37,99,235,.2); border-color:#2563eb; }
.task-body { white-space:pre-wrap; line-height:1.9; }
.task-meta { display:flex; flex-wrap:wrap; gap:12px; padding:12px 0; font-size:12px; color:#6b7280; }
.task-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }
.task-actions button { cursor:pointer; }
.team-alert { padding:14px 18px; border:1px solid #E5E7EB; border-left:3px solid #f59e0b; border-radius:8px; margin:16px 0; background:#fff; color:#111827; }
.team-notice { padding:12px 16px; border:1px solid #E5E7EB; border-radius:8px; background:#fff; margin:16px 0; }
.team-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:20px; }
.team-kpis .team-card { margin:0; padding:18px; }
.team-kpis strong { display:block; font-size:28px; color:#111827; margin:4px 0; }
.coverage-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; }
.coverage-days div { border:1px solid #E5E7EB; border-radius:8px; padding:12px; }
.coverage-days strong { display:block; font-size:20px; }
.table-wrap { overflow:auto; }
.team-table { width:100%; border-collapse:collapse; font-size:14px; }
.team-table th,.team-table td { text-align:left; padding:12px; border-bottom:1px solid #E5E7EB; white-space:nowrap; }
.team-shell details { margin:14px 0; }
.team-shell summary { cursor:pointer; color:#2563eb; }
.team-shell a { color:#2563eb; overflow-wrap:anywhere; }
.auth-box { width:min(440px,calc(100% - 32px)); margin:10vh auto; background:#fff; border:1px solid #E5E7EB; border-radius:8px; padding:32px; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.auth-box h1 { font-size:22px; margin:0 0 12px; }
.auth-box .button { width:100%; }
.team-toolbar { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.team-toolbar label { margin:0; }
.team-toolbar input { width:auto; }
.simple-workspace .management-only {display:none !important;}
.simple-workspace #newsLink,.simple-workspace #loginLink,.simple-workspace #logout {display:none !important;}
.simple-workspace .team-toolbar {display:none;}
.simple-workspace .team-shell {max-width:1080px;}
.simple-workspace .team-card {box-shadow:0 2px 8px rgba(17,24,39,.06);}
.daily-status {margin-top:12px !important;font-size:12px;color:#2563eb !important;line-height:1.8;}
.source-details {font-size:12px;}
.simple-workspace textarea {min-height:240px;}
.source-links {font-size:12px;line-height:1.8;color:#6b7280;}
@media(max-width:900px) { .team-grid {grid-template-columns:1fr;} .coverage-days {grid-template-columns:repeat(4,1fr);} .team-kpis {grid-template-columns:repeat(2,1fr);} }
@media(max-width:600px) { .team-top {padding:16px;align-items:start;} .team-top nav {gap:10px;flex-wrap:wrap;justify-content:end;} .team-shell {padding:0 14px;margin-top:24px;} .team-hero {display:block;} .team-card {padding:16px;} .coverage-days {grid-template-columns:repeat(2,1fr);} .team-hero .team-controls {margin-top:16px;} }

.matrix-plan {display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;}
.matrix-plan span {font-size:12px;color:#2563eb;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:6px;padding:4px 8px;}
.unsaved-notice {display:flex;align-items:center;justify-content:space-between;gap:16px;border-left:3px solid #f59e0b;}
.metrics-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
.wide-label {grid-column:span 2;}
.material-item,.history-item {padding:14px 0;border-bottom:1px solid #E5E7EB;}
.material-item form {margin-top:18px;}
.team-table tbody tr:hover {background:#F9FAFB;}
@media(max-width:600px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.wide-label{grid-column:auto;}.unsaved-notice{align-items:start;flex-direction:column;}}

/* Editorial workspace layer: quieter, more deliberate, less template-like. */
:root {
  --team-bg: #f4f6f8;
  --team-ink: #172033;
  --team-muted: #748096;
  --team-line: #e5e9ef;
  --team-surface: #ffffff;
  --team-primary: #2f65d7;
  --team-success: #138a68;
  --team-warning: #b77916;
  --team-shadow: 0 1px 2px rgba(23,32,51,.04), 0 8px 24px rgba(23,32,51,.035);
}

body { background:var(--team-bg); color:var(--team-ink); font-family:Inter,"Noto Sans SC","Microsoft YaHei","Segoe UI",sans-serif; }
.team-top { min-height:72px; padding:16px clamp(20px,5vw,72px); background:var(--team-ink); border-bottom:1px solid rgba(255,255,255,.08); }
.team-top h1 { font-size:19px; font-weight:650; letter-spacing:-.01em; }
.team-top small { color:#fff; opacity:.58; font-size:11px; letter-spacing:.04em; }
.team-top nav { gap:16px; }
.team-top a { color:#fff; opacity:.72; transition:opacity .15s ease; }
.team-top a:hover { color:#fff; opacity:1; text-decoration:none; }
.team-shell { max-width:1220px; margin:0 auto; padding:40px clamp(20px,4vw,56px) 72px; }
.team-hero { align-items:flex-end; margin-bottom:28px; padding-bottom:26px; border-bottom:1px solid var(--team-line); }
.team-hero h2 { margin-bottom:7px; color:var(--team-ink); font-size:28px; letter-spacing:-.025em; }
.team-hero p { max-width:620px; line-height:1.8; }
.team-hero .eyebrow { margin-bottom:8px; color:var(--team-primary); font-size:11px; font-weight:650; letter-spacing:.08em; text-transform:none; }
.team-controls { gap:8px; }
.button,.mini-button { border-radius:7px; transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease; }
.button { min-height:36px; padding:8px 14px; line-height:1.5; }
.mini-button { min-height:32px; padding:6px 10px; line-height:1.5; }
.button-primary { background:var(--team-primary); }
.button-primary:hover,.button-dark:hover { background:#1f4fae; box-shadow:0 3px 8px rgba(47,101,215,.22); }
.button-outline,.mini-button.source { border-color:var(--team-line); color:var(--team-ink); background:var(--team-surface); }
.button-outline:hover,.mini-button.source:hover { border-color:#b7c4d8; color:var(--team-primary); background:#fbfcfe; }
.team-card { margin-bottom:16px; padding:24px; border:1px solid var(--team-line); border-radius:12px; background:var(--team-surface); box-shadow:var(--team-shadow); }
.team-card:hover { transform:translateY(-1px); box-shadow:0 2px 4px rgba(23,32,51,.05),0 12px 28px rgba(23,32,51,.05); }
.team-card h3 { color:var(--team-ink); font-size:16px; letter-spacing:-.01em; }
.team-shell label,.auth-box label { color:var(--team-muted); }
.team-shell input,.team-shell select,.team-shell textarea,.auth-box input { border-color:var(--team-line); border-radius:7px; color:var(--team-ink); background:#fff; }
.team-shell input:focus,.team-shell select:focus,.team-shell textarea:focus { border-color:var(--team-primary); outline:0; box-shadow:0 0 0 3px rgba(47,101,215,.11); }
.team-shell textarea { line-height:1.9; }
.team-muted,.team-hero p { color:var(--team-muted); }
.team-status { position:relative; padding:3px 0 3px 13px; color:var(--team-muted); background:transparent; font-weight:550; }
.team-status::before { content:""; position:absolute; left:0; top:50%; width:6px; height:6px; transform:translateY(-50%); border-radius:50%; background:var(--team-muted); }
.team-status.approved,.team-status.published { color:var(--team-success); }
.team-status.approved::before,.team-status.published::before { background:var(--team-success); }
.team-status.rejected { color:var(--team-warning); }
.team-status.rejected::before { background:var(--team-warning); }
.team-status.review { color:var(--team-primary); }
.team-status.review::before { background:var(--team-primary); }
.task-head { align-items:flex-start; margin-bottom:15px; }
.task-head strong { color:var(--team-ink); font-size:17px; letter-spacing:-.01em; }
.task-head .team-status { margin-top:1px; white-space:nowrap; }
.ending-control { color:var(--team-muted) !important; }
.ending-control select { border-color:var(--team-line); border-radius:7px; }
.matrix-plan { gap:6px; margin:13px 0 16px; }
.matrix-plan span { padding:0 9px 0 0; border:0; border-right:1px solid var(--team-line); border-radius:0; color:var(--team-primary); background:transparent; }
.matrix-plan span:last-child { border-right:0; }
.task-meta { padding:14px 0 4px; color:var(--team-muted); }
.source-details summary,.team-shell summary { color:var(--team-muted); }
.source-details summary:hover,.team-shell summary:hover { color:var(--team-primary); }
.task-actions { gap:8px; margin-top:18px; }
.task-actions .button-primary { box-shadow:none; }
.team-notice { border-color:var(--team-line); border-radius:9px; background:#f8fafc; color:var(--team-ink); }
.daily-status { color:var(--team-primary) !important; font-weight:550; }
.team-kpis { gap:12px; margin-bottom:24px; }
.team-kpis .team-card { padding:18px 20px; }
.team-kpis strong { color:var(--team-ink); font-size:26px; }
.team-tabs { gap:24px; padding-bottom:0; margin-bottom:24px; border-bottom:1px solid var(--team-line); }
.team-tabs button { padding:10px 1px 12px; border:0; border-bottom:2px solid transparent; border-radius:0; color:var(--team-muted); background:transparent; font-weight:600; }
.team-tabs button:hover { color:var(--team-ink); }
.team-tabs button[aria-selected=true] { border-bottom-color:var(--team-primary); color:var(--team-primary); background:transparent; }
.coverage-days { gap:8px; }
.coverage-days div { border-color:var(--team-line); border-radius:9px; background:#fbfcfe; }
.team-table th { color:var(--team-muted); font-size:12px; font-weight:600; }
.team-table td { color:var(--team-ink); }
.team-table tbody tr:hover { background:#f7f9fc; }
.simple-workspace .team-card { box-shadow:var(--team-shadow); }
.simple-workspace .team-card:hover { box-shadow:0 2px 4px rgba(23,32,51,.05),0 12px 28px rgba(23,32,51,.05); }
.simple-workspace .team-card input:not([type=checkbox]) { height:auto; padding:8px 0 9px; border:0; border-bottom:1px solid var(--team-line); border-radius:0; background:transparent; font-size:15px; }
.simple-workspace .team-card input:not([type=checkbox]):focus { border-bottom-color:var(--team-primary); box-shadow:none; }
.simple-workspace .team-card textarea { min-height:220px; border:0; border-left:2px solid #d9e3f2; border-radius:0; background:#fbfcfe; padding:14px 16px; }
.simple-workspace .team-card textarea:focus { border-left-color:var(--team-primary); box-shadow:none; }
.simple-workspace .team-shell { max-width:1120px; }
.source-links { color:var(--team-muted); }
@media(max-width:600px) {
  .team-shell { padding-top:28px; }
  .team-hero h2 { font-size:24px; }
  .team-hero .team-controls { margin-top:18px; }
  .team-tabs { gap:18px; overflow:auto; }
}