/* PlannerCikgu: clear navigation, cheerful accents, readable controls. */
:root{--ink:#24243c;--muted:#62657a;--green:#7054d9;--deep:#593dbb;--mint:#eaf8f4;--line:#e5e7f0;--cream:#f7f8fc;--red:#ac3546;--violet-soft:#eeebff;--peach:#fff0e9;--yellow:#fff8df}
body{font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.6}a,button,input,textarea,select{touch-action:manipulation}button,input,textarea,select{font-size:1rem}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b9a9f5;outline-offset:4px}.button{gap:10px;border-radius:10px;min-height:46px}.smallbtn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 13px;border-color:#dcd6ef;border-radius:8px;text-decoration:none;white-space:normal}.smallbtn:hover{background:var(--violet-soft);text-decoration:none}.button:disabled{background:#e5e5ef;color:#646479;border-color:#e5e5ef;cursor:not-allowed}.ui-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:white;padding:12px 20px;border:2px solid var(--green)}.skip-link:focus{top:12px}.panel{border-radius:13px;padding:26px;box-shadow:0 2px 5px #24243c02}.panel h2{font-size:1.25rem;letter-spacing:-.025em;margin-top:0}.form{gap:20px;margin:24px 0 32px}.form input,.form textarea,.form select,.status-form select{border-color:#d3d6e3;border-radius:8px;min-height:46px}.form input:focus,.form textarea:focus,.form select:focus{outline:3px solid #e6e0ff;border-color:var(--green)}.form input[type=checkbox]{width:19px;min-height:19px;accent-color:var(--green)}.form label:has(>input[type=checkbox]){display:flex;align-items:flex-start;gap:10px}.form label{font-weight:650}.form label input,.form label textarea,.form label select{font-weight:400}.form p{margin:0}.notice{background:#e8f6ef;color:#236549;border:1px solid #d5eadd}.alert{background:#fff0f0;color:#962d3d;border:1px solid #f2d5d8}summary{cursor:pointer;font-weight:650;color:var(--green);padding:8px 0}.cell-note{display:block;color:var(--muted);font-size:.8rem;margin-top:5px;overflow-wrap:anywhere}.admin-app{background:#f7f8fc}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:#fff;border-right:1px solid var(--line);padding:28px 18px 20px;display:flex;flex-direction:column;overflow-y:auto;z-index:20}.admin-sidebar>.brand{font-size:1.43rem;padding:0 8px}.sidebar-caption{font-size:.75rem;letter-spacing:.035em;color:var(--muted);margin:4px 8px 30px}.admin-sidebar nav{display:block;width:100%}.nav-group{display:grid;gap:5px;border-bottom:1px solid var(--line);padding:17px 0}.nav-group:first-child{padding-top:0}.nav-group:last-child{border-bottom:0}.nav-group a{display:flex;align-items:center;gap:13px;font-weight:550;font-size:.94rem;padding:11px 13px;border-radius:9px;color:var(--ink)}.nav-group a:hover{background:#f7f5ff;text-decoration:none}.nav-group a[aria-current=page]{background:#eeebff;color:#6243ce;font-weight:700}.sidebar-bottom{margin-top:auto;padding:28px 12px 0;font-size:.84rem;display:grid;gap:12px}.sidebar-bottom .linkbtn{color:var(--muted);font-size:.84rem}.admin-workspace{margin-left:228px;min-width:0}.admin-topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:.88rem;color:var(--muted)}.admin-identity{display:flex;align-items:center;gap:10px}.admin-avatar{background:#eeebff;color:var(--deep);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-weight:700;font-size:.8rem}.admin-mobile{display:none}.admin-app main.wrap{max-width:1400px;padding:0 36px 24px}.admin-title{margin:35px 0 27px;align-items:center}.admin-title h1,.admin-app .narrow h1{font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.045em;margin:0 0 5px}.admin-title p{font-size:.98rem}.admin-app .narrow{max-width:900px;margin:32px auto}.admin-app .narrow>h1{margin:18px 0 25px;overflow-wrap:anywhere}.admin-app footer{margin-top:18px;border-top:0;padding:20px 12px;font-size:.78rem}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px}.metric{display:flex;flex-direction:column;align-items:flex-start;padding:22px;border-radius:13px;border:1px solid #00000003}.metric-mint{background:#eaf8f4}.metric-peach{background:#fff0e9}.metric-violet{background:#eeebff}.metric-yellow{background:#fff8df}.metric-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;margin-bottom:9px;background:#ffffff70;color:var(--green)}.metric-mint .metric-icon{color:#137d69}.metric-peach .metric-icon{color:#be5837}.metric-yellow .metric-icon{color:#9a680e}.metric>span:not(.metric-icon){font-size:.88rem}.metric strong{font-size:clamp(1.7rem,2.5vw,2.2rem);letter-spacing:-.035em;line-height:1.3;margin-top:7px;overflow-wrap:anywhere}.dashboard-section{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px 25px;margin-bottom:22px}.section-head{margin-bottom:20px;align-items:center}.section-head h2{font-size:1.35rem;letter-spacing:-.035em}.section-head a{font-size:.86rem;font-weight:600}.table-wrap{border-color:var(--line);border-radius:10px;margin-bottom:28px}.dashboard-section .table-wrap{margin-bottom:0}.friendly-orders{min-width:640px}.friendly-orders th{background:#f4f5fa;color:#5f6178;font-size:.8rem;font-weight:600}.friendly-orders td{padding:18px 16px;vertical-align:middle;font-size:.88rem}.friendly-orders tbody tr:hover{background:#fcfbff}.status-pill{display:inline-block;border-radius:20px;background:#eeebff;color:#6142c4;padding:5px 10px;font-size:.76rem;font-weight:600;white-space:nowrap}.status-dihantar,.status-selesai{background:#e7f7ef;color:#247251}.status-dibatalkan{background:#fff0f0;color:#a13748}.status-baru,.status-menunggu_semakan{background:#fff3e5;color:#956326}.cost-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cost-summary>div{padding:17px 20px;border-radius:10px;background:#eaf8f4;display:grid;gap:4px}.cost-summary>div:nth-child(2){background:#fff0e9}.cost-summary>div:nth-child(3){background:#fff8df}.cost-summary span{font-size:.85rem;color:#555b6f}.cost-summary strong{font-size:1.2rem}.cost-summary small{font-size:.75rem;color:var(--muted)}.dashboard-section>.small{font-size:.78rem;margin-bottom:0}.stats{gap:16px}.stats>div{border-radius:12px;padding:20px}.stats strong{font-size:1.9rem}.stats span{font-size:.88rem}.business-stats>div:nth-child(4n+1){background:#eaf8f4}.business-stats>div:nth-child(4n+2){background:#fff0e9}.business-stats>div:nth-child(4n+3){background:#eeebff}.business-stats>div:nth-child(4n+4){background:#fff8df}.order-search{margin-bottom:20px}.order-search>label{max-width:280px}.order-search p{font-size:.8rem;color:var(--muted)}.row-more{margin-top:10px;max-width:220px}.row-more summary{font-size:.78rem;padding:0;color:var(--muted)}.row-more form{margin-top:12px}.settings-page{max-width:1000px}.settings-links{position:static;display:flex;gap:0;flex-wrap:wrap;background:transparent;border-bottom:1px solid #dce0ec;padding:0;margin:0 0 24px;border-radius:0}.settings-links a{padding:12px 18px;font-size:.9rem;border-bottom:3px solid transparent}.settings-links a[aria-current=true]{color:var(--green);border-color:var(--green);font-weight:750}.settings-links a:hover{text-decoration:none;background:#eeebff}.settings-page>.form{max-width:820px}.settings-page [hidden]{display:none!important}.message-preview{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.settings-page code{overflow-wrap:anywhere;white-space:normal}.brand-preview{max-width:180px}.stock-panel{border:1px solid #d8d0f5;background:#faf8ff;border-radius:10px;padding:20px}.admin-app .receipt-preview{background:#f7f8fc;padding:12px;border-radius:10px}.admin-app .receipt-preview img{max-height:520px;object-fit:contain}.admin-app .receipt-preview iframe{height:520px}.admin-app .narrow>.panel{margin-bottom:20px}.admin-app .narrow>nav{margin:20px 0}.order-section-links{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.order-section-links a{background:white;border:1px solid var(--line);border-radius:8px;padding:8px 13px;font-size:.85rem}.admin-app section[id]{scroll-margin-top:22px}
/* Customer screens retain the purchase flow, with a coordinated brighter palette. */
.sales-page,.customer-app{background:#faf9ff}.sales-page .sales-hero{background:#f4f0ff}.sales-page .sales-pricing{background:#eee8ff}.sales-page .sales-pricing .sales-caption{color:#665a84}.sales-page .sales-benefits{background:#fff}.sales-page .sales-photo img{border-radius:22px;box-shadow:0 12px 40px #45346a12}.sales-page .content-note{border-color:#c9b9ef}.sales-page .benefit-number{background:#eeebff}.sales-page .sales-button{box-shadow:0 5px 12px #7054d922}.sales-page .sales-intro h1{font-size:clamp(2.8rem,5.3vw,4.6rem)}.sales-page .sales-section{padding-top:55px;padding-bottom:55px}.customer-app .narrow{max-width:760px;margin:38px auto}.customer-app .narrow h1{font-size:2.3rem}.customer-app .form{box-shadow:0 5px 20px #44336604}.customer-app .nav-order{background:var(--green);color:#fff;border-radius:9px;padding:8px 18px}.customer-app .receipt-upload{border:2px dashed #d6caef;background:#faf8ff;padding:22px;border-radius:12px}.customer-app .customer-order{max-width:1000px}.customer-app .order-progress li.done{border-color:#7054d9}.menu-toggle{border:1px solid #ddd6ef;background:white;border-radius:8px;padding:8px 12px;color:var(--ink);font-weight:600;font-size:.9rem}
@media(min-width:1100px){.settings-page #business,.settings-page #bank{grid-template-columns:1fr 1fr}.settings-page #business>h2,.settings-page #business>p,.settings-page #business>button,.settings-page #business>label:has(textarea),.settings-page #business>label:has(input[type=file]),.settings-page #bank>h2,.settings-page #bank>button,.settings-page #bank>a{grid-column:1/-1}}
@media(max-width:1150px){.overview-metrics{gap:12px}.metric{padding:18px}.admin-app main.wrap{padding-left:25px;padding-right:25px}.friendly-orders td{padding:14px 12px}}
@media(max-width:950px){.admin-sidebar{width:202px;padding-left:12px;padding-right:12px}.admin-workspace{margin-left:202px}.admin-sidebar>.brand{font-size:1.3rem}.nav-group a{font-size:.89rem}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-summary{grid-template-columns:1fr}.admin-title{align-items:flex-start}.admin-title>.button{flex-shrink:0}.admin-topbar{padding:0 25px}.admin-title h1{font-size:2rem}}
@media(max-width:720px){.admin-mobile{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.admin-sidebar{position:static;width:100%;display:block;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.admin-sidebar>.brand,.sidebar-caption{display:none}.admin-app.has-menu-js .admin-sidebar{display:none}.admin-app.has-menu-js.menu-open .admin-sidebar{display:block}.admin-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nav-group{padding:5px 0;border-bottom:0}.nav-group a{padding:10px}.sidebar-bottom{padding:12px 10px;display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:10px}.admin-workspace{margin-left:0}.admin-topbar{display:none}.admin-app main.wrap{padding:0 18px 18px}.admin-title{margin:25px 0 22px;flex-direction:column;gap:16px}.admin-title h1{font-size:1.9rem}.admin-title p{font-size:.9rem}.admin-title>.button{width:100%}.dashboard-section{padding:20px 16px}.dashboard-section .section-head{gap:10px;align-items:center}.section-head h2{font-size:1.2rem}.section-head a{font-size:.78rem}.metric{padding:18px}.metric strong{font-size:1.8rem}.metric>span:not(.metric-icon){font-size:.8rem}.friendly-orders{min-width:0;display:block}.friendly-orders thead{display:none}.friendly-orders tbody{display:block}.friendly-orders tr{display:block;border-bottom:1px solid var(--line);padding:14px}.friendly-orders tr:last-child{border-bottom:0}.friendly-orders td{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border:0;padding:6px 0;flex-wrap:wrap;text-align:right}.friendly-orders td::before{content:attr(data-label);color:var(--muted);font-size:.8rem;text-align:left;margin-right:auto}.friendly-orders td .cell-note{flex-basis:100%;margin-top:0}.friendly-orders td .row-more{flex-basis:100%;margin-left:auto}.friendly-orders td[colspan]{text-align:left}.settings-links a{padding:10px 12px;font-size:.83rem}.panel{padding:22px 18px}.admin-app .narrow{margin:25px auto}.form{margin-bottom:25px}.admin-app .table-wrap:not(:has(.friendly-orders)) table{min-width:650px}.customer-app .narrow{margin:28px auto}.customer-app .narrow h1{font-size:2rem}.sales-page .sales-hero{padding-top:35px}.sales-page .sales-intro h1{font-size:clamp(2.9rem,12vw,4rem)}.sales-page .sales-section{padding-top:40px;padding-bottom:40px}}
@media(max-width:390px){.overview-metrics{grid-template-columns:1fr}.metric{display:grid;grid-template-columns:42px 1fr;column-gap:12px}.metric-icon{grid-row:1/3;margin:0}.metric strong{margin:0}.settings-links a{font-size:.8rem;padding:10px}.admin-mobile .brand{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media print{.admin-sidebar,.admin-mobile,.admin-topbar,.skip-link,.order-section-links{display:none!important}.admin-workspace{margin-left:0}.admin-app main.wrap{max-width:none;padding:0}.admin-app .panel{box-shadow:none}.packing-card{break-inside:avoid}}
@media(min-width:1000px){.admin-app .order-detail{max-width:1100px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.order-detail>*{grid-column:1/-1}.order-detail>.customer-summary,.order-detail>#order-status{grid-column:auto}.order-detail>.customer-summary p{line-height:1.9}.order-detail>.panel{min-width:0}}

/* Order selection and deliberate permanent deletion. */
.selection-cell{width:48px;text-align:center!important}.selection-cell input,.bulk-delete-confirm input{width:19px;height:19px;accent-color:#7054d9;cursor:pointer}.bulk-delete-panel{background:white;border:1px solid var(--line);border-radius:11px;padding:17px 20px;margin:0 0 18px;font-size:.85rem}.bulk-selection-count{font-weight:600;color:var(--muted)}.bulk-delete-panel summary{color:#a73749;font-size:.86rem;margin-top:4px}.bulk-delete-panel details>p{max-width:850px;font-size:.8rem;color:var(--muted);line-height:1.7}.bulk-delete-confirm{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;margin:15px 0}.bulk-delete-confirm input{flex-shrink:0;margin-top:2px}.delete-orders-button{background:#aa354a;border-color:#aa354a;font-size:.85rem;min-height:42px}.delete-orders-button:hover{background:#922e40;border-color:#922e40}.delete-orders-button:disabled{background:#e7e4eb;border-color:#e7e4eb;color:#80758a}.friendly-orders tr:has([data-order-checkbox]:checked){background:#f3efff}.admin-app option:disabled{color:#96909d}
@media(max-width:720px){.friendly-orders td.selection-cell{width:auto;text-align:right!important;padding-bottom:10px;border-bottom:1px dashed var(--line);margin-bottom:8px}.bulk-delete-panel{padding:16px}.bulk-delete-panel summary{padding-top:10px}}