:root{--mh-red:#9e2845;--mh-dark:#622238;--mh-pink:#e26b8d;--mh-ink:#302c36;--mh-muted:#69616b;--mh-border:#eee8eb;--mh-bg:#f8f7f9;--bs-primary:#9e2845;--bs-primary-rgb:158,40,69}*{box-sizing:border-box}body{font-family:Inter,"Segoe UI",sans-serif;color:var(--mh-ink);font-size:14px}a{color:var(--mh-red);text-decoration:none}a:hover{color:#6b152b}h1,h2,h3,h4{font-weight:650;letter-spacing:-.035em}h1{font-size:30px}h2{font-size:18px}h3{font-size:16px}p{line-height:1.7}.btn{font-size:13px;font-weight:600;padding:11px 17px;border-radius:9px;display:inline-flex;gap:8px;align-items:center;justify-content:center;white-space:nowrap}.btn-primary{background:var(--mh-red);border-color:var(--mh-red);--bs-btn-hover-bg:#7e1d36;--bs-btn-hover-border-color:#7e1d36;--bs-btn-active-bg:#7e1d36}.btn-outline-primary{color:var(--mh-red);border-color:#d7b1be;--bs-btn-hover-bg:#9e2845;--bs-btn-hover-border-color:#9e2845}.btn-sm{padding:7px 12px;font-size:12px}.btn-light{background:white;border-color:var(--mh-border)}.form-control,.form-select{font-size:13px;border-color:#e5dfe4;border-radius:8px;min-height:42px;padding:10px 12px}.form-control:focus,.form-select:focus{border-color:#be6b85;box-shadow:0 0 0 3px #9e284512}.form-label{font-size:12px;font-weight:600;color:#625865}.form-check-input:checked{background-color:var(--mh-red);border-color:var(--mh-red)}.text-muted{color:var(--mh-muted)!important}.admin-body{background:var(--mh-bg)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;background:white;border-right:1px solid var(--mh-border);padding:32px 18px 18px;display:flex;flex-direction:column;z-index:50;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;color:#82233c;font-size:19px;font-weight:800;letter-spacing:.7px;line-height:1.15;padding:0 10px}.brand small{display:block;font-size:10px;letter-spacing:3px;font-weight:600;margin-top:4px}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--mh-red);color:white;border-radius:13px 13px 13px 3px;width:40px;height:44px;font-size:29px;line-height:1}.workspace-label{margin:38px 13px 16px;color:#a99fa8;font-size:9px;letter-spacing:1.6px;font-weight:700}.sidebar nav{display:grid;gap:5px}.sidebar .nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:12.5px;color:#817682;border-radius:8px;font-weight:550}.sidebar .nav-link:hover{background:#faf4f6;color:var(--mh-red)}.sidebar .nav-link.active{background:#faeaf0;color:#962744;font-weight:650}.nav-section{font-size:9px;color:#ada4ac;letter-spacing:1.6px;font-weight:700;margin:24px 14px 8px}.sidebar-bottom{margin-top:auto;padding-top:35px}.care-note{background:#fcf8fa;display:flex;gap:9px;padding:14px 10px;border:1px solid #f4ebef;border-radius:10px;color:#976578;font-size:10px}.care-note small{display:block;font-size:9px;margin-top:5px;color:#b49ba4}.public-link{font-size:11px;display:flex;align-items:center;justify-content:space-between;margin:17px 9px 0;color:#8f818b}.main-shell{margin-left:238px}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--mh-border);display:flex;justify-content:space-between;align-items:center;padding:0 38px}.breadcrumb-text{font-size:11px;color:#918891}.breadcrumb-text span{padding:0 12px;color:#cfc7cd}.topbar-account{display:flex;align-items:center;gap:12px;color:#9b929b;font-size:11px}.operational-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#60a884;flex-shrink:0}.avatar{width:33px;height:33px;display:flex;align-items:center;justify-content:center;background:#eedbe2;color:#81283e;border:3px solid #faf3f6;border-radius:50%;font-weight:700;margin-left:12px}.icon-button{background:transparent;border:0;color:#a497a0;padding:3px}.main-content{padding:32px 38px 20px;max-width:1680px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:27px}.eyebrow{font-size:9px;font-weight:750;letter-spacing:1.9px;color:#b07286;margin-bottom:8px}.page-heading h1{margin-bottom:7px;font-size:27px}.page-heading p{margin:0;color:var(--mh-muted);font-size:12px}.welcome-banner{border:1px solid #f1dfe6;border-radius:14px;background:linear-gradient(115deg,#fbeaf0,#fff6f6);display:flex;justify-content:space-between;padding:28px 32px;margin-bottom:24px;overflow:hidden;position:relative}.welcome-banner h2{font-size:24px;color:#723044;margin:10px 0}.welcome-banner p{font-size:12px;color:#9b7483;margin-bottom:14px}.welcome-banner a{font-size:11px;font-weight:650;display:flex;align-items:center;gap:8px}.banner-art{width:190px;display:flex;justify-content:center;align-items:center;position:relative}.heart-ring{width:125px;height:125px;border-radius:50%;background:#fff8fb;color:#c86987;display:flex;align-items:center;justify-content:center;outline:18px solid #fae6ee;box-shadow:0 0 0 38px #fdf0f3;transform:rotate(-10deg)}.heart-ring span{position:absolute;top:40px;left:48px;color:#ac365d;font-size:30px;transform:rotate(10deg)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.stat-card{background:white;border:1px solid var(--mh-border);border-radius:12px;padding:19px 20px}.stat-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#857885;gap:5px}.stat-icon{width:32px;height:32px;background:#faf0f4;color:#ae5873;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.stat-value{font-size:25px;font-weight:650;letter-spacing:-1px;margin:12px 0 8px;line-height:1.25}.stat-hint{font-size:10px;color:#a79da5}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px;align-items:start}.panel{background:white;border:1px solid var(--mh-border);border-radius:12px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 18px;gap:12px}.panel-heading h2{font-size:15px;margin:0 0 6px}.panel-heading p{font-size:11px;margin:0;color:#a095a0}.panel-heading>a{font-size:10px;white-space:nowrap}.panel-body{padding:24px}.app-table{font-size:12px;margin-bottom:0;--bs-table-bg:transparent}.app-table thead th{background:#fcfafc;color:#a196a0;font-size:10px;font-weight:550;padding:13px 22px;border-bottom:1px solid #f2edf0;white-space:nowrap}.app-table tbody td{padding:17px 22px;border-bottom:1px solid #f5f1f4;vertical-align:middle;color:#746773}.app-table tbody tr:last-child td{border-bottom:0}.table-primary-link{font-weight:650;font-size:11px;color:#6d3f50}.cell-sub{display:block;color:#a99ca6;margin-top:5px;font-size:10px}.money{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:550}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:650;white-space:nowrap;background:#f3f0f5;color:#8b7f90}.status:before{content:'';height:4px;width:4px;border-radius:50%;background:currentColor}.status-draft,.status-proposed,.status-pending,.status-unpaid,.status-unknown{color:#b68432;background:#fcf3df}.status-confirmed,.status-queued,.status-sending,.status-accepted{color:#688cae;background:#edf3fb}.status-paid,.status-approved,.status-completed,.status-delivered,.status-read{color:#5a997a;background:#edf8f1}.status-cancelled,.status-rejected,.status-failed{color:#bb6980;background:#fcf0f3}.empty-state{padding:35px 15px;text-align:center;color:#c4aeba}.empty-state h3{font-size:14px;color:#776370;margin:14px 0 7px}.empty-state p{font-size:11px;color:#a196a0;max-width:330px;margin:0 auto 15px}.empty-state>a:not(.btn){font-size:11px}.count-pill{padding:4px 9px;background:#f8edf2;border-radius:6px;color:#a05c76;font-size:11px}.visit-list{padding:0 22px 15px}.visit-card{display:flex;gap:18px;padding:15px 0;border-top:1px solid #f2edf0;color:#705c6b}.visit-time{font-size:13px;font-weight:650;color:#9a536d;padding-right:15px;border-right:2px solid #f4e4eb}.visit-time small{display:block;font-size:10px;color:#b5a0ac;font-weight:400;margin-top:5px}.visit-card strong{font-size:12px}.visit-card p{font-size:10px;color:#a1929e;margin:4px 0 6px}.stock-alert{display:flex;justify-content:space-between;border-bottom:1px solid #f1edf0;padding:12px 0;font-size:12px;gap:15px}.stock-alert strong{color:#b97b45}.stock-alert:last-child{border:0}.quiet-state{font-size:11px;color:#9a9199;display:flex;align-items:center;gap:10px}.quiet-state svg{color:#69a887}.payment-callout{padding:24px;height:100%}.payment-callout h2{font-size:16px;margin-top:14px}.payment-callout p{font-size:11px;color:#a0919d;max-width:300px}.page-footer{display:flex;justify-content:space-between;margin:32px 0 0;font-size:9px;color:#b2a6af}.page-footer span:last-child{display:flex;align-items:center;gap:6px}.filter-bar{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--mh-border)}.filter-bar .form-control{max-width:380px}.filter-bar .form-select{max-width:200px}.form-footer{display:flex;gap:10px;margin-top:25px}.order-builder{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.section-number{float:left;border:1px solid #f1dce4;background:#fbf0f5;color:#b86782;border-radius:7px;padding:5px 8px;margin-right:12px;font-size:11px}.section-number+h2{line-height:30px}.type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.type-option{border:1px solid #eadfe6;border-radius:9px;padding:15px 12px;cursor:pointer;position:relative}.type-option:has(input:checked){background:#fcf0f5;border-color:#b35b7a}.type-option input{accent-color:var(--mh-red);margin-right:7px}.type-option strong{font-size:12px}.type-option small{display:block;color:#a18e9b;font-size:10px;margin:7px 0 0}.item-options{max-height:580px;overflow-y:auto}.item-choice{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #f3edf1}.item-choice>div:first-child{flex:1}.item-choice strong{font-size:12px;font-weight:550}.item-choice small{display:block;color:#a394a0;font-size:10px;margin-top:5px}.item-choice .choice-price{font-size:11px;white-space:nowrap}.item-choice .item-quantity{width:65px;min-height:34px;height:34px;padding:5px 6px;font-size:12px}.sticky-summary{position:sticky;top:20px}.summary-items{color:#a28f9d;padding:20px 0;font-size:12px;min-height:80px}.summary-items p{margin-bottom:10px}.summary-total{border-top:1px solid #eee4ea;padding:18px 0;display:grid;gap:10px}.summary-total span{font-size:12px}.summary-total strong{font-size:24px;color:var(--mh-red)}.order-progress{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #eadfe5;border-radius:10px;overflow:hidden;margin-bottom:25px;background:#fff}.order-progress span{padding:14px;text-align:center;font-size:11px;color:#a38b98;border-right:1px solid #eee4e9}.order-progress .current{background:#f9eaf0;color:#993656;font-weight:650}.visit-editor{border-bottom:1px solid #eee7ed;padding:20px 0}.visit-editor:last-child{border:0}.visit-editor strong{font-size:12px}.visit-editor summary,details summary{color:#a05470;font-size:12px;cursor:pointer}.bill-amount{font-size:30px;font-weight:650;margin:10px 0 15px}.payment-entry{border-bottom:1px solid #eee5eb;padding:15px 0}.bank-box{background:#faf3f6;border:1px dashed #e0bdcc;border-radius:8px;padding:16px;margin:15px 0;font-size:12px;color:#9d5571}.bank-box strong{display:block;font-size:20px;margin:5px 0}.integration-state{background:#f8f7fa;padding:11px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:11px;color:#907e8c}.variable-chips{display:flex;gap:7px;flex-wrap:wrap}.variable-chip{font-family:monospace;font-size:10px;color:#ae5a78;border:1px solid #eedce5;background:#fcf5f8;padding:5px 7px;border-radius:5px}.audit-notice{display:flex;gap:12px;padding:18px 22px;background:#f5edf7;border:1px solid #e9daef;border-radius:10px;color:#84638e}.audit-notice p{font-size:11px;margin:5px 0 0}.audit-detail{font-size:10px;white-space:pre-wrap;min-width:260px;max-width:450px;margin-top:15px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));overflow-x:auto;min-height:430px}.day-column{border-right:1px solid #eee7ec;padding:12px;min-height:400px}.day-header{text-align:center;display:grid;gap:3px;padding:10px 0 20px}.day-header small{font-size:10px;color:#ac9aa6}.day-header strong{font-size:25px;color:#8b657a}.day-header span{font-size:10px;color:#ac9aa6}.today .day-header strong{color:var(--mh-red)}.calendar-visit{display:grid;gap:7px;background:#fbf0f5;border-left:2px solid #c36a8e;border-radius:6px;padding:10px 8px;margin-bottom:12px;font-size:10px}.calendar-visit strong{font-size:10px}.calendar-visit small{color:#b28d9f}.calendar-visit .status{font-size:8px;padding:4px;white-space:normal;justify-self:start}.no-visit{color:#c0acb9;font-size:9px;text-align:center}.login-body{display:flex;min-height:100vh}.login-story{width:48%;background:linear-gradient(145deg,#692236,#9f3655);color:white;padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story:after{content:'';width:430px;height:430px;border:80px solid #ffffff05;border-radius:50%;position:absolute;right:-200px;bottom:-150px;pointer-events:none}.login-story h1{font-size:40px;line-height:1.35;margin:18px 0}.login-story p{color:#dfb9c6;font-size:14px;max-width:340px}.login-story>small{font-size:11px;color:#d2a2b2}.login-form{width:52%;display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:360px;max-width:100%}.login-card h2{font-size:26px;margin:14px 0}.login-foot{display:flex;align-items:center;gap:7px;color:#ae99a5;font-size:10px;margin:24px 0}.mobile-menu{display:none}.public-body{background:#fffdfd}.public-header{max-width:1220px;margin:auto;padding:25px 30px;display:flex;justify-content:space-between;align-items:center}.public-header nav{display:flex;align-items:center;gap:26px;font-size:13px}.public-hero{max-width:1220px;margin:auto;padding:60px 30px 80px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}.public-hero h1{font-size:55px;line-height:1.14;margin:17px 0 25px;color:#612b40;letter-spacing:-2px}.public-hero h1 em{font-style:normal;color:#cd6689}.public-hero p{font-size:15px;color:#97818f;max-width:470px}.hero-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#a88998;margin-top:20px}.public-art{height:430px;border-radius:100px 100px 18px 18px;background:#fae8ef;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid #f3d7e3}.public-art .art-heart{width:205px;height:205px;border-radius:50%;background:#fff9fc;color:#c77597;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 25px #ffffff40,0 0 0 55px #ffffff25}.public-art .art-plus{position:absolute;font-size:75px;color:#a93e66;top:124px}.public-art h3{color:#ab587a;letter-spacing:1px;margin-top:40px;font-size:16px}.public-art p{font-size:11px;margin:0;color:#b08298}.service-section{max-width:1220px;margin:auto;padding:50px 30px}.section-title{text-align:center;max-width:620px;margin:0 auto 35px}.section-title h2{font-size:32px;color:#723247}.section-title p{color:#a68b9b;font-size:13px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.package-card{border:1px solid #efdae4;background:#fff;border-radius:15px;padding:32px;position:relative}.package-card.featured{border:2px solid #ca6f93;background:#fff9fc}.recommendation{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#ca6f93;color:white;font-size:9px;letter-spacing:1px;padding:5px 14px;border-radius:15px;white-space:nowrap}.package-card h3{font-size:22px;color:#8d3b59;margin:14px 0}.package-price{font-size:31px;font-weight:700;color:#9e2845;letter-spacing:-1px}.package-duration{font-size:11px;color:#b28c9e;margin:10px 0 20px}.package-card p{color:#9f8191;font-size:12px;min-height:105px}.service-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.service-category{border:1px solid #eddfE6;background:#fff;border-radius:14px;overflow:hidden}.service-category h3{font-size:16px;padding:20px 24px;background:#f9edf3;color:#9d4367;margin:0}.service-row{display:flex;justify-content:space-between;gap:15px;padding:14px 24px;font-size:12px;border-bottom:1px solid #f6eef3;color:#937185}.service-row strong{color:#a64d73;white-space:nowrap}.public-contact{max-width:1160px;margin:45px auto;background:#762b46;color:white;border-radius:18px;padding:40px 45px;display:flex;justify-content:space-between;align-items:center;gap:20px}.public-contact h2{font-size:25px}.public-contact p{color:#d7a4b9;font-size:12px;margin-bottom:0}.public-footer{text-align:center;font-size:11px;color:#b38b9e;padding:20px 20px 40px}.public-footer a{margin-left:15px}.pagination{font-size:12px;--bs-pagination-color:var(--mh-red);--bs-pagination-active-bg:var(--mh-red);--bs-pagination-active-border-color:var(--mh-red)}.pagination svg{max-width:18px}
@media(min-width:1600px){.main-content{padding-top:40px}.stat-value{font-size:30px}}
@media(max-width:1200px){.main-content{padding:25px}.topbar{padding:0 25px}.stats-grid{gap:12px}.stat-card{padding:16px}.stat-value{font-size:22px}.dashboard-grid{grid-template-columns:1fr}.order-builder{grid-template-columns:minmax(0,1fr) 280px}.app-table th,.app-table td{padding-left:15px!important;padding-right:15px!important}}
@media(max-width:980px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.main-shell{margin-left:205px}.stats-grid{grid-template-columns:repeat(2,1fr)}.order-builder{grid-template-columns:1fr}.sticky-summary{position:static}.public-hero{gap:30px}.public-hero h1{font-size:43px}.public-art{height:350px}.public-art .art-plus{top:84px}.package-card{padding:23px}.login-story{padding:40px}.login-story h1{font-size:32px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:238px;transition:transform .2s;box-shadow:8px 0 30px #63203a14}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0}.topbar{height:65px;padding:0 18px;gap:10px}.mobile-menu{display:inline-flex;padding:5px 10px}.breadcrumb-text{flex:1;font-size:10px}.topbar-account{gap:8px}.main-content{padding:22px 16px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.page-heading>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.welcome-banner{padding:24px}.welcome-banner h2{font-size:21px}.welcome-banner p{max-width:240px}.banner-art{width:50px;opacity:.35}.heart-ring{position:absolute;left:15px}.stats-grid{gap:10px}.stat-card{padding:15px}.stat-label{font-size:10px}.stat-icon{width:28px;height:28px}.stat-value{font-size:22px}.stat-hint{font-size:9px}.panel-heading{padding:20px}.panel-body{padding:20px}.filter-bar{padding:15px;flex-wrap:wrap}.filter-bar .form-control{max-width:none;flex:1;min-width:160px}.filter-bar .form-select{max-width:none;flex:1;min-width:140px}.order-progress span{padding:12px 5px;font-size:9px}.type-options{gap:6px}.type-option{padding:12px 8px}.type-option small{font-size:9px}.item-choice{flex-wrap:wrap;gap:8px}.item-choice strong{font-size:11px}.choice-price{font-size:10px!important}.public-header{padding:20px}.public-header .brand{font-size:16px;padding:0}.public-header nav a:not(.btn){display:none}.public-hero{grid-template-columns:1fr;padding:40px 22px;gap:35px}.public-hero h1{font-size:45px}.public-art{height:310px;max-width:420px;width:100%;margin:auto}.public-art .art-heart{height:150px;width:150px}.public-art .art-heart svg{height:90px}.public-art .art-plus{top:78px;font-size:60px}.public-art h3{margin-top:30px}.service-section{padding:35px 22px}.package-grid,.service-categories{grid-template-columns:1fr}.package-card p{min-height:0}.section-title h2{font-size:28px}.public-contact{margin:30px 20px;padding:30px;flex-direction:column;align-items:start}.login-story{display:none}.login-form{width:100%;min-height:100vh;padding:30px}.page-footer{font-size:8px;gap:10px}.week-grid{display:flex;overflow:auto}.day-column{min-width:155px;flex:1}}


.sidebar-backdrop{display:none}@media(max-width:760px){.sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:49;border:0;padding:0;background:rgba(30,20,30,.35);cursor:pointer}body.sidebar-open{overflow:hidden}}
.item-choice:has(.item-unit-price){flex-wrap:wrap}.manual-price-label{flex-basis:100%;font-size:12px}.manual-price-label .item-unit-price{width:100%;max-width:240px}.manual-price-label small{display:block}

.hero-brand-logo{display:flex;justify-content:center;margin:0 auto 12px}.public-art .hero-brand-logo img{max-width:75%;height:auto!important}.public-art:has(.hero-brand-logo){padding-top:30px}.public-art:has(.hero-brand-logo) h3{margin-top:18px}

@media(max-width:760px){.inventory-compact thead{display:none}.inventory-compact,.inventory-compact tbody{display:block}.inventory-compact tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eee8eb;padding:12px}.inventory-compact td{display:block;border:0!important;white-space:normal!important;padding:8px!important}.inventory-compact td:first-child{grid-column:1/-1}.inventory-compact td[data-label]:before{content:attr(data-label);display:block;font-size:11px;color:#625865;margin-bottom:4px}.inventory-compact td:last-child{grid-column:1/-1}.inventory-compact td:last-child button{width:100%}.modal-dialog{margin:12px}.btn{min-height:42px}}

@media(max-width:760px){.master-item-table thead{display:none}.master-item-table,.master-item-table tbody{display:block;width:100%}.master-item-table tr{display:block;border-bottom:8px solid #f8f6f8;padding:12px}.master-item-table td{display:block;white-space:normal!important;border:0;padding:6px 8px;overflow-wrap:anywhere}.master-item-table td[data-label]::before{content:attr(data-label);display:block;font-size:11px;color:#82777d;font-weight:600;margin-bottom:3px}.master-item-table td[data-label="Nama"] strong{font-size:16px}.master-item-table ul{white-space:normal}.master-item-table td[colspan]{width:100%}}

@media(max-width:760px){.master-item-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px}.master-item-table td{padding:6px 8px!important;min-width:0}.master-item-table td[data-label="Nama"],.master-item-table td[data-label="Komposisi"],.master-item-table td[data-label="Tindakan"],.master-item-table td[colspan]{grid-column:1/-1}}

/* Public page readability and keyboard navigation */
.public-skip{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:1000}.public-skip:focus{top:12px}
.public-body .package-duration,.public-body .public-footer{color:#725364}.public-body .service-row{color:#654653}.public-body .eyebrow{color:#8b3855}
.public-faq details{border-bottom:1px solid #e4d6de;padding:18px 0}.public-faq summary{font-weight:600;cursor:pointer;font-size:16px}.public-faq p{margin:12px 0 0;max-width:850px;color:#654653;font-size:15px}
.public-body a:focus-visible,.public-faq summary:focus-visible{outline:3px solid #9e2845;outline-offset:4px}
@media(max-width:400px){.public-header{gap:10px;padding:16px 12px}.public-header .brand{gap:6px;font-size:14px}.public-header nav .btn{padding:10px;font-size:12px}.public-hero h1{font-size:36px}.service-row{padding:14px 16px}.service-row>span{min-width:0;overflow-wrap:anywhere}}

.brand-name{display:block;max-width:165px;white-space:normal;overflow-wrap:anywhere;font-size:16px;line-height:1.3;letter-spacing:.02em}.public-header .brand-name{max-width:180px}.brand img{max-height:70px;object-fit:contain!important}.hero-brand-logo img{max-height:220px}.sidebar .brand-name{font-size:14px;max-width:115px}
@media(max-width:400px){.public-header .brand-name{max-width:130px;font-size:14px}}
.admin-body .form-control::placeholder{color:#706773;opacity:1}
.admin-body .form-control:disabled,.admin-body .form-select:disabled{color:#615965;background-color:#eeeaf0}
.table-scroll-hint{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;color:var(--mh-muted);font-size:12px;border-bottom:1px solid var(--mh-border)}
.table-scroll-hint[hidden]{display:none}.table-scroll-hint span{flex:1;min-width:160px}.table-scroll-hint button{min-height:36px}
.table-responsive:focus-visible,.poster-preview-viewport:focus-visible{outline:3px solid var(--mh-red);outline-offset:2px}
.poster-preview-viewport{overflow:auto;background:#e9e5e7;padding:12px;border-radius:16px;max-width:100%}
.poster-preview-stage{position:relative;margin:0 auto;max-width:none}
.poster-preview-frame{display:block;border:0;width:100%;height:850px;background:white;transform-origin:top left}

@media(max-width:760px){
 .mobile-card-table,.mobile-card-table tbody{display:block;width:100%;min-width:0!important}
 .mobile-card-table thead{display:none}
 .mobile-card-table tr{display:block;padding:16px;border-bottom:1px solid var(--border,#eadde3)}
 .mobile-card-table td{display:block!important;width:100%!important;min-width:0!important;border:0!important;padding:8px 0!important;white-space:normal!important;overflow-wrap:anywhere;text-align:left!important}
 .mobile-card-table td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;color:#6c5964;margin-bottom:4px}
 .mobile-card-table .empty-state{min-width:0;padding:20px 4px}
 .mobile-card-table .btn{min-height:44px}
 .mobile-card-table input,.mobile-card-table select,.mobile-card-table textarea{max-width:100%;min-width:0}
}