@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap');
:root{--navy:#2B4467;--peri:#6F87BA;--sky:#6F9ECE;--powder:#B8CEE7;--ice:#F0F4F9;--white:#fff;--rose:#F4A6BE;--slate:#4C6382;--line:#D6E0EC;--soft:#E6EDF6;--r:14px;--small:9px}
.admin-nav{display:flex;gap:20px;margin-bottom:24px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:18px;display:grid;gap:8px}.stat b{font-size:28px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tab{min-height:42px;padding:8px 14px;border:1px solid #9baec7;border-radius:8px;background:white;color:var(--navy);font-weight:800}.tab.active{background:var(--navy);color:white}@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}.admin-nav{flex-wrap:wrap}}.result-card,.review-card{margin-top:24px}.receipt{width:100%;max-height:520px;object-fit:contain;background:#f0f4f9}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.feedback{padding:12px;background:#e6edf6;border-radius:8px}.feedback.error{background:#fce7ed;color:#81344a}.success{padding:24px 0}.item-form{margin-bottom:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}button:disabled{opacity:.6;cursor:wait}.table-wrap{max-width:100%;overflow-x:auto}td select{min-width:190px}input:focus-visible,select:focus-visible,a:focus-visible,button:focus-visible{outline-color:#2b4467}.panel,section,aside{min-width:0}*{box-sizing:border-box}body{margin:0;background:var(--ice);color:var(--navy);font-family:'Nunito',Arial,sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--rose);outline-offset:2px}.shell{max-width:1120px;margin:0 auto;padding:0 28px}.top{height:78px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center}.top-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1120px;margin:auto;padding:0 28px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:50px;height:50px;object-fit:cover;border-radius:50%;border:2px solid var(--powder)}.brand-name{font:700 24px/1 'Baloo 2',sans-serif;letter-spacing:.1px}.brand-sub{font-size:12px;color:var(--slate);margin-top:2px}.top-link{font-weight:800;color:var(--navy);padding:10px 13px;border-radius:8px}.main{padding:54px 0 74px}.page-head{margin:0 0 24px}.page-head h1{font:700 clamp(30px,4vw,42px)/1.08 'Baloo 2',sans-serif;margin:0 0 8px}.page-head p{margin:0;color:var(--slate);font-size:16px}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:28px}.search-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:26px;align-items:stretch}.search-panel{padding:34px}.field{display:grid;gap:7px;margin-bottom:18px}.field label{font-weight:800}.field small,.hint{font-size:13px;color:var(--slate)}input,select{width:100%;min-height:48px;border:1px solid #9BAEC7;border-radius:8px;padding:11px 13px;background:var(--white);color:var(--navy)}input::placeholder{color:#5D7596;opacity:1}.btn{min-height:48px;border:0;border-radius:9px;padding:11px 18px;font-weight:800;background:var(--navy);color:var(--white);display:inline-flex;align-items:center;justify-content:center}.btn:hover{background:#1f3452}.btn.rose{background:var(--rose);color:var(--navy)}.btn.light{background:var(--soft);color:var(--navy);border:1px solid var(--powder)}.btn.full{width:100%}.find-note{padding:23px 25px;background:var(--powder);border-radius:var(--r);display:flex;flex-direction:column;justify-content:space-between;min-height:300px}.find-note h2{font:700 25px/1.15 'Baloo 2',sans-serif;margin:0 0 10px}.find-note p{margin:0 0 15px}.seal-mark{width:56px;height:56px;border:1px solid #7189ad;background:var(--ice);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--navy);font:700 24px 'Baloo 2',sans-serif}.subtle{color:var(--slate)}.breadcrumb{font-size:13px;color:var(--slate);margin-bottom:16px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;align-items:start}.section-title{font:700 23px/1.2 'Baloo 2',sans-serif;margin:0 0 16px}.order-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.order-id{font-weight:800;font-size:13px;color:var(--slate)}.status{display:inline-flex;align-items:center;padding:5px 10px;border-radius:7px;background:var(--soft);color:var(--navy);font-weight:800;font-size:12px}.status.rose{background:#FCE8EF}.item-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--soft)}.item-row:last-child{border-bottom:0}.item-name{font-weight:800}.money{font-weight:800;white-space:nowrap}.summary{display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.money-row{display:flex;justify-content:space-between;gap:10px}.money-row.total{font-size:18px;font-weight:800;padding-bottom:8px;border-bottom:1px solid var(--line)}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;margin-left:8px;padding:0 0 18px 24px;border-left:2px solid var(--powder);min-height:42px}.timeline li:last-child{border-left-color:transparent;padding-bottom:0}.step-mark{position:absolute;left:-8px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--white);border:2px solid var(--peri)}.timeline li.done .step-mark{background:var(--navy);border-color:var(--navy)}.timeline li.current .step-mark{background:var(--rose);border-color:var(--navy)}.step-title{font-weight:800}.step-meta{font-size:12px;color:var(--slate)}.upload-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.drop{border:2px dashed #7893B8;border-radius:10px;background:#F7F9FC;text-align:center;padding:28px 20px;margin:5px 0 18px}.drop strong{display:block;font-size:16px;margin:0 0 5px}.drop input{max-width:290px;margin-top:15px}.preview-box{height:164px;border:1px solid var(--line);border-radius:9px;background:var(--ice);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--slate);margin:12px 0;font-size:13px}.bank-card{background:var(--soft);padding:18px;border-radius:10px;margin-bottom:16px}.bank-card p{margin:6px 0 0;font-weight:800}.login-wrap{max-width:470px;margin:20px auto}.login-wrap .panel{padding:34px}.login-brand{text-align:center;margin-bottom:22px}.login-brand img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid var(--powder)}.login-brand h1{font:700 28px 'Baloo 2',sans-serif;margin:10px 0 0}.admin-shell{max-width:1320px;margin:0 auto;padding:30px 28px 70px}.admin-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.admin-head h1{font:700 35px/1.1 'Baloo 2',sans-serif;margin:0 0 7px}.admin-head p{margin:0;color:var(--slate)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.filter{min-height:42px;padding:8px 14px;border:1px solid #9BAEC7;border-radius:8px;background:var(--white);font-weight:800}.filter.active{background:var(--navy);color:var(--white);border-color:var(--navy)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}table{border-collapse:collapse;width:100%;min-width:890px;text-align:left}th,td{padding:14px 13px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--slate);font-weight:800;background:#F8FAFC}tbody tr:last-child td{border-bottom:0}.buyer{font-weight:800}.contact,.cell-note{font-size:12px;color:var(--slate)}.row-link{font-weight:800;text-decoration:underline;text-underline-offset:2px}.table-empty{text-align:center;padding:24px;color:var(--slate)}.decision-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.receipt{height:264px;border:1px dashed #7893B8;background:#F7F9FC;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--slate);padding:18px}.btn-row{display:flex;gap:9px;flex-wrap:wrap}.message{border:1px solid var(--line);border-radius:9px;padding:14px;background:#F7F9FC;white-space:pre-line}.message-title{font-weight:800;margin:0 0 8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .span-2{grid-column:span 2}.remainder{padding:15px 16px;border-radius:9px;background:var(--soft);display:flex;justify-content:space-between;font-weight:800;margin:0 0 18px}.toast{margin-top:14px;background:var(--soft);padding:12px 14px;border-radius:8px;font-weight:800}.screen-note{font-size:12px;color:var(--slate);margin-top:22px}.bottom-space{height:25px}.modal-shade{position:fixed;inset:0;background:#182b43a0;display:none;align-items:center;justify-content:center;padding:20px}.modal-shade.open{display:flex}.modal{background:var(--white);max-width:420px;width:100%;padding:25px;border-radius:var(--r)}
@media(max-width:760px){.shell{padding:0 18px}.top{height:68px}.top-inner{padding:0 18px}.brand img{width:44px;height:44px}.brand-name{font-size:22px}.top-link{padding:9px 6px;font-size:14px}.main{padding:32px 0 48px}.page-head h1{font-size:32px}.page-head p{font-size:15px}.panel{padding:21px}.search-layout,.detail-grid,.upload-layout,.decision-layout{grid-template-columns:1fr}.search-panel{padding:22px}.find-note{min-height:190px}.find-note h2{font-size:22px}.seal-mark{width:46px;height:46px;font-size:20px}.order-top{flex-direction:column}.detail-grid{gap:14px}.summary{margin-top:12px}.admin-shell{padding:22px 17px 50px}.admin-head{align-items:flex-start;flex-direction:column}.admin-head h1{font-size:30px}.filters{display:grid;grid-template-columns:1fr 1fr}.filter{min-height:44px;padding:7px}.table-wrap{overflow:visible;border:0;background:transparent}.table-wrap table{min-width:0;border-collapse:separate;border-spacing:0 10px}.table-wrap thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}.table-wrap tr{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:10px 13px}.table-wrap td{padding:8px 0;border-bottom:1px solid var(--soft);display:grid;grid-template-columns:106px 1fr;gap:7px;font-size:13px}.table-wrap td:last-child{border:0}.table-wrap td:before{content:attr(data-label);font-size:11px;color:var(--slate);font-weight:800}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.login-wrap{margin:8px auto}.login-wrap .panel{padding:25px}.btn-row .btn{flex:1 1 130px}.receipt{height:200px}}
@media(min-width:761px) and (max-width:1020px){.admin-shell{padding-left:20px;padding-right:20px}.table-wrap table{min-width:970px}}
.top-inner>div{display:flex;align-items:center;gap:8px}
@media(max-width:1020px){.table-wrap{overflow:visible;border:0;background:transparent}.table-wrap table{min-width:0;border-collapse:separate;border-spacing:0 12px}.table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.table-wrap tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.table-wrap tr{display:block;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:4px 14px}.table-wrap td{display:block;width:auto;padding:11px 0;border-bottom:1px solid var(--soft);font-size:14px}.table-wrap td:last-child{border:0}.table-wrap td:before{content:attr(data-label);display:block;font-size:11px;letter-spacing:.3px;text-transform:uppercase;color:var(--slate);font-weight:800;margin-bottom:4px}.table-wrap td:first-child:before{display:none}.table-wrap td:first-child b{font-size:17px}.table-wrap td .item-row{padding:4px 0;border:0}td select{min-width:0}.table-wrap .actions{display:grid;grid-template-columns:1fr;gap:8px}.table-wrap .actions .btn{width:100%;min-height:44px;font-size:14px}}
@media(max-width:760px){.admin-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:18px}.admin-nav a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:6px 8px;line-height:1.2;border:1px solid var(--line);border-radius:10px;background:var(--white);font-size:13px}.admin-nav a[aria-current]{background:var(--navy);color:var(--white);border-color:var(--navy)}.admin-head h1{font-size:28px}.admin-head{margin-bottom:16px;gap:6px}.stats{gap:10px;margin-bottom:16px}.stat{padding:12px 14px;gap:2px;font-size:13px}.stat b{font-size:24px}.tabs{gap:6px;margin-bottom:16px}.tab{min-height:44px;padding:8px 12px;font-size:13px}.review-card .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.review-card .actions .btn{width:100%;padding:11px 8px}.item-form{border:1px solid var(--line);border-radius:10px;padding:14px 14px 4px}.item-form .remove-item{margin-bottom:12px}#add-item,#order-form>button[type=submit]{width:100%}}
@media(max-width:420px){.top-inner{padding:0 14px}.brand{gap:8px}.brand img{width:38px;height:38px}.brand-name{font-size:19px}.top-link{font-size:13px;padding:8px 4px}.top .btn{min-height:40px;padding:8px 12px;font-size:14px}}
.admin-nav a{padding:10px 0}.admin-nav a[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:3px}
@media(max-width:760px){.admin-nav a{padding:6px 8px}.admin-nav a[aria-current]{text-decoration:none}.top-link{min-height:44px;display:inline-flex;align-items:center}}

.btn.danger{background:#f8d8dc;color:#862d3b;border:1px solid #cf8e99}

.qris{display:block;width:100%;max-width:420px;height:auto;margin:0 auto 16px}

/* ===== Tema v2: nuansa laut xawai.go ===== */
:root{--navy:#2E3F72;--peri:#3F5596;--mid:#5B74B5;--dash:#7C92CC;--powder:#C9D5F0;--ice:#F4F7FD;--soft:#EAF0FB;--line:#E1E8F7;--slate:#4A5A86;--muted:#5A6890;--rose:#F3C6CF;--r:24px}
body{background:var(--ice);color:#24335F}
h1,h2,.section-title,.card-title,.brand-name,.btn{font-family:'Baloo 2',sans-serif}
.ico{width:18px;height:18px;flex-shrink:0;vertical-align:-3px}
.top{height:74px}.brand img{border:1.5px solid var(--powder)}.brand-name{font-weight:800;color:var(--peri)}
.brand-tag{font-size:12px;font-weight:800;color:var(--peri);background:var(--soft);border-radius:999px;padding:6px 12px;white-space:nowrap}
.main{padding:0 0 74px}.main.admin{padding-top:44px}
.hero{position:relative;overflow:hidden;padding:36px 0 30px;margin-bottom:6px;background-image:radial-gradient(var(--powder) 1.4px,transparent 1.6px);background-size:14px 14px}
.hero .shell{position:relative;display:flex;flex-direction:column;gap:8px}
.hero h1{font-weight:800;font-size:clamp(30px,4vw,42px);line-height:1.08;color:var(--navy);margin:4px 0 0}
.hero p{margin:0;color:var(--slate);font-size:16px;max-width:560px}
.hero-center .shell{align-items:center;text-align:center}
.hero-logo{width:150px;height:150px;border-radius:50%;border:2px dashed var(--dash);padding:8px;background:#fff}
.hero-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.deco{position:absolute;pointer-events:none}.deco svg{width:100%;height:100%;display:block}
.star-a{width:46px;height:46px;left:calc(50% - 190px);top:4px;transform:rotate(-14deg)}
.star-b{width:26px;height:26px;left:calc(50% - 150px);top:52px;transform:rotate(18deg)}
.shell-a{width:42px;height:38px;left:calc(50% + 130px);top:10px;transform:rotate(16deg)}
.pill-id{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:1px;color:var(--peri);background:#fff;border:1.5px dashed var(--dash);border-radius:999px;padding:6px 12px}
.panel{border-radius:var(--r);border:1px solid var(--line);box-shadow:0 10px 28px rgba(46,63,114,.07)}
.search-panel{box-shadow:0 12px 30px rgba(46,63,114,.11)}
.card-title{font-weight:700;font-size:20px;color:var(--navy)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{font-size:12px;font-weight:800;color:var(--peri);background:var(--soft);border-radius:999px;padding:6px 11px}
.search-input{display:flex;align-items:center;gap:10px;border:2px solid var(--powder);border-radius:16px;padding:0 14px;background:#FAFCFF;color:var(--mid)}
.search-input:focus-within{border-color:var(--navy)}
.search-input input{border:0;background:transparent;min-height:50px;padding:0;outline:none}
input,select{border:2px solid var(--powder);border-radius:14px;min-height:50px}input:focus,select:focus{border-color:var(--navy)}
.btn{border-radius:14px;font-weight:700;font-size:16px;gap:8px}.btn.big{min-height:56px;font-size:18px;border-radius:18px;box-shadow:0 10px 24px rgba(46,63,114,.2)}
.btn.light{background:var(--soft);border:0;color:var(--navy)}.btn.light:hover{background:#DCE5F7}
.find-note{background:#fff;border:2px dashed var(--powder);border-radius:var(--r)}
.find-note h2{color:var(--navy)}.find-foot{display:flex;gap:12px;align-items:center}.find-shell{width:36px;flex-shrink:0}.find-shell svg{width:100%;display:block}
.result-card{border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;gap:12px;background:#fff}
.result-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.result-top .section-title{margin:0;font-size:21px}
.item-box{display:grid;gap:8px;background:var(--ice);border-radius:16px;padding:12px 14px}.item-box div{display:flex;justify-content:space-between;gap:10px;font-size:14px}.item-box span{color:var(--slate)}
.result-total{display:flex;justify-content:space-between;align-items:baseline}.result-total span{color:var(--slate)}.result-total b{font:800 22px 'Baloo 2',sans-serif;color:var(--navy)}
.order-id{letter-spacing:1px;color:var(--muted)}
.status{border-radius:999px;padding:6px 11px;white-space:nowrap}
.pay-lunas,.pay-dp_terbayar{background:#DDF3E6;color:#1F5B3F}.pay-menunggu_verifikasi{background:#FFF1D6;color:#6B4A0E}.pay-belum_bayar{background:var(--soft);color:var(--navy)}
.breadcrumb{margin:0 0 16px}.breadcrumb a{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--navy);min-height:44px}
.order-top{align-items:center;border-bottom:0;padding-bottom:0}.order-top .section-title{margin:0}
.item-row{border-bottom:1px solid var(--soft)}
.summary{border-top:2px dashed #D6E0F4}
.money-row{align-items:center}.money-row span{color:var(--slate)}.money-row b.paid{color:#1F5B3F;display:inline-flex;align-items:center;gap:6px}
.money-row.sisa{background:var(--navy);color:#fff;border-radius:16px;padding:14px 16px;margin-top:4px}.money-row.sisa span{color:#fff;font-weight:700}.money-row.sisa b{font:800 22px 'Baloo 2',sans-serif}
.timeline{margin-bottom:18px}.timeline li{margin-left:13px;padding:0 0 20px 30px;border-left:3px dashed var(--powder)}
.timeline li.done{border-left:3px solid var(--mid)}
.step-mark{left:-15.5px;top:0;width:28px;height:28px;border:2.5px dashed #AFC0E4;background:#fff;display:flex;align-items:center;justify-content:center}
.timeline li.done .step-mark{background:var(--mid);border:0;color:#fff}.timeline li.done .step-mark .ico{width:14px;height:14px}
.timeline li.current .step-mark{background:#fff;border:3px solid var(--navy)}.timeline li.current .step-mark:after{content:'';width:10px;height:10px;border-radius:50%;background:var(--navy)}
.timeline li.current .step-body{background:var(--soft);border-radius:14px;padding:10px 12px;margin-top:-6px}
.step-title{font-size:15px}.timeline li:not(.done):not(.current) .step-title{color:var(--slate);font-weight:700}.step-meta{font-size:13px;color:var(--muted)}
.paid-note{display:flex;gap:8px;align-items:center;background:#DDF3E6;color:#1F5B3F;font-weight:800;border-radius:16px;padding:14px 16px;margin:0}
.step-head{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--navy);margin:0 0 16px}
.step-head span{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font:800 15px 'Nunito',sans-serif;display:flex;align-items:center;justify-content:center}
.qris-panel{text-align:center}.qris-panel .step-head{text-align:left}.qris{border-radius:20px;border:2px dashed var(--dash);padding:10px;max-width:300px}
.upload-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.termin{border:0;margin:0 0 16px;padding:0;display:grid;gap:10px}.termin legend{font-weight:800;margin-bottom:10px}
.choice{display:flex;align-items:center;gap:12px;border:2px solid var(--line);border-radius:16px;padding:12px 14px;background:#F7F9FD;cursor:pointer;font-weight:700;color:var(--slate)}
.choice input{width:20px;height:20px;min-height:0;margin:0;accent-color:var(--navy)}.choice span:first-of-type{flex:1}
.choice:has(input:checked){border-color:var(--navy);background:var(--soft);color:var(--navy);font-weight:800}.choice:has(input:disabled){cursor:default}
.drop{border:2px dashed var(--dash);border-radius:20px;background:#FAFCFF;display:flex;flex-direction:column;align-items:center;gap:6px}
.drop strong{font:700 17px 'Baloo 2',sans-serif;color:var(--navy);margin:0}.drop-icon{width:54px;height:54px;border-radius:50%;background:var(--soft);color:var(--navy);display:flex;align-items:center;justify-content:center}.drop-icon .ico{width:26px;height:26px}
.preview-box{border-radius:16px;border:1px solid var(--line)}
.warn{display:flex;gap:10px;align-items:flex-start;background:#FFF6E5;color:#6B4A0E;border-radius:14px;padding:12px 14px;font-size:13px;margin:0 0 16px}
.success{text-align:center}
.stat,.tab,.table-wrap,.table-wrap tr,.item-form{border-radius:16px}.tab{border:1px solid var(--powder)}.tab.active{background:var(--navy)}
@media(max-width:760px){.hero{padding:28px 0 22px}.hero-logo{width:128px;height:128px}.star-a{left:8px}.star-b{left:48px;top:58px}.shell-a{left:auto;right:14px}.panel{padding:20px}.find-note{min-height:0;gap:14px}}
.step-head span{flex-shrink:0}
@media(max-width:760px){.upload-layout{grid-template-columns:1fr}.order-top{flex-direction:row;align-items:center}}
.search-layout{align-items:start}.find-note{min-height:260px}
/* huruf kecil biar lucu (sisi pembeli) */
.main:not(.admin) .hero h1,.main:not(.admin) .card-title,.main:not(.admin) .section-title,.main:not(.admin) .step-head,.main:not(.admin) .find-note h2,.main:not(.admin) .btn.big,.main:not(.admin) .result-card .btn,.brand-name{text-transform:lowercase}

.termin-label{font-weight:800;margin:0 0 10px}.choice.is-on{border-color:var(--navy);background:var(--soft);color:var(--navy);font-weight:800;cursor:default}.paid-note.wait{background:#FFF1D6;color:#6B4A0E}

.flag{width:22px;height:15px;margin-left:8px;vertical-align:-2px;border-radius:3px;box-shadow:0 0 0 1px #D6E0F4}.main:not(.admin) .timeline,.main:not(.admin) .chips{text-transform:lowercase}

.inv-boxes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.inv-box{display:flex;gap:8px;align-items:flex-start;border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.35;border:1.5px solid}.inv-box .ico{width:16px;height:16px;margin-top:1px}.inv-box.done{background:#E3EDFF;border-color:#7C9BE0;color:#1E3A7A}.inv-box.todo{background:#FDE7EA;border-color:#E8919F;color:#8A1F33}

.pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.st-ok{background:#DDF3E6;color:#1F5B3F}.st-bad{background:#FDE7EA;color:#8A1F33}.st-wait{background:#FFF1D6;color:#6B4A0E}.st-selesai{background:#DCEBFF;color:#1E3A7A}
.result-top>div:first-child,.order-top .section-title{flex-shrink:0;white-space:nowrap}.result-top .pills,.order-top .pills{min-width:0}

.views{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}.view-tab{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:10px 16px;border-radius:16px;border:2px solid var(--powder);background:#fff;color:var(--navy);font:700 16px 'Baloo 2',sans-serif;cursor:pointer}.view-tab span{min-width:28px;padding:2px 9px;border-radius:999px;background:var(--soft);font:800 13px 'Nunito',sans-serif}.view-tab.active{background:var(--navy);border-color:var(--navy);color:#fff}.view-tab.active span{background:rgba(255,255,255,.18);color:#fff}@media(max-width:420px){.view-tab{font-size:14px;padding:8px 12px}}