/* Match the WPF MainWindow metrics. Login is deliberately untouched. */
body:has(#workspace:not([hidden])){background:#f4f4f4}
#workspace{min-width:900px;font-size:14px;line-height:1.5;color:#123b30}
#workspace header,#workspace .page-heading,#workspace .statusbar,#workspace .activity,#workspace footer,#workspace .section-no,#refresh{display:none}
#workspace main{max-width:none;margin:0;padding:86px 24px 24px}
#workspace .group{padding:14px;border-radius:26px;background:#eaede8;border:1px solid #d9dfd5;margin:0 0 16px}
#workspace .group-title{margin:0 0 14px;min-height:30px;justify-content:flex-start}
#workspace .group-title>div{gap:16px;align-items:center}
#workspace h2{font-size:20px;font-weight:600;letter-spacing:0;line-height:1.5}
#workFolder{font-size:12px;padding:6px 10px}
#workspace .cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:7px;row-gap:12px;padding-right:7px}
#workspace .card{border-radius:18px;padding:12px;min-height:150px;background:#fff;position:relative;overflow:visible;display:flex;flex-direction:column}
#workspace #cycle .card{border:1px solid #d9dfd5}
#workspace .card-title{gap:12px;margin:0 0 12px;min-height:28px;padding-right:22px}
#workspace .badge{width:38px;min-width:38px;height:28px;border-radius:12px;background:#eef0ed;font-size:14px;font-weight:600}
#workspace .card h3{font-size:18px;font-weight:600;line-height:1.5;letter-spacing:0}
#workspace #onboard .card:nth-child(2) h3{font-size:16px}
#workspace button{font-size:14px;padding:7px 12px;border:0;border-radius:10px;background:#eef0ed;color:#00362b;line-height:1.5;transform:none}
#workspace button.primary{background:#96e25e}
#workspace button:hover:not(:disabled){opacity:.85;transform:none}
#workspace button:disabled{opacity:.5}
#workspace #onboard>.card:nth-child(3) button{min-width:88px}
#workspace .actions{gap:12px;margin:0;min-height:35px}
#workspace .mode-actions{margin:10px 0}
#workspace .row{gap:12px;align-items:center}
#workspace .row input,#workspace .row textarea{height:44px;min-height:44px;resize:none;overflow:hidden;border-radius:16px;padding:0 14px;background:#f4f6f3;box-shadow:none}
#workspace .row input{font-size:18px;border:0}
#workspace .row textarea{padding:11px 14px;border:1px solid #000;font-size:14px;line-height:20px}
#workspace .row button{width:104px;min-width:104px;height:44px;font-size:16px;padding:7px 12px}
#workspace .collect-auto{padding:2px 10px;background:#f4f6f3;border-radius:10px}
#workspace .collect-auto .row{margin:0 0 8px}
#workspace .hint{font-size:12px;margin:10px 0 0;color:#63736b;line-height:1.5;overflow-wrap:anywhere}
#workspace .count{margin:0}
#workspace .counter{font-size:12px;margin-left:0;color:#63736b;line-height:1.5}
#workspace .badge.operated{background:#96e25e}
#workspace .workflow-status{font-size:14px}
#workspace .tagging-indicator{font-size:12px;color:#63736b;margin-left:auto;max-width:190px;text-align:right}
#workspace .filebar{background:#f4f6f3;border:1px solid #d8e3d4;border-radius:10px;padding:5px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px}
#workspace .filebar .drop-title{font-size:11px}
#workspace .filebar .hint{font-size:11px;margin:0}
#workspace .filebar button{padding:4px 10px;font-size:14px}
#workspace .help{width:22px;height:22px;top:12px;right:12px;font-size:14px;color:#63736b}
#workspace .help .tip{background:white;color:#123b30;border:1px solid #d9dfd5;border-radius:4px;font-size:12px;max-width:260px;box-shadow:0 4px 16px #0002}
#workspace .state-circle{width:26px;height:26px;right:13px;bottom:13px;border:2px solid #72c943;font-size:18px;color:#4fa72a;pointer-events:none}
#workspace .state-circle.running{background:conic-gradient(from -45deg,white 0deg 45deg,#96e25e 45deg 360deg)}
#workspace .tag-card .card-body{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:44px;padding-bottom:10px}
#workspace .tag-card .card-body>button{width:180px;height:44px;align-self:flex-start}
#workspace .qc-accuracy{font-size:13px;font-weight:600;text-align:right;margin-bottom:12px}
#workspace .card-status{padding-right:32px;white-space:pre-wrap;user-select:text}
#workspace #accuracy{display:none}
#roundHistory{margin:0 0 14px!important}
dialog{border:1px solid #d9dfd5;border-radius:18px;background:#fff;color:#123b30;max-width:700px;width:90vw;padding:22px;max-height:80vh;overflow:auto}
dialog::backdrop{background:#123b3055}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-heading button{background:transparent;font-size:22px;padding:0 8px}#dialogBody .actions{margin:15px 0}#dialogBody p{white-space:pre-wrap}#dialogBody .file-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #eef0ed;overflow-wrap:anywhere}#toast{width:300px;border-radius:10px;font-size:14px}
.button-working{cursor:wait!important}.button-working::before,.feedback-working::before{content:"";display:inline-block;width:11px;height:11px;border:2px solid #123b3030;border-top-color:#123b30;border-radius:50%;margin-right:7px;vertical-align:-2px;animation:working-spin .8s linear infinite}.feedback-working{color:#396e28!important}#workspace button.button-working:disabled{opacity:.85}#workspace .row button.button-working{font-size:13px}@keyframes working-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.button-working::before,.feedback-working::before{animation:none}}
