:root{color:#17303b;font-synthesis:none;text-rendering:optimizelegibility;background:#eef5f3;font-family:Noto Sans Thai,Leelawadee UI,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #087f6847}.screen-center,.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-shell{background:linear-gradient(145deg,#dbf2ec,#eef5f3 54%,#dbeae8)}.login-card{background:#fff;border-radius:20px;width:min(460px,100%);padding:40px;box-shadow:0 24px 70px #12433b24}.login-mark{color:#fff;background:#087f68;border-radius:14px;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.login-card h1{margin:20px 0 10px;font-size:28px;line-height:1.3}.login-card p{color:#53686e;margin:0 0 24px;font-size:15px;line-height:1.65}.login-card label{margin:16px 0;font-size:15px;font-weight:700;display:block}.login-card input{background:#fff;border:1px solid #c9d8d5;border-radius:10px;width:100%;margin-top:7px;padding:13px 14px;font-size:16px}.primary-button{color:#fff;background:#087f68;border:0;border-radius:10px;width:100%;margin-top:10px;padding:13px;font-size:15px;font-weight:800}.error-message,.global-error{color:#a52f2f!important}.app-shell{flex-direction:column;height:100vh;min-height:640px;display:flex;overflow:hidden}.topbar{color:#fff;background:#087f68;flex:0 0 62px;justify-content:space-between;align-items:center;gap:16px;height:62px;padding:0 22px;display:flex}.brand,.user-area{align-items:center;gap:11px;display:flex}.brand>span{background:#ffffff2e;border-radius:10px;place-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:grid}.brand strong,.brand small,.user-area strong,.user-area small{display:block}.brand strong{font-size:16px}.brand small,.user-area small{opacity:.86;margin-top:2px;font-size:11px}.user-area{text-align:right;font-size:12px}.user-area button{color:#fff;background:0 0;border:1px solid #ffffff8c;border-radius:8px;padding:7px 10px;font-size:12px}.summary-strip{background:#d1dedb;border-bottom:1px solid #d1dedb;flex:none;grid-template-columns:repeat(5,minmax(100px,1fr)) minmax(180px,1.45fr);gap:1px;display:grid}.summary-strip>div{background:#fff;flex-direction:column;justify-content:center;min-height:58px;padding:9px 18px;display:flex}.summary-strip span,.summary-strip strong{display:block}.summary-strip span{color:#61757a;font-size:12px}.summary-strip strong{margin-top:1px;font-size:21px;line-height:1.15}.summary-progress i{background:#e4ecea;border-radius:99px;height:4px;margin-top:5px;display:block;overflow:hidden}.summary-progress b{background:#16a383;height:100%;display:block}.filterbar{background:#f8fbfa;border-bottom:1px solid #d5e1de;flex:none;grid-template-columns:minmax(280px,1fr) 200px 180px auto;align-items:center;gap:10px;padding:9px 18px;display:grid}.filterbar input,.filterbar select{color:#29434a;background:#fff;border:1px solid #cbd8d5;border-radius:9px;min-width:0;padding:9px 11px;font-size:14px}.filterbar>span{color:#61757a;text-align:right;font-size:13px}.global-error{background:#fff0f0;border-radius:8px;margin:10px 18px 0;padding:11px 14px;font-size:14px}.toast{z-index:30;color:#fff;background:#173c37;border-radius:10px;padding:14px 18px;font-size:14px;position:fixed;top:88px;right:24px;box-shadow:0 12px 35px #072c263d}.workspace{flex:auto;grid-template-columns:330px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.workflow-list{background:#f7faf9;border-right:1px solid #d2dfdc;overflow-y:auto}.workflow-list>button{color:#264149;text-align:left;background:0 0;border:0;border-bottom:1px solid #e0e9e7;width:100%;padding:14px 108px 14px 18px;display:block;position:relative}.workflow-list>button:hover{background:#edf6f3}.workflow-list>button.active{background:#dcf2eb;box-shadow:inset 4px 0 #087f68}.workflow-code{color:#087f68;font-size:13px;font-weight:900}.workflow-list strong,.workflow-list small{display:block}.workflow-list strong{margin:4px 0;font-size:15px;line-height:1.35}.workflow-list small{color:#61757a;font-size:13px}.workflow-list em,.detail-head>em{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:800}.workflow-list em{position:absolute;top:16px;right:12px}[data-status=NOT_STARTED]{color:#607178;background:#e6edeb}[data-status=IN_PROGRESS]{color:#8a5b00;background:#fff0c7}[data-status=READY_FOR_TEST],[data-status=TESTING]{color:#145d97;background:#e0f0ff}[data-status=NEEDS_FIX]{color:#a12d2d;background:#ffe5e5}[data-status=DONE]{color:#08705d;background:#dff4ed}[data-status=ON_HOLD]{color:#8a5b00;background:#fff0c7}[data-status=OUT_OF_SCOPE]{color:#6e6385;background:#eee9f8}.detail-panel{background:#eef5f3;min-width:0;overflow-y:auto}.detail-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 22px 13px;display:flex}.detail-head span{color:#087f68;font-size:12px;font-weight:900}.detail-head h2{margin:3px 0 4px;font-size:23px;line-height:1.3}.detail-head p{color:#53686e;max-width:920px;margin:0;font-size:14px;line-height:1.55}.detail-head>em{margin-top:4px}.scope-inline-summary{gap:7px;margin-top:6px;display:flex}.scope-inline-summary b{color:#08705d;background:#dff4ed;border-radius:999px;padding:3px 7px;font-size:11px;line-height:1.3}.scope-inline-summary b.has-hold{color:#8a5b00;background:#fff0c7}.scope-inline-summary b.future-scope{color:#6e6385;background:#eee9f8}.detail-tabs{background:#dce7e4;border-radius:11px;grid-template-columns:repeat(5,1fr);gap:4px;margin:0 22px;padding:4px;display:grid}.detail-tabs button{color:#53686e;background:0 0;border:0;border-radius:8px;padding:9px;font-size:14px;font-weight:800}.detail-tabs button.active{color:#17303b;background:#fff;box-shadow:0 1px 4px #1036301f}.tab-content{background:#fff;border:1px solid #d1dfdc;border-radius:13px;margin:12px 22px 20px;padding:17px 19px}.overview-grid{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:16px 26px;display:grid}.overview-grid h3,.lane-card h3{margin:0 0 7px;font-size:16px;line-height:1.4}.overview-grid p,.overview-grid li{color:#455d64;font-size:14px;line-height:1.58}.overview-grid ul{margin:0;padding-left:20px}.requirement-hint{color:#6a7e83!important;margin:-2px 0 8px!important;font-size:12px!important;line-height:1.5!important}.requirement-reference-list{flex-wrap:wrap;gap:8px;display:flex}.requirement-reference{display:inline-flex;position:relative}.ref-chip{color:#08705d;background:#def2ec;border:1px solid #9fd3c6;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:7px 10px 7px 12px;font-size:14px;font-weight:900;display:inline-flex}.ref-chip:hover,.ref-chip:focus-visible{background:#ccebe2;border-color:#087f68}.ref-info{color:#fff;background:#087f68;border-radius:50%;place-items:center;width:18px;height:18px;font-family:Georgia,serif;font-size:12px;font-weight:800;line-height:1;display:inline-grid}.requirement-tooltip{z-index:40;color:#1e3941;visibility:hidden;opacity:0;pointer-events:none;background:#fff;border:1px solid #c5d8d4;border-radius:12px;gap:7px;width:min(430px,100vw - 56px);padding:16px 17px;transition:opacity .16s,transform .16s,visibility .16s;display:grid;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-4px);box-shadow:0 18px 45px #123a3438}.requirement-tooltip:before{content:"";background:#fff;border-top:1px solid #c5d8d4;border-left:1px solid #c5d8d4;width:11px;height:11px;position:absolute;top:-6px;left:22px;transform:rotate(45deg)}.requirement-tooltip strong{color:#17303b;font-size:16px;line-height:1.45}.requirement-tooltip>span{color:#455d64;font-size:14px;font-weight:500;line-height:1.65}.requirement-tooltip small{color:#6a7e83;border-top:1px solid #e3ecea;padding-top:7px;font-size:12px;line-height:1.5}.requirement-reference:hover .requirement-tooltip,.requirement-reference:focus-within .requirement-tooltip{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.team-checks{min-width:0}.team-checks ul{columns:2;column-gap:30px}.team-checks li{break-inside:avoid;margin-bottom:3px}.team-checks li.is-held{color:#7b6848;text-decoration:none}.scope-badge{white-space:nowrap;border-radius:999px;margin-left:7px;padding:2px 6px;font-size:10px;font-weight:900;line-height:1.4;display:inline-block}.scope-badge[data-scope=MVP]{color:#08705d;background:#dff4ed}.scope-badge[data-scope=HOLD]{color:#8a5b00;background:#fff0c7}.scope-badge[data-scope=FUTURE]{color:#6e6385;background:#eee9f8}.locked-note,.simple-rule{background:#eff7f5;border-left:3px solid #087f68;grid-column:1/-1;padding:10px 13px;color:#405a61!important;margin:0!important;font-size:13px!important;line-height:1.55!important}.scope-tab{padding:0;overflow:hidden}.scope-tab-head{border-bottom:1px solid #dce7e4;justify-content:space-between;align-items:center;gap:14px;padding:14px 17px;display:flex}.scope-tab-head h3{margin:0;font-size:16px}.scope-tab-head p{color:#61757a;margin:2px 0 0;font-size:12px}.scope-tab-head>div:last-child{gap:6px;display:flex}.scope-tab-head>div:last-child span{color:#08705d;white-space:nowrap;background:#dff4ed;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900}.scope-tab-head>div:last-child .hold-count{color:#8a5b00;background:#fff0c7}.scope-tab-head>div:last-child .future-count{color:#6e6385;background:#eee9f8}.scope-readonly{color:#5e6870;background:#f0f3f4;border-radius:8px;margin:10px 17px 0;padding:8px 10px;font-size:12px}.scope-lanes{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.scope-lane{min-width:0;padding:13px 17px 17px}.scope-lane+.scope-lane{border-left:1px solid #e0e9e7}.scope-lane h4{color:#087f68;margin:0 0 6px;font-size:14px}.scope-row{border-bottom:1px solid #edf2f0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;display:grid}.scope-row[data-scope=HOLD]{background:#fffaf0;border-radius:8px;margin:0 -8px;padding:9px 8px}.scope-row[data-scope=FUTURE]{background:#f7f4fc;border-radius:8px;margin:0 -8px;padding:9px 8px}.scope-row strong,.scope-row small{display:block}.scope-row strong{color:#29464e;font-size:13px;line-height:1.45}.scope-row small{color:#826b43;margin-top:3px;font-size:11px;line-height:1.45}.scope-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.scope-actions .scope-badge{align-self:center;margin:0}.scope-actions button{color:#405a61;background:#fff;border:1px solid #c7d5d2;border-radius:7px;padding:5px 7px;font-size:11px}.empty-lane{color:#708287;margin:10px 0 0;font-size:13px}.modal-backdrop{z-index:100;background:#142c317a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.scope-modal{background:#fff;border-radius:15px;width:min(560px,100%);max-height:calc(100vh - 48px);padding:20px;overflow-y:auto;box-shadow:0 24px 70px #0927224d}.scope-modal-head{justify-content:space-between;gap:14px;display:flex}.scope-modal-head span{color:#9a6716;font-size:12px;font-weight:900}.scope-modal-head h3{margin:3px 0 0;font-size:18px;line-height:1.45}.scope-modal-head>button{color:#53686e;background:#fff;border:1px solid #d3dedd;border-radius:9px;flex:none;width:34px;height:34px;font-size:22px;line-height:1}.scope-modal label{color:#29464e;margin-top:13px;font-size:13px;font-weight:800;display:block}.scope-modal select,.scope-modal textarea{color:#29464e;background:#fff;border:1px solid #c8d6d3;border-radius:8px;width:100%;margin-top:5px;padding:9px 10px;font-size:13px}.scope-modal textarea{resize:vertical;min-height:74px;line-height:1.5}.scope-modal>p{color:#725b36;background:#fff8e8;border-left:3px solid #c58a2b;margin:13px 0 0;padding:9px 11px;font-size:12px;line-height:1.55}.scope-modal-actions{justify-content:flex-end;gap:8px;margin-top:15px;display:flex}.scope-modal-actions button{color:#405a61;background:#fff;border:1px solid #c7d5d2;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:800}.scope-modal-actions .confirm-hold{color:#fff;background:#bd7b18;border-color:#bd7b18}.lane-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lane-card{min-width:0}.lane-head{border-bottom:1px solid #e2eae8;justify-content:space-between;align-items:center;display:flex}.lane-head span{color:#087f68;font-size:14px;font-weight:900}.check-row{color:#29464e;border-bottom:1px solid #edf2f0;align-items:flex-start;gap:11px;padding:14px 0;font-size:15px;line-height:1.6;display:flex}.check-row input{accent-color:#087f68;margin-top:3px}.check-row small{color:#6e8186;margin-top:4px;font-size:12px;display:block}.simple-rule{margin-top:4px!important}.test-gate{color:#805c13;background:#fff4d8;border-radius:8px;margin:0 0 14px;padding:12px 14px;font-size:14px}.criterion-row{border-bottom:1px solid #e5ecea;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 0;display:grid}.criterion-row>span{color:#087f68;font-size:13px;font-weight:900}.criterion-row>strong{font-size:15px;font-weight:600;line-height:1.55}.criterion-row button{color:#425a60;background:#fff;border:1px solid #c6d5d1;border-radius:7px;margin-left:6px;padding:8px 12px;font-size:13px}.criterion-row button.pass{color:#08705d;background:#e4f6f0;border-color:#6fbea9;font-weight:800}.criterion-row button.fail{color:#a12d2d;background:#fff0f0;border-color:#db9999;font-weight:800}.activity-list>div{border-bottom:1px solid #e5ecea;justify-content:space-between;gap:12px;padding:14px 0;font-size:14px;display:flex}.activity-list span{color:#728489}@media (width<=900px){.app-shell{height:auto;min-height:100vh;overflow:visible}.summary-strip{grid-template-columns:repeat(3,1fr)}.summary-progress{grid-column:span 2}.filterbar{grid-template-columns:1fr 1fr}.filterbar>span{text-align:left}.workspace{flex:none;grid-template-columns:1fr;min-height:calc(100vh - 220px);overflow:visible}.workflow-list{border-bottom:1px solid #d2dfdc;border-right:0;max-height:300px}.detail-panel{overflow:visible}.scope-lanes{grid-template-columns:1fr}.scope-lane+.scope-lane{border-top:1px solid #e0e9e7;border-left:0}}@media (width<=620px){.topbar{flex-basis:auto;align-items:flex-start;height:auto;padding:13px 14px}.brand strong{font-size:15px}.user-area>div{display:none}.summary-strip{grid-template-columns:repeat(2,1fr)}.summary-progress{grid-column:1/-1}.filterbar{grid-template-columns:1fr}.detail-head{padding:20px 16px 15px;display:block}.detail-head h2{font-size:23px}.detail-head p{font-size:15px}.detail-head>em{margin-top:9px;display:inline-block}.detail-tabs{grid-template-columns:repeat(3,1fr);margin:0 16px}.detail-tabs button{padding:10px 4px;font-size:13px}.tab-content{margin:14px 16px 22px;padding:17px}.overview-grid,.lane-grid{grid-template-columns:1fr}.team-checks ul{columns:1}.scope-tab-head{flex-direction:column;align-items:flex-start}.scope-row{grid-template-columns:1fr}.scope-actions{justify-content:flex-start}.modal-backdrop{padding:12px}.criterion-row{grid-template-columns:76px minmax(0,1fr)}.criterion-row>div{grid-column:2}.activity-list>div{display:block}.activity-list span{margin-top:3px;display:block}.requirement-tooltip{width:min(360px,100vw - 48px);left:50%;transform:translate(-50%,-4px)}.requirement-reference:hover .requirement-tooltip,.requirement-reference:focus-within .requirement-tooltip{transform:translate(-50%)}.requirement-tooltip:before{margin-left:-6px;left:50%}}