/* BersolekMart V12 - additive UI corrections only */
:root{--v12-green:#0f9f66;--v12-navy:#0b1728;--v12-line:#dce7e1;--v12-muted:#718092}
.authbox{font-size:14px}.authbox h1{font-size:28px;line-height:1.15}.authbox label{font-size:13px;font-weight:700}.authbox input{font-size:14px;min-height:44px}.authbox .btn{min-height:42px;font-size:13px}.auth-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.auth-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid #d8e2dd;border-radius:10px;background:#fff;color:#183048;font-weight:800;text-decoration:none}.auth-link-button:hover{border-color:#9bcfb4;color:var(--v12-green)}
.panel-shell{font-size:14px}.panel-shell .panel-link,.panel-shell .panel-nav-group summary{font-size:13px}.panel-shell .panel-link{min-height:40px}.panel-shell .panel-label{font-size:11px}.panel-shell .crumbs b{font-size:22px}.panel-shell .panel-content{font-size:14px}.panel-shell .admin-data-table th,.panel-shell .modern-table th{font-size:11px}.panel-shell .admin-data-table td,.panel-shell .modern-table td{font-size:12px}.panel-shell .btn{font-size:13px}.v12-pager{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:14px;flex-wrap:wrap}.v12-pager a{min-width:34px;height:34px;padding:0 10px;border:1px solid #d4dfda;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#43576b;background:#fff;text-decoration:none;font-size:12px;font-weight:800}.v12-pager a.active{background:var(--v12-green);border-color:var(--v12-green);color:#fff}.v12-role-list{display:grid;gap:8px}.v12-role-list .role-row{border:1px solid var(--v12-line);border-radius:12px;padding:11px 12px;background:#fbfefc}.inspect-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px}.inspect-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 16px}.inspect-kpis>div{border:1px solid var(--v12-line);background:#fbfdfc;border-radius:12px;padding:12px}.inspect-kpis span,.inspect-kpis small{display:block;color:var(--v12-muted);font-size:11px}.inspect-kpis b{display:block;margin-top:5px;font-size:15px}.inspect-address{border-top:1px solid var(--v12-line);padding-top:12px}.inspect-address p{font-size:12px;line-height:1.55;color:#516476}.inspect-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1ee}.inspect-row:last-child{border-bottom:0}.inspect-row small{display:block;color:var(--v12-muted);margin-top:3px;font-size:11px}.timeline-list{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #edf1ee}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--v12-green);margin-top:4px}.timeline-item b{font-size:12px}.timeline-item small,.timeline-item p{display:block;color:var(--v12-muted);font-size:10px;margin:3px 0}.timeline-item p{font-size:11px}.address-grid-v12{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:14px}.address-row-v12{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #edf1ee}.address-row-v12:last-child{border-bottom:0}.address-title{display:flex;align-items:center;gap:8px}.address-main p{margin:7px 0 0;color:#53677a;font-size:12px;line-height:1.55}.member-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.member-section-head h1{font-size:28px;margin:4px 0}.member-section-head p{color:#6f7d89;margin:0;font-size:12px}.driver-logout{white-space:nowrap}.driver-bottom-logout{color:#b33a47!important}.driver-top .driver-logout{display:inline-flex;align-items:center}.checkout-location-map{position:relative;height:170px;margin-top:10px;border:1px solid #d9e7df;border-radius:16px;overflow:hidden;background:#eef7f1}.checkout-location-map img{width:100%;height:100%;object-fit:cover;display:block}.location-marker{position:absolute;display:none;width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#e53b49;box-shadow:0 5px 16px rgba(0,0,0,.18);transform:translate(-50%,-50%)}.v12-location-capture{margin-bottom:10px}.shipping-card{transition:.16s ease}.shipping-card:has(input:checked){border-color:#90cdae!important;background:#effaf4!important;box-shadow:0 0 0 2px #e2f4e9}.operator-lower{grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr)}.toolbar-inline{display:flex;gap:8px;flex-wrap:wrap}.toolbar-inline input,.toolbar-inline select{height:40px}.v12-local-courier-form{margin-top:14px;padding:14px;border:1px solid var(--v12-line);border-radius:14px;background:#fbfefc}.v12-rate-head{margin-top:16px}.settings-rate-list{display:none}
@media (max-width:1100px){.inspect-grid,.address-grid-v12{grid-template-columns:1fr}.inspect-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-lower{grid-template-columns:1fr}.panel-shell .table-shell,.panel-shell .table-scroll{overflow-x:auto}.panel-shell .admin-data-table,.panel-shell .modern-table{min-width:760px}}
@media (max-width:760px){.authbox{width:min(94vw,440px)}.authbox h1{font-size:24px}.panel-shell .panel-content{padding:14px}.panel-shell .workspace-hero,.panel-shell .bannerop{padding:16px}.panel-shell .workspace-hero h1,.panel-shell .bannerop h1{font-size:23px}.panel-shell .admin-stat-row,.panel-shell .kpi-grid,.panel-shell .kpis,.panel-shell .kpis.four{grid-template-columns:repeat(2,minmax(0,1fr))}.inspect-kpis{grid-template-columns:1fr 1fr}.member-section-head{align-items:flex-start;flex-direction:column}.address-row-v12{align-items:flex-start;flex-direction:column}.address-row-v12 .row-actions{width:100%;justify-content:flex-start}.checkout-location-map{height:150px}.driver-top .driver-logout{font-size:11px;padding:7px 10px}.v12-pager{justify-content:flex-start}}

/* V12.1 UI hardening */
.brand-fallback{display:inline-flex;align-items:center;gap:9px}.auth-logo{display:block;width:auto;height:34px;max-width:160px;object-fit:contain}.authbox .brand b{display:block;font-size:16px}
.row-actions,.action-cluster,.inline-action{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}.row-actions form,.action-cluster form{display:inline-flex;margin:0}.table-btn{min-height:34px;padding:7px 10px;border-radius:9px;font-weight:800;background:#fff;color:#284054;border:1px solid #d8e2dd}.table-btn.primary{background:#0f9f66;color:#fff;border-color:#0f9f66}.table-btn.danger{background:#fff3f2;color:#c2433f;border-color:#efc8c5}.compact-control select{height:34px;border:1px solid #d8e2dd;border-radius:9px;padding:0 9px;font-size:12px;background:#fff}
.member-location-map{position:relative;height:180px;border:1px solid #dce7e1;border-radius:16px;overflow:hidden;background:#eef7f1;margin-top:10px}.member-location-map img{width:100%;height:100%;object-fit:cover;display:block}.member-location-marker{position:absolute;display:none;width:20px;height:20px;border:4px solid #fff;border-radius:50%;background:#e84c4c;box-shadow:0 6px 20px rgba(0,0,0,.18);transform:translate(-50%,-50%)}.address-location-box{margin:14px 0;padding:14px;border:1px solid #dce8e2;border-radius:14px;background:#fbfefc}.location-box-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.location-box-head b,.location-box-head small{display:block}.location-box-head small{color:#728092;font-size:11px;margin-top:3px}
.access-layout .role-select{display:flex;text-decoration:none;color:inherit}.access-layout .role-select.active{border-color:#8dd0b0;background:#edf9f2;box-shadow:0 0 0 2px #e5f5ec}.permission-table td{vertical-align:middle}.permission-row{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:wrap}.permission-row label{font-size:12px;font-weight:700;color:#526577;display:flex;align-items:center;gap:5px}.permission-row input{accent-color:#0f9f66}.permission-help{display:flex;gap:8px;align-items:center;padding:10px 12px;margin:10px 0;border:1px solid #dce8e2;border-radius:10px;background:#fbfefc;font-size:12px}.ops-live-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ops-launch.compact{padding:14px}.ops-launch.compact b,.ops-launch.compact span{display:block}.ops-live-queue{margin-top:12px}.panel-shell table{font-size:12px}.panel-shell table th{font-weight:800}.panel-shell .admin-data-table th,.panel-shell .modern-table th{background:#f8fbf9;position:sticky;top:0;z-index:1}.panel-shell .admin-data-table td,.panel-shell .modern-table td{vertical-align:middle}.panel-shell .data-table-shell{border:1px solid #e0e8e3;border-radius:13px;overflow:auto;background:#fff}.panel-shell .data-table-shell table{margin:0}.panel-shell .workspace-hero,.panel-shell .panelcard{box-shadow:0 6px 22px rgba(15,33,53,.03)}
@media (max-width:760px){.ops-live-actions{grid-template-columns:1fr}.permission-row{justify-content:flex-start}.authbox .brand{margin-bottom:8px}.auth-logo{max-width:135px;height:30px}.member-location-map{height:150px}}

/* Frontend auth uses the existing storefront shell; backend auth remains separate. */
.auth-storefront-shell{display:grid;place-items:center;min-height:540px;padding:10px 0 36px}.storefront-authbox{width:min(460px,100%);margin-inline:auto}.auth-storefront-intro{color:var(--muted);font-size:12px;line-height:1.6;margin:-8px 0 18px}.auth-register-line{margin:14px 0 4px;font-size:12px}.auth-register-line a{color:var(--green);font-weight:800}.auth-staff-login{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:14px;color:var(--muted);font-size:10px}.auth-staff-login a{color:#506274;font-weight:800}.auth-staff-login i{font-style:normal;color:#c2cbc6}.storefront-authbox .demo{font-size:10px}

/* Frontend auth: keep form controls visually upright and aligned with storefront typography. */
.storefront-authbox input,
.storefront-authbox input::placeholder {
  font-family: inherit;
  font-style: normal !important;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
}
.storefront-authbox input::placeholder {
  opacity: 1;
}
.storefront-authbox input {
  transform: none;
}