/* ====== 25 会议签到表 · 行政靛蓝 + 荧光笔黄 ====== */
.tsk.mss{
  --tsk-bg:#f1f4f9;
  --tsk-bg-2:#e6ecf5;
  --tsk-card:#ffffff;
  --tsk-card-2:#f5f8fc;
  --tsk-ink:#182230;
  --tsk-sub:#54637a;
  --tsk-faint:#8392a8;
  --tsk-line:#dbe3ee;
  --tsk-line-2:#edf1f7;
  --tsk-brand:#2b5b8c;
  --tsk-brand-2:#3c78b4;
  --tsk-brand-soft:#e8f0f9;
  --tsk-brand-ink:#27547f;
  --tsk-hl:#f3d34a;
  --tsk-hl-soft:#fdf6d4;
  --tsk-paper:#ffffff;
  background:
    radial-gradient(680px 320px at 100% -10%, rgba(243,211,74,.18), transparent 60%),
    radial-gradient(520px 240px at -6% 8%, rgba(43,91,140,.08), transparent 58%),
    var(--tsk-bg);
}
:root[data-theme="dark"] .tsk.mss{
  --tsk-bg:#0e131b;
  --tsk-bg-2:#141a24;
  --tsk-card:#1a222e;
  --tsk-card-2:#202936;
  --tsk-ink:#e9eef6;
  --tsk-sub:#a6b3c6;
  --tsk-faint:#7b8a9e;
  --tsk-line:#2b3644;
  --tsk-line-2:#232d3a;
  --tsk-brand:#8ab8e0;
  --tsk-brand-2:#abd0ee;
  --tsk-brand-soft:rgba(138,184,224,.13);
  --tsk-brand-ink:#a3c7e7;
  --tsk-hl:#f3d34a;
  --tsk-hl-soft:rgba(243,211,74,.1);
  --tsk-paper:#1d2632;
}

.mss-hero{display:grid;grid-template-columns:minmax(0,1fr) 394px;gap:30px;padding:30px 0 24px;align-items:stretch;}
.mss-hero-l{display:flex;flex-direction:column;}
.mss-hero-l>.tsk-hs{flex:1 1 auto;}
.mss-hero-l .tsk-h1 b{color:var(--tsk-brand-ink);background:linear-gradient(transparent 62%,var(--tsk-hl-soft) 62%);}
.mss-hero-r{display:flex;}

/* 会议信息 */
.mss-setup{width:100%;align-self:start;background:var(--tsk-card);border:1px solid var(--tsk-line);border-radius:12px;box-shadow:var(--tsk-shadow);overflow:hidden;}
.mss-setup-hd{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:var(--tsk-brand);color:#fff;}
.mss-setup-hd b{font-size:13px;font-weight:800;letter-spacing:.04em;}
.mss-setup-hd small{font-size:10px;opacity:.75;}
.mss-setup-body{padding:8px 18px 16px;}
.mss-setup .tsk-label{font-size:11.5px;}
.mss-setup .tsk-label em{font-style:normal;color:var(--tsk-bad);}
.mss-setup .tsk-input,.mss-setup .tsk-textarea{font-size:12.5px;padding:7px 10px;border-radius:6px;background:var(--tsk-card-2);}
.mss-row2{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.mss-err{display:none;margin-top:3px;font-size:10.5px;color:var(--tsk-bad);}
.mss-err.show{display:block;}
.mss-acts{display:flex;gap:8px;margin-top:13px;}
.mss-acts .tsk-btn-main{flex:1 1 auto;background:var(--tsk-brand);color:#fff;border-color:var(--tsk-brand);border-radius:7px;}
.mss-acts .tsk-btn{padding:9px 11px;font-size:12px;border-radius:7px;}
.mss-note{margin-top:8px;font-size:10.5px;color:var(--tsk-faint);}

/* 名单编辑 */
.mss-editor{margin:4px 0 26px;}
.mss-editor-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:10px;}
.mss-editor-sub{margin-top:3px;font-size:12px;color:var(--tsk-faint);}
.mss-editor-tools{display:flex;align-items:center;gap:7px;}
.mss-total{font-size:11.5px;color:var(--tsk-sub);background:var(--tsk-card);border:1px solid var(--tsk-line);border-radius:99px;padding:5px 12px;}
.mss-total b{font:800 13px/1 var(--tsk-num);color:var(--tsk-brand-ink);}
.mss-editor-tools .tsk-btn{padding:6px 11px;font-size:12px;border-radius:6px;}
.mss-edit-wrap{overflow-x:auto;border:1px solid var(--tsk-line);border-radius:10px;background:var(--tsk-card);box-shadow:var(--tsk-shadow-sm);max-height:420px;overflow-y:auto;}
.mss-edit{width:100%;min-width:760px;border-collapse:collapse;}
.mss-edit th,.mss-edit td{padding:6px 9px;border-bottom:1px solid var(--tsk-line-2);text-align:left;font-size:12px;}
.mss-edit thead th{position:sticky;top:0;z-index:2;background:var(--tsk-card-2);font-size:10.5px;font-weight:800;letter-spacing:.04em;color:var(--tsk-brand-ink);}
.mss-edit .c-no{width:52px;text-align:center;}
.mss-edit .c-sign{width:120px;}
.mss-edit .c-time{width:96px;}
.mss-edit .c-del{width:60px;text-align:center;}
.mss-edit tbody tr:hover{background:var(--tsk-card-2);}
.mss-edit input{width:100%;border:1px solid transparent;border-radius:5px;background:transparent;padding:5px 6px;font-family:var(--tsk-font);font-size:12px;color:var(--tsk-ink);outline:none;}
.mss-edit input:hover{border-color:var(--tsk-line);}
.mss-edit input:focus{border-color:var(--tsk-brand);background:var(--tsk-card-2);}
.mss-no{display:block;text-align:center;font:800 11.5px/1 var(--tsk-num);color:var(--tsk-faint);}
.mss-placeholder{color:var(--tsk-faint);font-size:11px;}
.mss-del{border:1px solid var(--tsk-line);background:var(--tsk-card);border-radius:5px;color:var(--tsk-faint);font-size:11px;padding:3px 9px;cursor:pointer;}
.mss-del:hover{border-color:var(--tsk-bad);color:var(--tsk-bad);}
.mss-tip{margin-top:7px;font-size:11px;color:var(--tsk-faint);}
.mss-tip.is-warn{color:var(--tsk-warn);}
.mss-tip.is-ok{color:var(--tsk-ok);}

/* 预览 */
.mss-stage{background:var(--tsk-bg-2);border:1px solid var(--tsk-line);border-radius:14px;padding:18px 20px 20px;margin-bottom:28px;}
.mss-stage-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:12px;}
.mss-stage-sub{margin-top:3px;font-size:12px;color:var(--tsk-faint);}
.mss-tools{display:flex;gap:8px;flex-wrap:wrap;}
.mss-tools .tsk-btn{background:var(--tsk-card);border-radius:6px;padding:6px 12px;font-size:12px;}
.mss-sheets{display:flex;flex-direction:column;gap:20px;align-items:center;}
.mss-empty{width:100%;padding:50px 0;text-align:center;font-size:12.5px;color:var(--tsk-faint);background:var(--tsk-card);border:1px dashed var(--tsk-line);border-radius:10px;}

.mss-sheet{width:100%;max-width:960px;aspect-ratio:297/210;background:#fff;color:#1a2430;border:1px solid #d6dbe3;box-shadow:0 2px 5px rgba(24,34,48,.07),0 16px 36px rgba(24,34,48,.12);padding:5% 4.5%;display:flex;flex-direction:column;}
.mss-sheet-hd{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #2b5b8c;padding-bottom:1.2%;}
.mss-sheet-title{font-size:clamp(15px,2.1vw,22px);font-weight:800;letter-spacing:.08em;color:#1a2430;}
.mss-sheet-badge{font-size:clamp(8px,.9vw,10px);letter-spacing:.12em;color:#7b8798;border:1px solid #cfd6e0;border-radius:99px;padding:2px 8px;}
.mss-sheet-meta{display:flex;flex-wrap:wrap;gap:3% 6%;margin:1.4% 0 1.6%;font-size:clamp(8px,1vw,11px);color:#45536a;}
.mss-sheet-meta span{white-space:nowrap;}
.mss-sheet-meta b{font-weight:600;color:#1a2430;}
.mss-sheet-table{flex:1 1 auto;display:flex;flex-direction:column;}
.mss-sheet-table table{width:100%;border-collapse:collapse;height:100%;}
.mss-sheet-table th,.mss-sheet-table td{border:1px solid #b9c4d2;font-size:clamp(8px,1vw,11px);padding:0 2%;text-align:center;height:calc(100% / 15);}
.mss-sheet-table thead th{background:#eef3f9;font-weight:700;color:#1a2430;height:auto;padding:4px 2%;font-size:clamp(8px,.95vw,10.5px);}
.mss-sheet-table td.blank{color:transparent;}
.mss-sheet-foot{display:flex;justify-content:space-between;align-items:center;margin-top:1.2%;font-size:clamp(7px,.85vw,9.5px);color:#7b8798;}
.mss-sheet-foot .page-no{font-weight:700;color:#2b5b8c;}

/* 二维码说明 */
.mss-qr{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;}
.mss-qr-item{background:var(--tsk-card);border:1px solid var(--tsk-line);border-left:3px solid var(--tsk-hl);border-radius:9px;padding:14px 16px;box-shadow:var(--tsk-shadow-sm);}
.mss-qr-item span{display:inline-block;padding:1px 9px;border-radius:99px;background:var(--tsk-hl-soft);color:#8a6d00;font-size:10.5px;font-weight:800;letter-spacing:.06em;}
.mss-qr-item p{margin-top:7px;font-size:12px;line-height:1.8;color:var(--tsk-sub);}

/* 规则 */
.mss-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px;}
.mss-rule{display:grid;grid-template-columns:14px 1fr;gap:10px;background:var(--tsk-card);border:1px solid var(--tsk-line);border-radius:9px;padding:14px 16px;}
.mss-rule i{width:14px;height:14px;margin-top:4px;border-radius:3px;background:var(--tsk-hl);}
.mss-rule b{font-size:12.5px;font-weight:800;color:var(--tsk-ink);}
.mss-rule p{margin-top:3px;font-size:11.5px;line-height:1.75;color:var(--tsk-sub);}

/* 导入示例 */
.mss-import{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px;}
.mss-import article{background:var(--tsk-card);border:1px dashed var(--tsk-line);border-radius:9px;padding:13px 15px;}
.mss-import code{display:block;font-family:var(--tsk-num);font-size:12px;color:var(--tsk-brand-ink);background:var(--tsk-brand-soft);padding:6px 9px;border-radius:5px;overflow-x:auto;white-space:nowrap;}
.mss-import p{margin-top:6px;font-size:11.5px;line-height:1.7;color:var(--tsk-sub);}

@media (max-width:900px){
  .mss-hero{grid-template-columns:1fr;gap:22px;}
  .mss-stage{padding:14px;}
  .mss-sheet{width:100%;}
}
@media (max-width:560px){
  .mss-row2{grid-template-columns:1fr;}
  .mss-acts{flex-wrap:wrap;}
  .mss-acts .tsk-btn-main{flex:1 1 100%;}
  .mss-editor-tools{width:100%;}
}

@media print{
  @page{size:A4 landscape;margin:8mm;}
  .mss .tsk-crumb-bar,.mss .mss-hero,.mss .mss-editor,.mss .mss-stage-hd,
  .mss .tsk-sec,.mss .tskb,.mss .tsk-foot{display:none !important;}
  .tsk.mss{background:#fff !important;padding:0 !important;}
  .tsk.mss .tsk-wrap{max-width:none;padding:0;margin:0;}
  .mss-stage{border:0;background:#fff;padding:0;margin:0;border-radius:0;}
  .mss-sheets{display:block;gap:0;}
  .mss-sheet{width:100%;height:auto;aspect-ratio:auto;max-width:none;border:0;box-shadow:none;page-break-after:always;break-after:page;padding:0;}
  .mss-sheet:last-child{page-break-after:auto;break-after:auto;}
  .mss-sheet-table th,.mss-sheet-table td{height:auto;padding:6px 4px;}
  .mss-sheet-table td{height:13mm;}
}

/* ====== 细节层：表单 / 名单编辑器 / 纸张 ====== */
.mss-setup .tsk-input:hover,.mss-setup .tsk-textarea:hover{border-color:var(--tsk-brand-2);}
.mss-setup .tsk-input.bad,.mss-setup .tsk-textarea.bad{border-color:var(--tsk-bad);background:var(--tsk-bad-soft);}
.mss-setup .tsk-input:focus-visible,.mss-setup .tsk-textarea:focus-visible{outline:2px solid var(--tsk-brand);outline-offset:2px;}
.mss-setup .tsk-input::placeholder,.mss-setup .tsk-textarea::placeholder{color:var(--tsk-faint);}
.mss-setup-hd b::before{content:"▤";margin-right:7px;font-size:13px;opacity:.8;}
.mss-setup-body .tsk-field{margin-top:9px;}
.mss-acts .tsk-btn,.mss-tools .tsk-btn,.mss-editor-tools .tsk-btn{transition:background .15s,border-color .15s,color .15s,transform .12s;}
.mss-acts .tsk-btn:hover{border-color:var(--tsk-brand);color:var(--tsk-brand-ink);}
.mss-acts .tsk-btn-main:hover{background:var(--tsk-brand-2);border-color:var(--tsk-brand-2);color:#fff;}
.mss-editor-tools .tsk-btn:hover,.mss-tools .tsk-btn:hover{border-color:var(--tsk-brand);color:var(--tsk-brand-ink);background:var(--tsk-brand-soft);}
.mss-acts .tsk-btn:active,.mss-tools .tsk-btn:active,.mss-editor-tools .tsk-btn:active{transform:translateY(1px);}
.mss-acts .tsk-btn:focus-visible,.mss-tools .tsk-btn:focus-visible,.mss-editor-tools .tsk-btn:focus-visible,.mss-setup .tsk-input:focus-visible{outline:2px solid var(--tsk-brand);outline-offset:2px;}

/* 名单编辑器 */
.mss-edit-wrap::-webkit-scrollbar{width:10px;height:10px;}
.mss-edit-wrap::-webkit-scrollbar-thumb{background:var(--tsk-line);border-radius:99px;border:2px solid var(--tsk-card);}
.mss-edit-wrap::-webkit-scrollbar-track{background:transparent;}
.mss-edit thead th{box-shadow:0 1px 0 var(--tsk-line);}
.mss-edit td{color:var(--tsk-ink);}
.mss-edit input:hover{background:var(--tsk-card-2);}
.mss-edit input:focus{box-shadow:inset 0 0 0 1px var(--tsk-brand);}
.mss-edit input::placeholder{color:var(--tsk-faint);}
.mss-edit tbody tr:last-child td{border-bottom:0;}
.mss-edit .c-no{font-family:var(--tsk-num);}
.mss-edit td.c-no{background:var(--tsk-card-2);text-align:center;}
.mss-edit td.c-no .mss-no{color:var(--tsk-brand-ink);}
.mss-edit td.c-del{text-align:center;vertical-align:middle;}
.mss-del{transition:border-color .14s,color .14s,background .14s;}
.mss-del:hover{background:var(--tsk-bad-soft);}
.mss-del:focus-visible{outline:2px solid var(--tsk-bad);outline-offset:2px;}
.mss-total b{transition:color .15s;}

/* 签到表纸张 */
.mss-sheet{transition:box-shadow .18s;}
.mss-sheet:hover{box-shadow:0 3px 8px rgba(24,34,48,.09),0 22px 48px rgba(24,34,48,.16);}
.mss-sheet-title{letter-spacing:.12em;}
.mss-sheet-badge{border-color:#c7d2e0;}
.mss-sheet-meta span{display:inline-flex;align-items:baseline;gap:4px;}
.mss-sheet-meta span::before{content:"·";margin-right:2px;color:#9aa6b6;}
.mss-sheet-meta span:first-child::before{content:none;}
.mss-sheet-table thead th{border-bottom:2px solid #2b5b8c;}
.mss-sheet-table tbody tr:nth-child(even) td{background:#fbfcfe;}
.mss-sheet-table td.fill{color:#45536a;}
.mss-sheet-foot span:first-child{letter-spacing:.02em;}

/* 说明卡 */
.mss-qr-item{transition:border-color .15s,transform .15s;}
.mss-qr-item:hover{border-left-color:var(--tsk-brand);transform:translateY(-1px);}
.mss-rule{transition:border-color .15s;}
.mss-rule:hover{border-color:var(--tsk-hl);}
.mss-rule i{transition:transform .15s;}
.mss-rule:hover i{transform:rotate(8deg) scale(1.08);}
.mss-import code{transition:background .15s;}
.mss-import code:hover{background:var(--tsk-hl-soft);color:#6b5400;}
.mss-import article{transition:border-color .15s;}
.mss-import article:hover{border-color:var(--tsk-brand-2);}
.mss-tip::before{content:"● ";font-size:8px;vertical-align:1px;}
.mss-tip.is-warn::before{color:var(--tsk-warn);}
.mss-tip.is-ok::before{color:var(--tsk-ok);}

/* 深色微调 */
:root[data-theme="dark"] .mss-edit-wrap::-webkit-scrollbar-thumb{background:var(--tsk-line);border-color:var(--tsk-card);}
:root[data-theme="dark"] .mss-qr-item span{color:#f3d34a;background:rgba(243,211,74,.12);}
:root[data-theme="dark"] .mss-sheet{background:#fff;}

@media (max-width:1180px){
  .mss-sheet{max-width:100%;}
  .mss-edit{min-width:700px;}
}
@media (max-width:760px){
  .mss-editor-tools{width:100%;}
  .mss-editor-tools .tsk-btn{flex:1 1 auto;}
  .mss-sheet{padding:6% 4%;}
  .mss-sheet-table td{font-size:10px;}
  .mss-edit .c-sign,.mss-edit .c-time{width:88px;}
}
@media (max-width:480px){
  .mss-setup-body{padding:6px 14px 14px;}
  .mss-stage{padding:10px;}
  .mss-total{font-size:11px;}
  .mss-import code{font-size:11px;}
}

@media (prefers-reduced-motion:reduce){
  .mss-acts .tsk-btn,.mss-tools .tsk-btn,.mss-editor-tools .tsk-btn,.mss-del,.mss-qr-item,.mss-rule,.mss-rule i{transition:none;}
  .mss-qr-item:hover,.mss-rule:hover i{transform:none;}
}

@media print{
  .mss-sheet{box-shadow:none;}
  .mss-sheet-table tbody tr:nth-child(even) td{background:#fbfcfe !important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .mss-sheet-table thead th{background:#eef3f9 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .mss-sheet-hd{border-bottom-color:#2b5b8c !important;}
  .mss-sheet-meta{color:#45536a !important;}
  .mss-sheet-foot{color:#7b8798 !important;}
  .mss-sheet-table tr{page-break-inside:avoid;}
}