.ops-workspace{max-width:960px;margin:0 auto;padding:28px 24px 48px;min-height:70vh}.ops-workspace-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.ops-workspace-title p{margin:0 0 7px;color:#62766b;font-size:12px}.ops-workspace-title h1{margin:0 0 9px}.ops-caption{font-size:13px;line-height:1.7;color:#63766c}.ops-text-link{color:#276951;font-size:13px;white-space:nowrap;padding:10px 0}.ops-workspace h2{font-size:18px;margin:0 0 16px}.ops-workspace>section{margin-top:24px}.ops-panel{padding:22px;background:#fffefa;border:1px solid #dce5de;border-radius:16px}.ops-mode-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#677a6e;margin:16px 0}.ops-mode-row a{color:#176c59}.ops-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ops-panel-heading h2{margin:0}.ops-panel-heading button,.ops-preference button,.ops-quiet{font:inherit;font-size:13px;border:1px solid #dce5de;border-radius:9px;background:#f3f6f0;color:#27533e;padding:10px 12px;min-height:44px;cursor:pointer}.ops-task-list{display:grid;gap:10px}.ops-task{display:flex;align-items:center;gap:12px;border:1px solid #e1e8de;border-radius:12px;padding:15px;color:#234d3d;text-decoration:none;min-height:86px}.ops-task>span:first-child{flex:1;min-width:0}.ops-task strong,.ops-tool strong{display:block;font-size:16px;line-height:1.5}.ops-task small,.ops-tool small{display:block;font-size:12px;line-height:1.7;color:#657a6a;margin-top:4px}.ops-task>b{font-size:20px;white-space:nowrap}.ops-task.needs-attention{border-left:4px solid #b48b44}.ops-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ops-action-grid>a{display:grid;place-items:center;min-height:64px;padding:12px 8px;border-radius:12px;background:#e5efe7;border:1px solid #cddfd1;color:#235b42;font-size:15px;text-align:center;line-height:1.5;text-decoration:none;font-weight:600}.ops-action-grid>a:first-child{background:#176c59;border-color:#176c59;color:#fff}.ops-tool-list{display:grid;gap:10px}.ops-tool{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 19px;border:1px solid #dce5de;border-radius:12px;text-decoration:none;color:#264937;background:#fffefa;min-height:72px}.ops-tool>span:last-child{font-size:23px;color:#6f8b79}.ops-tool>span:first-child{min-width:0}.ops-secondary{margin:24px 0;padding:18px;border:1px solid #dce5de;border-radius:12px}.ops-secondary summary{cursor:pointer;font-size:14px;color:#466653;min-height:30px}.ops-secondary .ops-tool-list{margin-top:14px}.ops-search{display:grid;gap:8px;color:#4a6755;font-size:13px;margin:24px 0}.ops-search input,.ops-workspace form input{display:block;width:100%;box-sizing:border-box;min-height:46px;border:1px solid #cadace;border-radius:9px;background:white;padding:10px 12px;font-size:16px}.ops-preference{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.ops-preference>div{display:flex;gap:6px}.ops-preference button[aria-pressed=true]{background:#176c59;color:white;border-color:#176c59}.ops-account-status{display:flex;justify-content:space-between;gap:16px;line-height:1.6;border-bottom:1px solid #e2e8df;padding:13px 0;font-size:14px}.ops-workspace form{display:grid;gap:16px;margin:24px 0 16px}.ops-workspace form label{display:grid;gap:7px;font-size:14px}.ops-workspace .ops-primary{border:0;border-radius:10px;background:#176c59;color:white;padding:14px;font-size:16px;min-height:48px;cursor:pointer}.ops-workspace [role=status]{font-size:13px;line-height:1.7;min-height:0;margin:0}.ops-error{color:#9c532e;font-size:13px;line-height:1.6}.ops-workspace button:disabled{opacity:.6;cursor:wait}.ops-workspace a:focus-visible,.ops-workspace button:focus-visible{outline:3px solid #438b68;outline-offset:3px}
@media(max-width:800px){.ops-workspace{padding:20px 16px 24px}.ops-panel{padding:17px}.ops-task{padding:13px;gap:8px}.ops-task strong,.ops-tool strong{font-size:15px}.ops-task>b{font-size:18px}.ops-action-grid>a{font-size:14px}.ops-workspace-title h1{font-size:28px}.ops-tool{padding:16px}.ops-preference{align-items:flex-start}.ops-preference>span{padding-top:10px}html[lang^=th] .ops-preference{flex-wrap:wrap}html[lang^=th] .ops-action-grid>a{font-size:14px}}
