:root{font-family:"Malgun Gothic","Segoe UI",sans-serif;color:#20272b;background:#f5f6f7;font-size:14px;--orange:#df550c;--line:#e1e5e7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:7px;padding:10px 15px;color:inherit}button:hover{border-color:#d65b24;background:#fff8f3}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus,select:focus{outline:2px solid #df550c;outline-offset:2px}[hidden]{display:none!important}aside{position:fixed;inset:0 auto 0 0;width:226px;background:#172126;color:#dfe5e8;padding:36px 23px}.brand{letter-spacing:2px;font-size:11px;color:#ff914d;line-height:1.8}.brand strong{font-size:22px;color:#fff}.brand span{display:block;letter-spacing:0;color:#abb5bb;margin-top:15px}nav{margin-top:64px;display:grid;gap:10px}nav button{background:transparent;border:0;color:#bac4ca;text-align:left;padding:15px 13px}nav button span{float:right;font-size:11px;opacity:.6}nav button.selected{background:#29353c;color:#fff;border-left:3px solid #f47a2c}nav button:hover{background:#29353c}.asideFoot{position:absolute;bottom:28px;font-size:11px;color:#93a0a8;line-height:1.8}.shell{margin-left:226px}header{height:76px;padding:0 42px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}header button{margin-left:15px}main{max-width:1450px;margin:auto;padding:28px 42px 50px;min-height:calc(100vh - 125px)}.banner{background:#fff4e8;border:1px solid #f2dcc5;border-radius:8px;padding:13px 17px;font-size:12px;color:#87572e}.banner strong{margin-right:14px}h1{font-size:32px;letter-spacing:-1.1px;line-height:1.4;margin:5px 0 10px}h2{font-size:18px;margin:25px 0 14px}.eyebrow{font-size:11px;letter-spacing:2px;color:#ad541e;font-weight:bold;margin-top:34px}.muted{color:#687780;line-height:1.65}.titleRow{display:flex;align-items:center;justify-content:space-between;gap:20px}.titleRow .eyebrow{margin-top:30px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 30px}.stat{padding:23px;background:#fff;border:1px solid var(--line);border-radius:10px}.stat span{display:block;color:#687780;font-size:12px}.stat strong{display:block;font-size:32px;margin-top:10px}.stat:first-child{border-top:3px solid #e7671c}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.segments{display:flex;background:#e9edef;padding:4px;border-radius:9px;gap:3px}.segments button{border:0;background:transparent;padding:9px 14px;white-space:nowrap}.segments .selected{background:white;box-shadow:0 1px 4px #0001}input,select{border:1px solid var(--line);border-radius:7px;padding:12px;background:white;min-width:0}#search{flex:1}.listPanel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.listHeading{padding:20px 22px;display:flex;justify-content:space-between}.listHeading span{color:#77848c;font-size:12px}.tableScroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:11px;color:#72808a;font-weight:normal;background:#f7f9fa;padding:13px 22px}td{padding:20px 22px;border-top:1px solid #edf0f1;font-size:13px}td small{display:block;color:#89939a;font-size:10px;margin-bottom:6px}td strong{font-size:14px}td:nth-child(4){white-space:normal;min-width:160px;color:#61717a}.badge{display:inline-block;padding:6px 10px;border-radius:5px;background:#edf2f5;color:#435d6a;font-size:12px}.badge.attention{background:#fff0dd;color:#a85812}.badge.complete{background:#e8f3ee;color:#387558}#empty{padding:40px;text-align:center;color:#78838a}.timestamp{text-align:right;font-size:11px}.footnote{font-size:11px}footer{padding:20px 42px;border-top:1px solid var(--line);font-size:10px;letter-spacing:1px;color:#8a959c;display:flex;justify-content:space-between}footer span{letter-spacing:0}#login{max-width:540px;margin:65px auto}#login h1{font-size:42px}#loginForm{display:grid;gap:18px;margin-top:28px}label{display:grid;gap:8px;font-size:12px}.primary{background:#dc590f;color:white;border-color:#dc590f;padding:14px}.primary:hover{background:#bd4606;color:white}.demo{font-size:11px;color:#7b878e;line-height:1.9;background:#edf0f2;padding:14px;border-radius:6px}.intro{color:#64737c;line-height:1.9}#detail{padding-top:25px}.detailSummary{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:white;border:1px solid var(--line);border-radius:10px;padding:25px}.detailSummary h2{margin-top:12px}.detailSummary small{color:#7a858c}pre{font:inherit;white-space:pre-wrap;background:white;padding:22px;border:1px solid var(--line);border-radius:8px;line-height:1.9}#related{display:flex;gap:8px;flex-wrap:wrap}.file{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#fff;border-bottom:1px solid var(--line);padding:16px 20px}.file small{display:block;color:#7a858c;margin-top:5px;overflow-wrap:anywhere}.file strong{overflow-wrap:anywhere}.manual{padding:20px;background:white;border:1px solid var(--line);border-radius:8px;margin-top:12px}.manual:target{border-color:var(--orange)}.manual strong{margin-left:12px}.manual code{color:#b95318}.error{border:1px solid #e3b2a1;border-left:4px solid #c54d30;background:#fff5f0;border-radius:8px;padding:20px;margin-top:24px;line-height:1.6}.error button{margin-right:8px}.warning{background:#fff3df;padding:14px;border-radius:8px;margin-bottom:15px}#busy{font-size:12px;color:#ad541e}#who{font-size:12px}#history p{padding:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}@media(max-width:1050px){aside{width:185px;padding:28px 16px}.shell{margin-left:185px}main{padding:24px}header{padding:0 24px}.toolbar{flex-wrap:wrap}#search{flex-basis:100%}td,th{padding:16px}}@media(max-width:650px){aside{position:static;width:100%;padding:18px}.brand{display:none}nav{margin:0;display:flex}nav button{flex:1}.asideFoot{display:none}.shell{margin:0}header{height:60px;padding:0 18px}main{padding:18px}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:25px}.detailSummary{grid-template-columns:1fr}.titleRow{align-items:flex-start}.banner{line-height:1.8}h1{font-size:28px}footer{padding:18px}#login{margin:35px auto}.file{padding:14px 10px}}

main{padding-bottom:170px}nav{margin-top:30px;gap:4px}nav button{padding:12px}
#actionNotice{position:fixed;bottom:18px;left:250px;right:24px;z-index:20;background:#fff;border:2px solid #df550c;border-radius:10px;padding:16px 100px 16px 20px;box-shadow:0 5px 24px #0002;max-height:35vh;overflow:auto}
#actionNotice strong{color:#a3400c}#actionTime{margin-left:14px;color:#687780;font-size:12px}#actionMessage{margin-top:7px;overflow-wrap:anywhere}#actionMessage a{display:inline-block;font-weight:bold;padding:8px;background:#fff0df;color:#9c3800}#dismissNotice{position:absolute;right:15px;top:15px}
#error{position:fixed;bottom:130px;right:24px;z-index:30;max-width:600px;max-height:55vh;overflow:auto;box-shadow:0 5px 24px #0003}
[data-purchase-view]>label{margin:12px 0}[data-purchase-view]>button{margin:8px 6px 8px 0}
@media(max-width:1050px){#actionNotice{left:205px}}@media(max-width:650px){nav{flex-wrap:wrap}nav button{flex:1 0 28%}#actionNotice{left:12px;right:12px}#error{left:12px;right:12px}}

.orderNumberRow{display:flex;align-items:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap}.orderNumberRow label{width:260px;max-width:100%}.orderNumberRow input{width:100%}.tradeSelected{border-left:4px solid #df550c;background:#fff4e8}.inlineCheck{display:flex;align-items:center;gap:8px;margin:14px 0}.inlineCheck input{margin:0}#tradeOutputs:not(:empty){background:#fff;border:1px solid #e1e5e7;border-radius:8px;padding:18px;margin:18px 0}#tradeOutputs button{margin:6px}

#flowProgress table{width:100%;border-collapse:collapse}#flowProgress th,#flowProgress td{padding:10px 12px}#flowProgress progress{width:100%;height:18px;accent-color:#df550c}#flowProgress details{margin-top:20px}#flowProgress{overflow-x:auto}

/* KTM workspace: retain operational forms, restyle the surrounding shell. */
:root{--orange:#f56600;--line:#dedfe1;background:#f4f4f3;color:#191a1b}button,input,select,.banner,.listPanel,.stat,.badge,.segments,.manual,pre{border-radius:2px}button{transition:background .15s,border-color .15s}.primary{background:#f56600;color:#111;border-color:#f56600;font-weight:700}.primary:hover{background:#dc5900;color:#111}aside{width:240px;background:#151515;padding:30px 22px;overflow-y:auto;display:flex;flex-direction:column;z-index:5}.shell{margin-left:240px}.brand{color:#f56600;line-height:1.15;letter-spacing:1px}.brand .brandMark{display:block;font-size:13px;font-weight:bold;color:#f56600;margin:0 0 24px}.brandMark span{display:inline;color:#888;font-size:11px}.brand strong{font-size:26px;letter-spacing:-.7px}.brand>span:last-child{font-size:12px;margin-top:13px;color:#a9a9a9}nav{margin-top:34px;gap:5px}nav button{width:100%;border-radius:0;font-size:13px;padding:12px 13px}nav button.selected{background:#242424;border-left:3px solid #f56600;color:#fff}nav button:hover{background:#242424}nav .navGroup{border-top:1px solid #333;margin-top:10px}.navGroup>summary{cursor:pointer;list-style:none;padding:17px 7px 13px;font-size:16px;font-weight:bold;color:#eee;display:flex;justify-content:space-between;align-items:center}.navGroup>summary::-webkit-details-marker{display:none}.navGroup>summary::after{content:'+';margin-left:auto;font-size:19px;color:#f56600}.navGroup[open]>summary::after{content:'−'}.navGroup small{font-size:9px;letter-spacing:1px;font-weight:normal;color:#929292;margin-left:10px}.navGroup>div{padding-bottom:9px}.navGroup button{padding-left:20px}.navGroup button span{font-size:9px}.navHelp{margin-top:22px;color:#999}aside .asideFoot{position:static;margin-top:auto;padding-top:30px;line-height:2;color:#929292}.orangeDot{display:inline-block;width:6px;height:6px;background:#f56600;margin-right:6px}header{height:66px;background:#fff;padding:0 36px}#areaBreadcrumb{font-size:12px;font-weight:bold;letter-spacing:.3px}header button{padding:8px 12px;font-size:12px}main{max-width:1600px;padding:24px 36px 140px}.banner{font-size:11px;line-height:1.7;padding:10px 14px;background:#fff8ef;border-color:#efdfcd;margin-bottom:24px}.workspaceHero{position:relative;background:linear-gradient(90deg,#080808de,#1114),url('/web-assets/parts_background.jpg') center 48%/cover;color:white;padding:32px 38px;min-height:255px;overflow:hidden;border-bottom:5px solid #f56600}.workspaceHero .eyebrow{color:#ff8b39;margin:0 0 16px;font-size:10px;letter-spacing:2px}.workspaceHero h1{font-size:42px;line-height:1.22;letter-spacing:-1.8px;font-weight:900;margin:0 0 18px}.workspaceHero>p:last-of-type{color:#dedede;font-size:13px;margin-bottom:0}.heroIndex{position:absolute;right:28px;bottom:24px;font-size:10px;letter-spacing:2px;color:#ccc}.areaCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:28px;border:1px solid #dedfe1;background:#fff}.areaCard{padding:22px 24px;border:0;border-right:1px solid #dedfe1;text-align:left;background:#fff;display:flex;flex-direction:column;gap:12px}.areaCard:last-child{border-right:0}.areaCard small{font-size:10px;letter-spacing:1.5px;color:#727272}.areaCard strong{font-size:23px;display:flex;justify-content:space-between}.areaCard strong span{color:#f56600}.areaCard>span{font-size:11px;color:#666;line-height:1.7}.areaCard em{font-style:normal;font-size:9px;background:#eee;padding:3px 5px;margin-left:5px}.areaCard:hover{background:#fff5ed}.titleRow .eyebrow{margin-top:6px}#dashboard>.titleRow h1{font-size:24px}#dashboard>.titleRow .muted{font-size:12px}.stats{gap:12px;margin:18px 0 24px}.stat{padding:18px 22px}.stat strong{font-size:29px}.stat:first-child{border-top-color:#f56600}.technicalHero{background-image:linear-gradient(90deg,#080808df,#1114),url('/web-assets/technical_background.jpg')}.comingSoon{background:#fff;padding:36px;border:1px solid var(--line);margin-top:20px}.comingSoon .eyebrow{color:#a94700}.comingSoon h2{font-size:26px}.comingSoon p{line-height:1.8}#flow>div.titleRow,#orders>.titleRow{border-bottom:3px solid #1c1c1c;padding-bottom:18px;margin-bottom:20px}#flow h1,#orders h1{font-size:28px}.toolbar{flex-wrap:wrap}input:focus,select:focus{outline-color:#f56600}input[type=checkbox]{accent-color:#ef6500}#actionNotice{left:264px;border-radius:3px;border-color:#f56600}footer{padding:20px 36px;background:#ececea}
/* Login is its own screen; existing authentication and test notice remain intact. */
body.login-mode{background:#111}body.login-mode>aside,body.login-mode header,body.login-mode footer{display:none}body.login-mode .shell{margin-left:0}body.login-mode main{max-width:none;padding:18px 28px 28px;min-height:100vh}body.login-mode .banner{margin-bottom:18px;background:#24211d;color:#e6cdb1;border:1px solid #4d3b29}#login{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.35fr 1fr;background:#fff;min-height:calc(100vh - 108px)}.loginVisual{position:relative;background:linear-gradient(180deg,#08080820 25%,#080808e0 100%),url('/web-assets/main_background.jpg') 46% center/cover;min-height:600px;display:flex;flex-direction:column;padding:36px 42px;color:#fff}.loginVisualTop{font-size:12px;font-weight:bold;letter-spacing:1px;display:flex;justify-content:space-between}.loginVisualTop span{color:#ddd;font-weight:normal;font-size:10px;letter-spacing:2px}.loginVisualCopy{margin-top:auto}.loginVisualCopy .eyebrow{color:#ff8a37;font-size:10px;letter-spacing:2px}#login .loginVisualCopy h1{font-size:clamp(28px,3vw,46px);font-weight:900;line-height:1.35;letter-spacing:-1.7px;margin:17px 0}.loginVisualCopy>p:last-child{font-size:13px;color:#ddd}.loginVisualFoot{font-size:9px;letter-spacing:2px;margin-top:60px;color:#bbb}.loginFormPanel{align-self:center;padding:50px clamp(30px,5vw,80px)}.loginAccent{display:block;width:40px;height:5px;background:#f56600}.loginFormPanel .eyebrow{font-size:10px;color:#a64c0e;letter-spacing:2px;margin-top:25px}.loginFormPanel h2{font-size:36px;letter-spacing:-1px;margin:10px 0 20px}.loginFormPanel .intro{font-size:13px;line-height:1.9;color:#666}#loginForm{gap:22px;margin-top:35px}#loginForm input{height:49px;background:#f7f7f6;border:1px solid #d7d7d5}#loginButton{display:flex;align-items:center;justify-content:space-between;height:51px;margin-top:5px}#loginButton span{font-size:23px}.loginFormPanel .demo{margin-top:25px;background:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:14px 0;font-size:11px}.demo summary{cursor:pointer;color:#666}.demo p{line-height:1.9}.loginSmall{font-size:9px;color:#999;letter-spacing:1.5px;margin-top:32px}
@media(min-width:1600px){.workspaceHero{min-height:290px}.workspaceHero h1{font-size:48px}}
@media(max-width:1050px){aside{width:210px;padding:25px 16px}.shell{margin-left:210px}main{padding:22px 24px 140px}header{padding:0 24px}.workspaceHero{padding:28px;min-height:230px}.workspaceHero h1{font-size:36px}.areaCard{padding:20px 16px}.areaCard>span{font-size:10px}#actionNotice{left:230px}.loginVisual{padding:28px;min-height:570px}.loginFormPanel{padding:38px 30px}#login{grid-template-columns:1fr 1fr}.loginVisualTop span{display:none}}
@media(max-width:700px){aside{position:static;width:100%;padding:18px 20px;overflow:visible}.brand{display:block}.brand .brandMark,.brand>span:last-child{display:none}.brand strong{font-size:17px;letter-spacing:0}.brand strong br{display:none}nav{display:block;margin-top:15px}.navGroup{display:block}nav>button{display:inline-block;width:auto}nav .navGroup{margin:0}.navGroup>div{display:flex;flex-wrap:wrap}.navGroup button{width:auto;flex:1 0 30%;font-size:12px}.navGroup>summary{padding:12px 6px}.navHelp{margin-top:8px}aside .asideFoot{display:none}.shell{margin-left:0}header{height:auto;min-height:60px;padding:12px 18px;gap:12px;flex-wrap:wrap}main{padding:18px 16px 140px}.workspaceHero{min-height:230px;padding:24px}.workspaceHero h1{font-size:34px}.heroIndex{display:none}.areaCards{grid-template-columns:1fr}.areaCard{padding:16px 20px;border-right:0;border-bottom:1px solid #ddd;gap:6px}.areaCard:last-child{border-bottom:0}.areaCard strong{font-size:21px}.areaCard>span{font-size:11px}#actionNotice{left:12px}.stats{gap:8px}.stat{padding:14px 10px}.stat strong{font-size:26px}.comingSoon{padding:24px}body.login-mode main{padding:12px}#login{display:flex;flex-direction:column;min-height:0}.loginVisual{min-height:310px;padding:24px}.loginVisualTop{font-size:10px}.loginVisualCopy{margin-top:60px}#login .loginVisualCopy h1{font-size:29px}.loginVisualFoot{display:none}.loginFormPanel{align-self:stretch;padding:32px 26px}.loginFormPanel h2{font-size:30px}.loginSmall{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
@media(min-width:701px) and (max-height:850px){aside{padding:20px 18px}.brand .brandMark{margin-bottom:14px}.brand strong{font-size:22px}.brand>span:last-child{margin-top:9px}nav{margin-top:20px}nav button{padding:9px 12px}.navGroup>summary{padding:12px 7px 9px}.navGroup>div{padding-bottom:5px}.navGroup button{padding-top:8px;padding-bottom:8px}nav .navGroup{margin-top:6px}.navHelp{margin-top:12px}aside .asideFoot{padding-top:18px;font-size:10px}}
/* Keep the complete original KTM building photograph visible on the login page. */
.loginVisual{background-size:100% 100%,contain;background-position:center,center top;background-repeat:no-repeat;background-color:#151515}
/* Fill the visual panel while keeping the left-side KTM sign inside the crop. */
.loginVisual{background-size:100% 100%,cover;background-position:center,left center}

/* Operational controls: align upload actions and separate inspection tasks. */
.orderUploadRow{align-items:flex-end}.orderUploadRow input,.orderUploadRow select,.orderUploadRow button{height:46px}.orderUploadRow input[type=file]{padding:10px}
#flowShipments>.manual{padding:24px;margin:20px 0;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
#flowShipments>.manual>strong,#flowShipments>.manual>p{flex-basis:100%;margin:0;line-height:1.7}
#flowShipments>.manual>label:has(input[type=checkbox]){display:flex;align-items:center;flex-basis:100%;gap:8px}
#flowShipments>.manual>small{color:#687780;flex:1 1 220px}
.inspectionLaunch{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;background:#f56600;color:#161616;text-decoration:none;font-weight:bold;border:1px solid #dc5900}
.inspectionLaunch:hover{background:#dc5900}.inspectionLaunch:focus-visible{outline:2px solid #191919;outline-offset:3px}
#flowProgress:not(:empty){margin-top:28px;padding:24px;background:white;border:1px solid var(--line)}
#flowProgress button{margin:6px 8px 6px 0}#flowProgress>p{line-height:1.8}
#purchaseList{margin:18px 0 28px}#purchaseList details{padding:20px;background:white;border:1px solid var(--line);margin:16px 0}#purchaseList summary{cursor:pointer;font-weight:bold}
#dataContents .manual>label,#dataContents details>label{max-width:480px;margin:14px 0}#dataContents .manual>button{margin:8px 8px 8px 0}#dataContents details{margin:22px 0;padding:18px;background:#f7f7f6}#dataContents summary{cursor:pointer;font-weight:bold}#dataContents p{line-height:1.8}#dataContents td,#dataContents th{padding:12px}#dataContents .tableScroll{max-height:480px;overflow:auto}#dataContents .file{gap:10px;flex-wrap:wrap}#dataContents .file>span{flex:1}

.workflowGauge{background:#fff;border:1px solid #dedfe3;border-radius:16px;padding:24px;margin:20px 0}.workflowGauge>strong{font-size:18px}.gaugeScroll{overflow-x:auto;padding:8px 44px 12px}.gaugeTrack{position:relative;min-width:520px;padding-top:85px;margin:0 12px}.gaugeRoad{position:absolute;top:91px;height:6px;left:0;right:0;background:#dce1e7;border-radius:6px}.gaugeFill{height:100%;background:#f56600;border-radius:6px;transition:width .5s ease}.gaugeBike{position:absolute;top:13px;width:105px;height:68px;object-fit:contain;transform:translateX(-50%);transition:left .5s ease}.gaugeLabels{display:flex;justify-content:space-between;position:relative}.gaugeStep{display:flex;flex-direction:column;align-items:center;gap:14px;width:1px;overflow:visible;white-space:nowrap;font-size:12px}.gaugeDot{background:#e4e7eb;border:2px solid white;border-radius:50%;width:20px;height:20px;text-align:center;color:#535a62;line-height:16px}.gaugeStep.current{color:#b84400;font-weight:700}.gaugeStep.current .gaugeDot{background:#ef6100;color:white}.workflowGauge>p{margin-top:18px;margin-bottom:8px}@media(prefers-reduced-motion:reduce){.gaugeBike,.gaugeFill{transition:none}}
#caseSummary{margin:24px 0}#caseSummary>h2{margin-bottom:8px}.caseCard{background:#fff;border:1px solid #dedfe3;border-left:5px solid #f56600;padding:24px;margin:18px 0;border-radius:8px}.caseCard h3{font-size:22px;margin:0 0 12px}.caseHeadline{font-size:19px;font-weight:700;line-height:1.6}.caseStages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.caseStage{background:#fff4e6;padding:16px;display:flex;flex-direction:column;gap:10px;line-height:1.6}.caseStage.done{background:#e8f4ed}.caseStage strong{font-size:16px}.caseCard button{margin:6px 10px 10px 0}.caseCard details{margin:14px 0}.caseCard summary{cursor:pointer}.caseCard>small{display:block;line-height:1.6}@media(max-width:850px){.caseStages{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.caseStages{grid-template-columns:1fr}}
.workflowFamily{margin:28px 0 40px}.workflowFamily>h2{border-bottom:2px solid #242424;padding-bottom:14px;font-size:24px}.orderCase{border-left-color:#23536e}.caseStage.current{background:#e3edf6;outline:2px solid #23536e}#stageRecords{margin:24px 0}#stageRecords>summary{cursor:pointer;padding:18px;background:white;border:1px solid #dedfe3;font-weight:700}

/* Case folders: labels accompany every color; only recorded completion is hidden. */
.caseFolder>summary{cursor:pointer;padding:12px 4px;font-size:16px;line-height:1.7}
.caseFolder>summary .caseBadge{margin-left:14px}
.caseBadge{display:inline-block;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;border:1px solid transparent;white-space:normal}
.caseBadge.new{background:#e5f5e9;color:#166534;border-color:#b8dfc3}
.caseBadge.active{background:#e8f1fc;color:#164b86;border-color:#bed5ee}
.caseBadge.attention{background:#fff0ee;color:#a7281f;border-color:#efb9b3}
.caseBadge.done{background:#fff0db;color:#944800;border-color:#ebc492}
.caseStages{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}