:root{--sc-navy:#10213f;--sc-blue:#3157d5;--sc-blue-soft:#eef2ff;--sc-orange:#f5821f;--sc-bg:#f5f7fb;--sc-text:#1f2d44;--sc-muted:#68758b;--sc-line:#e3e8f1;--sc-green:#138a5b;--sc-red:#c43d4b;--sc-yellow:#a96800}
.sc-page{background:var(--sc-bg);min-height:100%;padding:28px 30px 60px;color:var(--sc-text)}
.sc-page svg{width:20px;height:20px;stroke-width:2.2}.sc-hero,.sc-order-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(125deg,#10213f 0%,#1b3768 68%,#3157d5 100%);border-radius:20px;padding:30px 34px;color:#fff;box-shadow:0 18px 50px rgba(16,33,63,.16)}
.sc-hero h1,.sc-order-hero h1{color:#fff!important;font-size:30px;margin:5px 0 8px;font-weight:750;letter-spacing:-.6px}.sc-hero p,.sc-order-hero p{margin:0;color:rgba(255,255,255,.78);font-size:15px}.sc-eyebrow{text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:800;color:#fbb56f;display:flex;align-items:center;gap:7px}.sc-eyebrow svg{width:15px;height:15px}.sc-primary-action,.sc-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:13px 18px;font-weight:750;text-decoration:none;white-space:nowrap}.sc-primary-action{background:var(--sc-orange);color:#fff}.sc-primary-action:hover{color:#fff;background:#e87310}.sc-secondary-action{background:#fff;color:var(--sc-navy);border:1px solid var(--sc-line)}.sc-secondary-action:hover{color:var(--sc-blue);text-decoration:none}.sc-primary-action svg,.sc-secondary-action svg{width:18px;height:18px}
.sc-alert{display:flex;align-items:center;gap:14px;padding:15px 17px;border-radius:13px;margin:18px 0;border:1px solid var(--sc-line);background:#fff}.sc-alert svg{flex:0 0 auto}.sc-alert>div{flex:1}.sc-alert-warning{background:#fff8e8;border-color:#f3d495;color:#704b00}
.sc-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:22px 0 18px;background:#fff;border:2px solid transparent;border-radius:15px;padding:8px 9px 8px 17px;box-shadow:0 5px 18px rgba(30,48,81,.07)}.sc-search:focus-within{border-color:#aebcf5}.sc-search svg{color:var(--sc-blue)}.sc-search input{border:0!important;outline:0;box-shadow:none!important;font-size:16px;min-height:44px;background:transparent}.sc-search button{border:0;background:var(--sc-blue);color:#fff;border-radius:10px;min-height:44px;padding:0 24px;font-weight:750}
.sc-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.sc-summary-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sc-line);border-radius:15px;padding:18px;text-decoration:none;color:var(--sc-text);box-shadow:0 5px 18px rgba(30,48,81,.04);border-top:4px solid var(--sc-blue)}.sc-summary-card:hover{color:var(--sc-text);transform:translateY(-2px);box-shadow:0 10px 26px rgba(30,48,81,.1);text-decoration:none}.sc-summary-card span,.sc-summary-card small{color:var(--sc-muted)}.sc-summary-card strong{font-size:29px;line-height:1.2;margin:3px 0}.sc-summary-card.tone-danger{border-top-color:var(--sc-red)}.sc-summary-card.tone-warning{border-top-color:#eda51c}.sc-summary-card.tone-info{border-top-color:#6b63d9}
.sc-filter-row{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:3px 0 12px;white-space:nowrap}.sc-filter-row>span{font-size:12px;text-transform:uppercase;font-weight:800;color:var(--sc-muted);margin-right:3px}.sc-filter-row a{padding:8px 12px;border-radius:30px;border:1px solid var(--sc-line);color:var(--sc-muted);background:#fff;font-size:12px;font-weight:650;text-decoration:none}.sc-filter-row a.active,.sc-filter-row a:hover{background:var(--sc-navy);border-color:var(--sc-navy);color:#fff}
.sc-order-list{display:flex;flex-direction:column;gap:13px}.sc-order-card{display:grid;grid-template-columns:minmax(0,1fr) 290px;background:#fff;border:1px solid var(--sc-line);border-radius:17px;overflow:hidden;box-shadow:0 4px 16px rgba(30,48,81,.045)}.sc-order-card:hover{border-color:#c6d0e3;box-shadow:0 12px 30px rgba(30,48,81,.1)}.sc-order-main{padding:20px 22px}.sc-order-title{display:flex;align-items:center;gap:13px;margin-bottom:12px}.sc-order-title h2{font-size:17px;margin:0 0 3px;color:var(--sc-navy)}.sc-order-title p{margin:0;color:var(--sc-muted);font-size:12px}.sc-order-id{display:flex;align-items:center;justify-content:center;min-width:62px;height:42px;padding:0 9px;border-radius:10px;background:var(--sc-blue-soft);color:var(--sc-blue);font-weight:800}.sc-stage-badge{display:inline-flex;border-radius:30px;padding:6px 11px;background:#edf1f7;color:#4b5870;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}.stage-installed,.stage-delivered{background:#e8f7ef;color:var(--sc-green)}.stage-dispatched{background:#e8f1ff;color:#2563a9}.stage-production,.stage-packed{background:#fff2e5;color:#a55209}.stage-approved{background:#eeeafd;color:#6545a5}
.sc-progress{height:7px;border-radius:10px;background:#e9edf5;overflow:hidden;margin:12px 0}.sc-progress span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--sc-blue),#4b83e5,var(--sc-orange))}.sc-next{display:flex;align-items:flex-start;gap:9px}.sc-next svg{color:var(--sc-orange);width:18px;height:18px}.sc-next small{display:block;text-transform:uppercase;letter-spacing:.4px;color:var(--sc-muted);font-size:9px;font-weight:800}.sc-next strong{display:block;font-size:13px;color:#34425a}.sc-order-meta{background:#fafbfe;border-left:1px solid var(--sc-line);padding:18px 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.sc-order-meta small{display:block;color:var(--sc-muted);font-size:10px;text-transform:uppercase;font-weight:750}.sc-order-meta strong{font-size:13px}.sc-care-flags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.sc-care-flags span{display:inline-flex;align-items:center;gap:4px;border-radius:20px;background:#edf1f7;color:#556178;padding:5px 8px;font-size:10px;font-weight:700}.sc-care-flags span.danger{background:#faeaec;color:var(--sc-red)}.sc-care-flags span.success{background:#e8f7ef;color:var(--sc-green)}.sc-care-flags svg{width:12px;height:12px}.sc-open-order{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--sc-blue);border-radius:9px;color:#fff!important;padding:10px;font-size:12px;font-weight:750;text-decoration:none}.sc-open-order:hover{background:#2949b6;text-decoration:none}.sc-open-order svg{width:15px;height:15px}
.sc-empty{background:#fff;border:1px dashed #cbd4e3;border-radius:16px;padding:45px;text-align:center;color:var(--sc-muted)}.sc-empty svg{width:32px;height:32px;margin-bottom:7px}.sc-empty h3{color:var(--sc-navy);font-size:18px;margin:5px}.sc-empty p{margin:0}.sc-empty.compact{border:0;border-radius:0;padding:20px;font-size:13px}
.sc-back{display:inline-flex;align-items:center;gap:7px;color:var(--sc-muted);font-weight:700;font-size:12px;margin-bottom:12px}.sc-back svg{width:16px;height:16px}.sc-order-hero{padding:24px 28px}.sc-order-hero-actions{display:flex;align-items:center;gap:10px}.sc-order-hero .sc-stage-badge{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.25)}
.sc-tracker-card,.sc-section{background:#fff;border:1px solid var(--sc-line);border-radius:17px;box-shadow:0 5px 18px rgba(30,48,81,.045)}.sc-tracker-card{margin-top:18px;padding:21px 22px}.sc-tracker-head{display:flex;align-items:end;justify-content:space-between}.sc-tracker-head small{display:block;color:var(--sc-muted);text-transform:uppercase;font-size:10px;font-weight:800}.sc-tracker-head strong{font-size:20px;color:var(--sc-navy)}.sc-tracker-head>div:last-child{color:var(--sc-blue);font-size:12px;font-weight:800}.sc-progress-large{height:10px;margin:14px 0 21px}.sc-stepper{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.sc-step{text-align:center;color:#929bad;position:relative}.sc-step:not(:last-child):after{content:"";position:absolute;top:18px;left:65%;width:70%;height:2px;background:#e2e7ef}.sc-step>span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;width:38px;height:38px;border-radius:50%;background:#eef1f6;border:2px solid #fff;box-shadow:0 0 0 1px #dce2ec}.sc-step svg{width:16px;height:16px}.sc-step strong,.sc-step small{display:block;font-size:10px;line-height:1.25}.sc-step strong{color:#647087}.sc-step small{margin-top:3px}.sc-step.done>span{background:#e9f7f0;color:var(--sc-green);box-shadow:0 0 0 1px #bce4d0}.sc-step.done:not(:last-child):after{background:#91d0b2}.sc-step.current>span{background:var(--sc-blue);color:#fff;box-shadow:0 0 0 4px #dfe5ff}.sc-step.current strong{color:var(--sc-blue)}
.sc-next-action{display:flex;align-items:center;gap:15px;margin:16px 0;background:#fff8e9;border:1px solid #f1d497;border-radius:15px;padding:16px 19px}.sc-next-action>span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--sc-orange);color:#fff}.sc-next-action small{display:block;color:#8a631a;text-transform:uppercase;font-weight:800;font-size:9px;letter-spacing:.5px}.sc-next-action h2{font-size:15px;margin:2px 0 0;color:#654612}.sc-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:11px;margin-bottom:18px}.sc-action-grid button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--sc-line);background:#fff;padding:14px;border-radius:13px;color:var(--sc-blue);box-shadow:0 4px 14px rgba(30,48,81,.04)}.sc-action-grid button:hover{border-color:#aab9ec;background:var(--sc-blue-soft);transform:translateY(-1px)}.sc-action-grid button>svg{width:24px;height:24px;flex:0 0 auto}.sc-action-grid strong,.sc-action-grid small{display:block}.sc-action-grid strong{font-size:13px;color:var(--sc-navy)}.sc-action-grid small{font-size:10px;color:var(--sc-muted);margin-top:2px}
.sc-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:17px;align-items:start}.sc-content-grid main,.sc-content-grid aside{display:flex;flex-direction:column;gap:17px}.sc-section{overflow:hidden}.sc-section-title{min-height:62px;padding:13px 17px;border-bottom:1px solid var(--sc-line);display:flex;align-items:center;justify-content:space-between}.sc-section-title>div{display:flex;align-items:center;gap:10px}.sc-section-title svg{color:var(--sc-blue);width:19px;height:19px}.sc-section-title strong,.sc-section-title small{display:block}.sc-section-title strong{font-size:14px;color:var(--sc-navy)}.sc-section-title small{font-size:10px;color:var(--sc-muted);margin-top:2px}.sc-section-title b{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:20px;background:var(--sc-blue-soft);color:var(--sc-blue);font-size:12px}
.sc-timeline{padding:3px 18px 12px}.sc-timeline article{display:grid;grid-template-columns:36px 1fr;gap:12px;position:relative;padding:13px 0}.sc-timeline article:not(:last-child):after{content:"";position:absolute;left:17px;top:46px;bottom:-5px;width:2px;background:#e6eaf2}.sc-time-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--sc-blue-soft);color:var(--sc-blue);position:relative;z-index:1}.sc-time-icon svg{width:16px;height:16px}.sc-timeline article.tone-success .sc-time-icon{background:#e8f7ef;color:var(--sc-green)}.sc-timeline article.tone-warning .sc-time-icon{background:#fff5dc;color:var(--sc-yellow)}.sc-timeline article.tone-danger .sc-time-icon{background:#faeaec;color:var(--sc-red)}.sc-timeline strong{font-size:13px;color:var(--sc-navy)}.sc-timeline p{font-size:12px;color:#556178;margin:2px 0;line-height:1.45}.sc-timeline small{font-size:10px;color:#9099aa}
.sc-case-card,.sc-job-card{padding:15px 17px;border-bottom:1px solid var(--sc-line)}.sc-case-card:last-child,.sc-job-card:last-child{border-bottom:0}.sc-case-card{border-left:4px solid #91a0b8}.sc-case-card.priority-high{border-left-color:#e39625}.sc-case-card.priority-urgent{border-left-color:var(--sc-red)}.sc-case-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sc-case-head span{color:var(--sc-muted);font-size:9px;font-weight:800}.sc-case-head h3,.sc-job-card h3{font-size:14px;margin:2px 0;color:var(--sc-navy)}.sc-case-card>p{font-size:12px;color:#536078;margin:9px 0}.sc-case-head em,.sc-job-card>em{font-style:normal;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800;background:#eef1f6;color:#59657a;white-space:nowrap}.status-open,.status-assigned{background:#fff4da!important;color:#8a5b00!important}.status-in_progress,.status-en_route,.status-on_site,.status-confirmed{background:#e8f1ff!important;color:#235ca7!important}.status-resolved,.status-closed,.status-completed,.status-customer_accepted{background:#e7f7ef!important;color:var(--sc-green)!important}.sc-case-meta{display:flex;flex-wrap:wrap;gap:6px}.sc-case-meta span{background:#f1f3f7;border-radius:20px;padding:4px 8px;font-size:9px;color:#616d81}.sc-inline-form{display:grid;grid-template-columns:150px 1fr auto;gap:7px;margin-top:12px}.sc-inline-form input,.sc-inline-form select{min-height:37px;border:1px solid var(--sc-line);border-radius:8px;padding:6px 9px;font-size:11px}.sc-inline-form button{border:0;border-radius:8px;background:var(--sc-blue);color:#fff;padding:0 14px;font-weight:700;font-size:11px}.sc-job-card{display:grid;grid-template-columns:1fr auto;gap:10px}.sc-job-card>div:first-child{display:flex;gap:11px}.sc-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--sc-blue-soft);color:var(--sc-blue)}.sc-job-card small,.sc-job-card p{font-size:10px;color:var(--sc-muted);margin:0}.sc-job-form{grid-column:1/-1;grid-template-columns:135px 1fr 1fr auto}
.sc-info-card dl{display:grid;grid-template-columns:95px 1fr;margin:0;padding:14px 17px;gap:11px 8px}.sc-info-card dt{font-size:10px;color:var(--sc-muted);font-weight:750}.sc-info-card dd{font-size:12px;margin:0;color:var(--sc-navy);font-weight:650}.sc-feedback-card{padding:14px 17px;border-bottom:1px solid var(--sc-line)}.sc-feedback-card:last-child{border-bottom:0}.sc-stars{color:#f2a51c;font-size:18px;letter-spacing:1px}.sc-feedback-card p{font-size:12px;margin:6px 0;color:#525f76}.sc-feedback-card small{font-size:9px;color:var(--sc-muted)}.sc-help-card{text-align:center;padding:23px;color:var(--sc-muted)}.sc-help-card>svg{color:var(--sc-orange);width:30px;height:30px}.sc-help-card h3{font-size:15px;color:var(--sc-navy);margin:8px 0 4px}.sc-help-card p{font-size:12px;line-height:1.55;margin:0}
.sc-modal{border:0;border-radius:17px;overflow:hidden}.sc-modal .modal-header{padding:18px 21px;background:var(--sc-navy);color:#fff;border:0}.sc-modal .modal-header small{font-size:9px;text-transform:uppercase;color:#fbb56f;font-weight:800}.sc-modal .modal-header h3{font-size:19px;color:#fff;margin:2px 0}.sc-modal .btn-close{filter:invert(1)}.sc-modal .modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.sc-modal label{font-size:11px;font-weight:750;color:#4a566b}.sc-modal input:not([type=checkbox]),.sc-modal select,.sc-modal textarea{display:block;width:100%;margin-top:5px;border:1px solid #d9e0eb;border-radius:9px;min-height:42px;padding:9px 11px;font-size:13px;background:#fff}.sc-modal textarea{resize:vertical}.sc-form-row,.sc-rating-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:end}.sc-form-row.three{grid-template-columns:repeat(3,1fr)}.sc-check{display:flex!important;align-items:center;gap:8px;min-height:42px;padding:8px 0}.sc-check input{width:18px;height:18px;flex:0 0 auto}.sc-form-note{background:#fff5dc;color:#7c590c;border-radius:9px;padding:10px 12px;font-size:11px}.sc-modal .modal-footer{border-top:1px solid var(--sc-line);padding:12px 20px}
.sc-inline-panel{background:#fff;border:1px solid #dfe5ef;border-left:5px solid var(--sc-blue);border-radius:13px;padding:14px 16px;margin:0 0 15px;box-shadow:0 4px 16px rgba(30,48,81,.05)}.sc-inline-head{display:flex;align-items:center;justify-content:space-between}.sc-inline-head span,.sc-inline-head strong{display:block}.sc-inline-head span{font-size:9px;text-transform:uppercase;color:var(--sc-muted);font-weight:800}.sc-inline-head strong{font-size:15px;color:var(--sc-navy)}.sc-inline-percent{font-size:20px;font-weight:800;color:var(--sc-blue)}.sc-inline-next{font-size:11px;color:#536078;display:flex;align-items:center;gap:7px}.sc-inline-next svg{width:15px;height:15px;color:var(--sc-orange)}.sc-inline-link{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;font-weight:750;color:var(--sc-blue)}.sc-inline-link svg{width:14px;height:14px}
@media(max-width:1100px){.sc-summary-grid,.sc-action-grid{grid-template-columns:repeat(2,1fr)}.sc-content-grid{grid-template-columns:1fr}.sc-stepper{overflow-x:auto;grid-template-columns:repeat(9,110px);padding-bottom:8px}.sc-order-card{grid-template-columns:1fr}.sc-order-meta{border-left:0;border-top:1px solid var(--sc-line)}}
@media(max-width:767px){.sc-page{padding:16px 12px 50px}.sc-hero,.sc-order-hero{align-items:flex-start;flex-direction:column;padding:22px}.sc-hero h1,.sc-order-hero h1{font-size:24px}.sc-primary-action{width:100%}.sc-order-hero-actions{width:100%;flex-direction:column;align-items:stretch}.sc-summary-grid,.sc-action-grid{grid-template-columns:1fr 1fr}.sc-summary-card{padding:14px}.sc-search{grid-template-columns:auto 1fr}.sc-search button{grid-column:1/-1}.sc-order-meta{grid-template-columns:1fr}.sc-order-meta>*{grid-column:1!important}.sc-content-grid{display:block}.sc-content-grid aside{margin-top:17px}.sc-inline-form,.sc-job-form{grid-template-columns:1fr}.sc-form-row,.sc-form-row.three,.sc-rating-main{grid-template-columns:1fr}.sc-tracker-card{padding:17px 12px}.sc-order-main{padding:16px}.sc-order-title{align-items:flex-start}.sc-stepper{grid-template-columns:repeat(9,95px)}}