@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";.banner{background:#eef3fc;border:1px solid #d9e4f8;color:#35507f;border-radius:9px;padding:10px 13px;font-size:13px;margin:10px 0}.banner.error{background:#fff1ee;border-color:#f3cfc6;color:#a2432d}.banner.warn{background:#fff8e6;border-color:#f0e0b0;color:#7a5a12}.headright{display:flex;gap:12px;align-items:center}.persona{display:flex;flex-direction:column;font-size:10px;letter-spacing:.5px;color:#7585a1;gap:3px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric.clickable{text-align:left;font:inherit;cursor:pointer}.metric.clickable:hover{border-color:#b9cbf0}.tabs{display:flex;gap:6px;margin-bottom:16px}.tabs button{border:1px solid #dce3ed;background:#fff;border-radius:8px;padding:9px 14px;font-weight:700;font-size:13px;color:#55657c}.tabs button.on{background:#315fbf;color:#fff;border-color:#315fbf}.panel{background:#fff;border:1px solid #e6ebf3;border-radius:13px;overflow:hidden}.panel.pad{padding:20px}.panel h3{margin:0 0 12px;font-size:15px;display:flex;gap:7px;align-items:center}.panel .controls .primary,.noteform .secondary{white-space:nowrap}.primary,.secondary{border-radius:8px;padding:9px 13px;font-size:12px;font-weight:700;display:inline-flex;gap:6px;align-items:center}.primary{background:#315fbf;color:#fff;border:1px solid #315fbf}button:disabled{opacity:.5;cursor:not-allowed}.tablewrap{overflow-x:auto}table.cases{width:100%;border-collapse:collapse;font-size:13px}.cases th{text-align:left;font-size:11px;letter-spacing:.5px;color:#8190a7;padding:10px 14px;border-bottom:1px solid #edf0f6}.cases td{padding:14px;border-bottom:1px solid #edf0f6;color:#27374d}.cases tbody tr{cursor:pointer}.cases tbody tr:hover,.cases tbody tr:focus{background:#f6f9ff;outline:0}.pill{display:inline-block;background:#ecf2fa;color:#48617e;border-radius:20px;padding:4px 9px;font-size:11px;margin-left:6px;white-space:nowrap}.cases td .pill:first-child{margin-left:0}.pill.urgent{background:#fff0eb;color:#bd6044}.pill.stage-pending_approval{background:#fff6dd;color:#8a6a10}.pill.stage-approved{background:#e5f6ee;color:#1b7f55}.pill.stage-rejected{background:#fdeceb;color:#b0463a}.pill.stage-sent{background:#e6eefc;color:#2f58b0}.pill.kind-return_action{background:#f3ecfb;color:#6c46a8}.muted{color:#8393ab}.small{font-size:12px}.newcase,.taskform{display:flex;flex-direction:column;gap:8px;padding:15px;border-bottom:1px solid #edf0f6}.taskform{border:0;border-top:1px solid #edf0f6;margin-top:12px;padding:12px 0 0}.newcase input,.newcase textarea,.taskform input,.decide input,.noteform textarea{border:1px solid #dae3ef;border-radius:8px;padding:9px 11px;font-size:13px;flex:1;min-width:0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.back{border:0;background:none;color:#3d62b3;font-weight:700;font-size:13px;display:flex;gap:6px;align-items:center;margin-bottom:12px;padding:0}.casehead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.casehead h2{margin:6px 0 4px;font-size:22px}.casehead p{margin:0}.check{display:flex;gap:6px;align-items:center;font-size:13px;color:#48566a}.detailgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px}.stack{display:flex;flex-direction:column;gap:16px}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.timeline .msg{border:1px solid #e3e9f3;border-radius:10px;padding:12px 14px;background:#fff}.timeline .msg.internal_note{background:#fffaf0;border-color:#f1e5c4}.timeline .who{display:flex;gap:7px;align-items:center;font-size:12px;flex-wrap:wrap}.timeline .msg p{margin:8px 0 0;font-size:13px;line-height:1.6;white-space:pre-wrap;color:#34445f}.timeline .evt{font-size:12px;color:#55657c;display:flex;gap:6px;align-items:center;padding-left:6px;flex-wrap:wrap}.noteform{display:flex;flex-direction:column;gap:8px;margin-top:14px}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.head h3{margin:0}.stages{list-style:none;display:flex;gap:6px;padding:0;margin:10px 0;font-size:11px}.stages li{flex:1;text-align:center;padding:7px 4px;border-radius:7px;background:#f1f4f9;color:#8393ab;font-weight:700}.stages li.done{background:#e5f6ee;color:#1b7f55}.stages li.now{background:#315fbf;color:#fff}.safety{display:flex;gap:6px;align-items:flex-start;color:#6f7f96;font-size:12px;line-height:1.5;margin:6px 0 12px}.safety svg{flex-shrink:0;margin-top:2px}.meta{display:flex;gap:10px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.panel textarea{width:100%;border:1px solid #dae3ef;border-radius:8px;resize:vertical;line-height:1.6;padding:12px;color:#34445f;font-size:13px}.panel textarea[readonly]{background:#f8fafc}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;flex-wrap:wrap}.actions.left{justify-content:flex-start}.decide{margin-top:14px;padding:13px;border:1px dashed #c7d6f1;border-radius:10px;display:flex;flex-direction:column;gap:8px;background:#f7faff}.task{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f6;font-size:13px}.task.done,.task.cancelled{opacity:.6}.overdue{color:#bd6044;font-weight:700}.taskwrap{display:flex;align-items:center;gap:10px}.taskwrap .task{flex:1}.link{border:0;background:none;color:#3d62b3;font-weight:700;font-size:12px}@media(max-width:1050px){.detailgrid{grid-template-columns:1fr}.cards.three{grid-template-columns:repeat(2,1fr)}.casehead{flex-direction:column}}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi{background:#fff;border:1px solid #e6ebf3;border-radius:13px;padding:15px 17px;text-align:left;font:inherit;box-shadow:0 4px 18px #16234206}.kpi:hover{border-color:#b9cbf0}.kpi.on{border-color:#315fbf;box-shadow:0 0 0 2px #315fbf33}.kpi span,.kpi small{display:block;color:#77869b;font-size:12px}.kpi strong{display:block;font-size:30px;margin:6px 0 4px;color:#182339}.kpi small{font-size:11px;line-height:1.35}.filterbar{padding:8px 15px;background:#f3f7ff;border-bottom:1px solid #e1eafb;font-size:12px;color:#45609b}.linkbtn{border:0;background:none;color:#3d62b3;font-weight:700;font-size:12px;padding:4px}.cases tbody tr.unanswered td:first-child{box-shadow:inset 3px 0 #315fbf}.pill.unans{background:#e6eefc;color:#2f58b0;font-weight:700}.legend{display:flex;gap:14px;list-style:none;margin:0 0 12px;padding:0;font-size:11px;color:#6f7f96;flex-wrap:wrap}.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.swatch.customer{background:#dbe7fc;border:1px solid #9db8ef}.swatch.note{background:#fff3cf;border:1px solid #e3c868}.swatch.event{background:#e9edf3;border:1px solid #c4ccd8}.timeline .msg{max-width:92%}.timeline .msg.customer{background:#eef4ff;border-color:#c9daf8;align-self:flex-start}.timeline .msg.internal_note{background:#fff8e1;border:1px dashed #dcb94d;align-self:flex-end}.tag{font-size:10px;letter-spacing:.3px;font-weight:700;padding:2px 7px;border-radius:10px;background:#dfe9fb;color:#2f58b0}.msg.internal_note .tag{background:#f6e6aa;color:#7a5a12}.timeline .evt{align-self:stretch;border-left:2px solid #d3dae6;margin-left:6px;padding:2px 0 2px 10px;color:#6c7a90}.statusbar{border-radius:11px;padding:12px 14px;margin:8px 0;border:1px solid #e1e7f1;background:#f6f8fc}.st-title{font-weight:700;font-size:14px;margin-bottom:8px}.st-hint{margin:8px 0 0;font-size:12.5px;color:#4d5d75;line-height:1.5}.statusbar.st-pending_approval{background:#fff9e8;border-color:#f0e1b2}.statusbar.st-approved{background:#eaf7f0;border-color:#c5e6d4}.statusbar.st-rejected{background:#fdf0ee;border-color:#f1cdc6}.statusbar.st-sent{background:#edf2fd;border-color:#cbd9f6}.statusbar .stages{margin:0}.stages li{cursor:default}.notefield{width:100%;margin-top:10px;border:1px solid #dae3ef;border-radius:8px;padding:9px 11px;font-size:13px}.actions .primary{order:2}.pill.tstatus-in_progress{background:#e6eefc;color:#2f58b0}.pill.tstatus-done{background:#e5f6ee;color:#1b7f55}.pill.tstatus-cancelled{background:#eceff3;color:#7b8798}.taskmain{min-width:0;flex:1}.taskmeta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:4px}.taskmeta .pill{margin-left:0}.taskactions{flex-shrink:0}.controls.tight{padding:0 0 12px;border:0}.newtask{margin-top:14px}.newtask summary{cursor:pointer;color:#3d62b3;font-weight:700;font-size:12px}.orderbox ul{margin:6px 0 0;padding-left:18px;font-size:13px;color:#34445f}.integ{margin-top:18px}.integlist{display:flex;flex-direction:column}.integrow{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f6;font-size:13px}.pill.mode-fixtures{background:#fff6dd;color:#8a6a10;margin-left:0}.pill.mode-disabled{background:#eceff3;color:#7b8798;margin-left:0}.syncfail{margin-top:10px;font-size:12px}.syncfail ul{margin:6px 0 0;padding-left:18px}.syncfail code{background:#f1f4f9;padding:1px 5px;border-radius:4px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,tr:focus-visible{outline:2px solid #315fbf;outline-offset:2px}@media(max-width:1050px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.kpis{gap:8px}.kpi{padding:11px 12px}.kpi strong{font-size:24px}.casehead{gap:10px}.casehead h2{font-size:19px}.casehead .row{width:100%}.detailgrid{gap:12px}.panel.pad{padding:14px}.timeline .msg{max-width:100%}.stages{flex-wrap:wrap}.stages li{flex:1 1 45%}.actions{flex-direction:column-reverse}.actions button{width:100%;justify-content:center;padding:12px}.task,.integrow,.taskwrap{flex-direction:column;align-items:stretch}.taskactions{justify-content:flex-start}.taskform .row>*{flex:1 1 100%}.tabs button{flex:1}.headright{width:100%;justify-content:space-between}table.cases thead{display:none}table.cases,table.cases tbody,table.cases tr,table.cases td{display:block;width:100%}table.cases tr{padding:12px 14px;border-bottom:1px solid #edf0f6}.cases td{padding:3px 0;border:0}.cases td:before{content:attr(data-label) ": ";color:#8190a7;font-size:11px}.cases td:first-child:before{content:""}.cases tbody tr.unanswered td:first-child{box-shadow:none}.cases tbody tr.unanswered{box-shadow:inset 3px 0 #315fbf}}.removed{margin:8px 0 0;padding:6px 9px;border-radius:7px;background:#fdf0ee;border:1px solid #f1cdc6;color:#a2432d;font-size:12px}.attachments{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:12px;color:#34445f}.attachments li{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pill.mode-test-server{background:#eaf1ff;color:#2f58b0;margin-left:0}.pill.mode-live{background:#e5f6ee;color:#1b7f55;margin-left:0}.loginscreen{max-width:380px;margin:12vh auto;padding:28px;background:#fff;border:1px solid #e6ebf3;border-radius:14px;text-align:center}.loginscreen h1{letter-spacing:3px}.loginscreen .primary{display:inline-flex;margin-top:14px;text-decoration:none;padding:11px 16px}.userbox{align-items:flex-end;gap:4px}.userbox span{font-size:12px;letter-spacing:0;color:#41516c;font-weight:700}.retention{margin-top:18px}.retrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:12px 0;border-bottom:1px solid #edf0f6;font-size:13px}.retrow .row{justify-content:flex-end}.retrow input{width:90px;border:1px solid #dae3ef;border-radius:8px;padding:8px}.pill.ok{background:#e5f6ee;color:#1b7f55;margin-left:0}.pill.warn{background:#fff6dd;color:#8a6a10;margin-left:0}@media(max-width:720px){.retrow{grid-template-columns:1fr}.retrow .row{justify-content:flex-start}}.statebadge{display:inline-flex;gap:5px;align-items:center;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;margin-right:6px}.statebadge.ok{background:#e5f6ee;color:#1b7f55}.statebadge.warn{background:#fff3d6;color:#8a6a10}.statebadge.none{background:#eceff3;color:#5d6b80}.ordercard{border:1px solid #e3e9f3;border-radius:10px;padding:12px 14px;background:#fbfcff;margin:8px 0}.orderhead{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.orderhead .pill{margin-left:0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:0 0 8px;font-size:13px}.facts .wide{grid-column:1/-1}.facts dt{font-size:11px;color:#8190a7;letter-spacing:.3px}.facts dd{margin:2px 0 0;color:#27374d}.track{display:inline-flex;gap:5px;align-items:center;margin-right:10px}.track a{color:#2f58b0;font-weight:700}.orderitems{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px}.orderitems li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #edf0f6}.itemactions{display:flex;gap:2px 10px;flex-wrap:wrap;align-items:flex-start}.unknownbox{background:#f6f8fc;border:1px dashed #cdd6e6;border-radius:9px;padding:10px 12px;margin:8px 0;font-size:12.5px;color:#4d5d75}.unknownbox ul{margin:6px 0 0;padding-left:18px}.suggestion{border-top:1px solid #edf0f6;margin-top:8px;padding-top:6px}.manualsearch{margin-top:12px}.manualsearch summary{cursor:pointer;color:#3d62b3;font-weight:700;font-size:12px;margin-bottom:8px}.manualsearch input{border:1px solid #dae3ef;border-radius:8px;padding:8px 10px;font-size:13px;flex:1;min-width:130px}@media(max-width:720px){.facts{grid-template-columns:1fr}.orderitems li{flex-direction:column}}:root{font-family:DM Sans,system-ui,sans-serif;background:#f5f7fb;color:#182339;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:#121d33;color:#e5edfc;display:flex;flex-direction:column;padding:26px 15px}.brand{display:flex;gap:12px;align-items:center;padding:2px 11px 36px}.brandicon{width:43px;height:43px;background:#3259b9;border-radius:13px;display:grid;place-items:center}.brand strong{font-size:23px;letter-spacing:3px;display:block}.brand span{font-size:9px;letter-spacing:2px;color:#94a6c5}.sidecaption,.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#8293b0}.sidecaption{margin:0 13px 13px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.navitem{color:#afbed5;background:transparent;border:0;width:100%;display:flex;gap:13px;align-items:center;text-align:left;padding:13px;border-radius:9px}.navitem.current{background:#263753;color:#fff;font-weight:700}.navitem em{margin-left:auto;border-radius:20px;padding:2px 7px;background:#4166bc;font-style:normal;font-size:11px}.sidebarbottom{margin-top:auto;display:flex;gap:8px;align-items:center;color:#92a4c0;font-size:11px;padding:15px 8px}main{padding:38px 43px;width:100%;max-width:1750px;margin:auto}header{display:flex;justify-content:space-between;align-items:start;margin-bottom:30px}h1{font-size:29px;margin:8px 0 7px;letter-spacing:-.6px}header p,.sectionhead p{color:#79869c;margin:0;font-size:14px}.mode{background:#eaf1ff;color:#3d62b3;padding:9px 12px;border-radius:25px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{background:#fff;border:1px solid #e6ebf3;border-radius:13px;padding:20px;box-shadow:0 4px 18px #16234206}.metric span,.metric small{display:block;color:#77869b;font-size:12px}.metric strong{display:block;font-size:35px;margin:8px 0 6px}.metric small{font-size:11px}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:33px 0 17px}.sectionhead h2{margin:0 0 5px;font-size:20px}.demolabel{border:1px solid #d7dfed;border-radius:30px;padding:7px 10px;font-size:10px;letter-spacing:1px;color:#7585a1;font-weight:700}.workarea{display:grid;grid-template-columns:minmax(270px,38%) minmax(0,62%);gap:16px}.casepanel,.details{background:#fff;border:1px solid #e6ebf3;border-radius:13px;overflow:hidden}.controls{padding:15px;border-bottom:1px solid #edf0f6;display:flex;gap:9px}.search{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #dce3ed;border-radius:8px;flex:1;min-width:0;color:#8190a7}.search input{width:100%;outline:0;border:0;font-size:12px}select{border:1px solid #dce3ed;background:#fff;border-radius:8px;padding:9px;color:#48566a;font-size:12px;max-width:155px}.caseitem{text-align:left;width:100%;padding:18px;border:0;border-bottom:1px solid #edf0f6;background:#fff;color:#27374d;font-size:13px}.caseitem.active{background:#f0f5ff;box-shadow:inset 3px 0 #3567cc}.casetop,.casemeta{display:flex;align-items:center;justify-content:space-between}.casetop{margin-bottom:7px}.casemeta{color:#8090a7;font-size:11px;margin-top:14px}.status{background:#ecf2fa;padding:5px 8px;border-radius:20px;color:#48617e}.status.urgent{background:#fff0eb;color:#bd6044}.empty{padding:20px;color:#8293ad}.details{padding:22px}.detailtop{display:flex;justify-content:space-between;align-items:start;gap:12px}.detailtop h3{font-size:19px;margin:7px 0}.detailtop p{font-size:13px;color:#8290a4;margin:0}.analysisbox{background:#f2f6ff;border:1px solid #dce7fc;padding:16px;border-radius:10px;margin:23px 0}.line{display:flex;align-items:center;gap:8px;color:#3259a6;font-size:13px}.analysisbox p{margin:10px 0 0;font-size:13px;line-height:1.7;color:#40536f}.drafthead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.approved{display:flex;align-items:center;gap:6px;color:#1b8f60;font-size:11px}.details textarea{width:100%;border:1px solid #dae3ef;border-radius:8px;resize:vertical;min-height:205px;line-height:1.6;padding:14px;color:#34445f;font-size:13px}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.actions button{border-radius:8px;padding:11px 13px;font-size:12px;font-weight:700}.secondary{background:#fff;border:1px solid #d7e0ed;color:#41516c}.primary{background:#315fbf;color:#fff;border:1px solid #315fbf;display:flex;align-items:center;gap:7px}.safety{color:#8c98a9;font-size:11px;margin:14px 0 0;line-height:1.5}.placeholder{background:#fff;border:1px solid #e6ebf3;border-radius:13px;padding:70px 24px;text-align:center;color:#7b8ba2}.placeholder h2{color:#253852}footer{color:#9aa5b4;font-size:11px;margin-top:32px;text-align:center}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.workarea{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{width:65px;padding:24px 7px}.brand{padding:0 4px 30px}.brand>div:last-child,.sidecaption,.navitem em,.navitem:not(.current),.sidebarbottom{display:none}.navitem{justify-content:center;padding:12px}.navitem.current{font-size:0}.navitem.current svg{flex-shrink:0}main{padding:24px 15px}.cards{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:13px}.metric strong{font-size:26px}h1{font-size:24px}.mode{display:none}.sectionhead{align-items:start}.demolabel{font-size:9px}.controls{flex-wrap:wrap}.search{min-width:170px}}
