:root{--bg:#f6f8fb;--card:#fff;--text:#172033;--muted:#667085;--line:#e4e8ef;--primary:#175cd3;--primary-dark:#1849a9;--success:#067647;--warning:#b54708;--danger:#b42318;--radius:14px;--shadow:0 3px 14px rgba(16,24,40,.06);--sidebar:260px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.public-nav{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:50}.public-nav .inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:800;font-size:21px;color:#0b3b87}.nav-links{display:flex;gap:20px;align-items:center}.hero{padding:72px 0 54px;background:linear-gradient(180deg,#f2f7ff,#fff)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}.hero h1{font-size:48px;line-height:1.08;margin:0 0 18px}.lead{font-size:18px;line-height:1.65;color:var(--muted)}.hero-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow)}.section{padding:56px 0}.section h2{font-size:32px;margin:0 0 10px}.section-intro{color:var(--muted);margin-bottom:28px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px;font-size:17px}.metric{font-size:27px;font-weight:800;margin-top:8px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:10px 14px;min-height:40px;font-weight:650;cursor:pointer;background:#fff;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{border-color:#cdd5df;color:#344054}.btn-danger{background:#fff1f0;color:var(--danger);border-color:#fecdca}.btn-success{background:#ecfdf3;color:var(--success);border-color:#abefc6}.btn-sm{padding:7px 10px;min-height:34px;font-size:13px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:#102a56;color:#dce7f7;padding:18px 14px;overflow:auto;z-index:80}.sidebar .brand{color:#fff;padding:10px 12px 18px}.side-group{font-size:11px;letter-spacing:.08em;color:#88a2c9;padding:16px 12px 6px}.side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;color:#dce7f7;margin:2px 0}.side-link:hover,.side-link.active{background:#1b3b70;color:#fff}.sidebar-close{display:none;position:absolute;right:12px;top:12px;border:0;background:transparent;color:#fff;font-size:25px}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:40}.menu-btn{display:none;border:0;background:#eef4ff;border-radius:8px;padding:8px 10px}.page{padding:26px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.page-head h1{margin:0;font-size:26px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:5px}.profile{display:flex;align-items:center;gap:10px}.profile-meta{text-align:right}.profile-name{font-weight:700}.profile-role{font-size:12px;color:var(--muted)}.metric-card{display:block}.metric-card:hover{border-color:#aac5f4;transform:translateY(-1px)}.metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.badge-success{background:#ecfdf3;color:#067647}.badge-warning{background:#fffaeb;color:#b54708}.badge-danger{background:#fef3f2;color:#b42318}.badge-info{background:#eff8ff;color:#175cd3}.badge-muted{background:#f2f4f7;color:#475467}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid #edf0f4;vertical-align:middle}.table th{background:#f9fafb;color:#475467;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.table tr:last-child td{border-bottom:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:650;font-size:13px}.input,.select,.textarea{width:100%;border:1px solid #cfd6e2;background:#fff;border-radius:9px;padding:10px 11px;min-height:42px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#6b9cf0;box-shadow:0 0 0 3px rgba(23,92,211,.09)}.textarea{min-height:96px;resize:vertical}.hint{font-size:12px;color:var(--muted)}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}.search{min-width:250px}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.bill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.bill-card .top{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.bill-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;font-size:13px}.pos-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);gap:20px;align-items:start}.sticky{position:sticky;top:88px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:520px;overflow:auto}.product-card{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;cursor:pointer}.product-card:hover{border-color:#8ab2f0;background:#f7fbff}.product-title{font-weight:700;line-height:1.3;margin-bottom:8px}.product-meta{font-size:12px;color:var(--muted)}.cart-row{display:grid;grid-template-columns:1fr 80px 90px 34px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.invoice-sheet{background:#fff;border:1px solid #dfe4eb;border-radius:6px;padding:22px;color:#111;font-size:12px}.invoice-sheet header{text-align:center;border-bottom:1px solid #d6d9df;padding-bottom:12px;margin-bottom:12px}.invoice-sheet h1{font-size:21px;margin:0 0 5px}.invoice-banner{width:100%;height:90px;object-fit:cover;margin-bottom:10px}.invoice-meta{display:flex;justify-content:space-between;gap:20px;margin:12px 0}.invoice-sheet table{width:100%;border-collapse:collapse}.invoice-sheet th{background:#f4f6f8;font-size:10px;text-transform:uppercase}.invoice-sheet th,.invoice-sheet td{border-bottom:1px solid #e4e7ec;padding:6px 5px;text-align:left}.invoice-sheet .num{text-align:right}.invoice-totals{margin:14px 0 0 auto;width:230px;display:grid;gap:6px;text-align:right}.invoice-sheet footer{border-top:1px solid #e4e7ec;margin-top:18px;padding-top:10px;text-align:center;color:#555}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);overflow:auto;margin-bottom:18px}.tab{padding:10px 13px;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{border-color:var(--primary);color:var(--primary);font-weight:700}.status-line{display:flex;gap:8px;align-items:center}.modal{position:fixed;inset:0;background:rgba(16,24,40,.42);display:none;align-items:center;justify-content:center;padding:20px;z-index:200}.modal.open{display:flex}.modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(16,24,40,.22)}.modal-head,.modal-foot{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-foot{border-top:1px solid var(--line);border-bottom:0}.modal-body{padding:20px}.overlay{position:fixed;inset:0;background:rgba(15,23,42,.4);display:none;z-index:70}.footer{background:#102a56;color:#dce7f7;padding:42px 0;margin-top:40px}.notice{border:1px solid #b2ddff;background:#eff8ff;color:#175cd3;border-radius:10px;padding:12px 14px}.danger-zone{border:1px solid #fecdca;background:#fffafa}.stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}.step{padding:9px;border-radius:9px;background:#f2f4f7;text-align:center;font-size:12px;font-weight:700}.step.active{background:#eaf2ff;color:#175cd3}.mobile-cards{display:none}.toast{position:fixed;right:20px;bottom:20px;background:#101828;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);z-index:300}
@media(max-width:1024px){:root{--sidebar:230px}.grid-4{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.pos-layout{grid-template-columns:1fr}.sticky{position:static}.invoice-preview{max-width:760px}.hero h1{font-size:40px}}
@media(max-width:768px){.container{width:min(100% - 24px,1180px)}.nav-links{display:none}.hero{padding:42px 0}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block}.overlay.show{display:block}.main{margin-left:0}.topbar{padding:0 14px;height:60px}.menu-btn{display:inline-flex}.profile-meta{display:none}.page{padding:16px 12px}.page-head{align-items:center}.page-head h1{font-size:22px}.form-grid{grid-template-columns:1fr}.bill-grid{grid-template-columns:1fr}.desktop-table{display:none}.mobile-cards{display:grid;gap:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.cart-row{grid-template-columns:1fr 68px 80px 34px}.invoice-meta{flex-direction:column;gap:8px}.stepper{grid-template-columns:1fr 1fr}.modal{padding:0;align-items:flex-end}.modal-card{width:100%;max-height:94vh;border-radius:16px 16px 0 0}.btn.mobile-full{width:100%}.actions.mobile-stack{display:grid;grid-template-columns:1fr 1fr;width:100%}}
@media(max-width:430px){.product-grid{grid-template-columns:1fr 1fr;gap:8px}.product-card{padding:10px}.page-head{flex-direction:column;align-items:stretch}.actions.mobile-stack{grid-template-columns:1fr}.cart-row{grid-template-columns:1fr 58px 74px 30px;font-size:12px}.invoice-sheet{padding:12px}.invoice-sheet th,.invoice-sheet td{padding:4px 3px;font-size:9px}.search{min-width:100%}}
@media(max-width:360px){.product-grid{grid-template-columns:1fr}.topbar{padding:0 10px}.page{padding:12px 10px}.card{padding:15px}}


/* SPBilling v2.0.7 UX improvements */
.switch-control{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}
.switch-control input{position:absolute;opacity:0;pointer-events:none}
.switch-slider{position:relative;width:42px;height:24px;border-radius:999px;background:#d0d5dd;transition:.18s;box-shadow:inset 0 0 0 1px rgba(16,24,40,.06)}
.switch-slider:before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(16,24,40,.22);transition:.18s}
.switch-control input:checked + .switch-slider{background:#12b76a}
.switch-control input:checked + .switch-slider:before{transform:translateX(18px)}
.switch-label{font-size:12px;font-weight:700;color:#475467;min-width:48px}
.product-management-card{transition:border-color .15s,box-shadow .15s}
.product-management-card:hover{border-color:#c7d7f4}
.bill-grid.bill-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bill-card.compact{padding:15px}
.bill-card.compact .top{margin-bottom:7px}
.compact-invoice{font-size:12px;font-weight:700;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}
.compact-meta{grid-template-columns:1fr 1fr;gap:7px 10px;font-size:12px}
.compact-actions{margin-top:10px}
@media(max-width:1200px){.bill-grid.bill-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.bill-grid.bill-grid-compact{grid-template-columns:1fr}.switch-control{min-height:36px}}


/* ==========================================================
   SPBilling v2.0.8 — Mobile Admin UX
   ========================================================== */

.support-bar{
    margin-left:0;
    background:#fff7ed;
    border-bottom:1px solid #fed7aa;
    padding:9px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    color:#9a3412;
    position:sticky;
    top:0;
    z-index:45
}
.support-bar>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.support-bar span{font-size:12px;color:#9a3412}
.support-mode .topbar{top:49px}

.dashboard-metric-grid .metric-card{
    min-height:118px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    overflow:hidden
}
.dashboard-metric-grid .metric-card:after{
    content:"";
    position:absolute;
    width:72px;height:72px;
    border-radius:50%;
    right:-24px;top:-26px;
    background:rgba(23,92,211,.05)
}
.dashboard-metric-grid .metric{font-size:30px;margin-top:7px}

.shop-mobile-card{display:block}
.shop-mobile-card h3{margin:0 0 4px;font-size:18px}
.shop-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.shop-card-arrow{font-size:30px;line-height:1;color:#98a2b3}
.shop-card-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.shop-card-info span,.shop-card-info b{display:block}
.shop-card-info b{margin-top:3px}
.shops-table td{padding-top:15px;padding-bottom:15px}

.shop-detail-actions form{margin:0}
.shop-summary-grid .card{min-height:104px}
.shop-summary-grid .metric{font-size:25px}

.section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px
}
.section-head h2,.section-head h3{margin:0}
.compact-section-head{margin-bottom:14px}

.feature-access-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px
}
.feature-access-card{padding:16px}
.feature-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.feature-card-head h3{font-size:16px;margin:0 0 7px}
.feature-description{min-height:36px;margin:10px 0 12px}
.feature-status-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:10px;
    background:#f8fafc;
    border-radius:10px
}
.feature-status-row small{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}
.feature-status-row b{font-size:12px}
.feature-override-form{margin-top:12px}
.core-feature-note{
    margin-top:12px;
    background:#ecfdf3;
    color:#067647;
    padding:9px 11px;
    border-radius:9px;
    font-size:12px;
    font-weight:700
}

.admin-product-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px
}
.admin-product-card{padding:15px}
.admin-product-card h3{margin:3px 0 8px;font-size:16px}
.admin-product-card .product-code{font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.product-category{
    display:inline-flex;
    background:#f2f4f7;
    border-radius:999px;
    padding:4px 8px;
    color:#475467;
    font-size:11px;
    margin-bottom:12px
}
.admin-product-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px
}
.admin-product-stats>div{
    padding:8px;
    border-radius:9px;
    background:#f8fafc;
    min-width:0
}
.admin-product-stats span,.admin-product-stats b{display:block}
.admin-product-stats span{font-size:10px;color:var(--muted);margin-bottom:3px}
.admin-product-stats b{font-size:13px;overflow:hidden;text-overflow:ellipsis}

.shop-detail-tabs{
    scroll-behavior:smooth;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch
}
.shop-detail-tabs::-webkit-scrollbar{display:none}
.shop-detail-tabs .tab{scroll-snap-align:center}

.compact-plan-modal .modal-card{width:min(640px,100%)}
.compact-plan-modal .compact-date-input{
    min-height:44px;
    height:44px;
    padding:8px 11px;
    font-size:15px;
    line-height:1.2
}
.compact-plan-modal input[type=date]::-webkit-date-and-time-value{
    text-align:left;
    min-height:20px
}

.update-page{width:100%;max-width:100%;overflow:hidden}
.update-top-grid{
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    gap:16px
}
.update-status-card,.update-upload-card,.update-validation-card,.update-history-card{min-width:0}
.update-status-card{position:relative}
.update-icon{
    width:38px;height:38px;border-radius:11px;
    display:grid;place-items:center;
    background:#eff8ff;color:#175cd3;
    font-size:21px;margin-bottom:12px
}
.update-version{margin:5px 0}
.update-card-copy{margin-bottom:0}
.file-drop{display:block}
.update-file-input{display:block;max-width:100%;overflow:hidden}
.update-action-btn{margin-top:12px}
.update-validation-card,.update-history-card{margin-top:16px}
.update-validation-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:14px 0
}
.update-validation-grid>div{
    background:#f8fafc;
    border-radius:10px;
    padding:11px;
    min-width:0
}
.update-validation-grid span,.update-validation-grid b{display:block}
.update-validation-grid span{font-size:11px;color:var(--muted);margin-bottom:3px}
.release-notes{white-space:normal;overflow-wrap:anywhere;line-height:1.55;color:#475467}
.update-history-list{display:grid;gap:0}
.update-history-item{
    padding:13px 0;
    border-bottom:1px solid #edf0f4;
    min-width:0
}
.update-history-item:last-child{border-bottom:0}
.update-history-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.update-history-date{margin-top:5px;font-size:12px}
.update-history-note{
    margin-top:4px;
    font-size:12px;
    overflow-wrap:anywhere;
    word-break:break-word;
    max-width:100%
}

@media(max-width:1024px){
    .admin-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:768px){
    /* Professional two-column dashboard cards on phones/tablets */
    .dashboard-metric-grid.grid-4{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px
    }
    .dashboard-metric-grid .card{
        padding:14px;
        min-height:102px
    }
    .dashboard-metric-grid .metric{font-size:25px}
    .dashboard-metric-grid .metric-label{font-size:10px}
    .admin-recent-grid{grid-template-columns:1fr !important}

    .shop-summary-grid.grid-4{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px
    }
    .shop-summary-grid .card{padding:14px;min-height:94px}

    .shops-page-head{gap:12px}
    .shop-page-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
    .shop-page-actions .btn{text-align:center;justify-content:center}
    .shop-mobile-list{gap:10px}
    .shop-mobile-card{padding:15px}

    .shop-detail-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
        width:100%
    }
    .shop-detail-actions form{width:100%}
    .shop-detail-actions .btn{
        width:100%;
        justify-content:center;
        text-align:center;
        min-height:43px
    }

    .shop-detail-tabs{
        margin-left:-12px;
        margin-right:-12px;
        padding-left:12px;
        padding-right:12px;
        position:sticky;
        top:60px;
        z-index:30;
        background:var(--bg)
    }
    .support-mode .shop-detail-tabs{top:109px}

    .feature-access-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .feature-access-card{padding:12px}
    .feature-card-head{display:block}
    .feature-card-head>.badge{margin-top:8px}
    .feature-description{min-height:auto;font-size:12px}
    .feature-status-row{grid-template-columns:1fr;padding:8px;gap:6px}
    .feature-status-row>div{display:flex;justify-content:space-between;gap:8px}
    .feature-status-row small{margin:0}
    .feature-status-row b{text-align:right}

    .admin-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .admin-product-card{padding:12px}
    .admin-product-stats{grid-template-columns:1fr}
    .admin-product-stats>div{display:flex;justify-content:space-between;align-items:center}
    .admin-product-stats span,.admin-product-stats b{display:inline}

    .compact-plan-modal .modal-card{max-height:92vh}
    .compact-plan-modal .modal-body{padding:16px}
    .compact-plan-modal .form-grid{gap:12px}
    .compact-plan-modal .compact-date-input{
        font-size:16px !important;
        height:46px !important;
        min-height:46px !important;
        padding:8px 10px !important
    }

    .update-top-grid{grid-template-columns:1fr}
    .update-page .card{width:100%;max-width:100%}
    .update-validation-grid{grid-template-columns:1fr}
    .update-action-btn{width:100%;justify-content:center}
    .update-file-input{
        width:100%;
        min-width:0;
        font-size:13px
    }

    .support-bar{
        padding:8px 12px;
        align-items:flex-start
    }
    .support-bar span{display:none}
    .support-mode .topbar{top:47px}

    .admin-topbar .topbar-title{
        font-size:12px;
        font-weight:700;
        color:#667085
    }
}

@media(max-width:430px){
    .dashboard-metric-grid.grid-4,
    .shop-summary-grid.grid-4{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important
    }

    .feature-access-grid{grid-template-columns:1fr}
    .admin-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .admin-product-card h3{font-size:14px}
    .product-category{font-size:10px}

    .shop-card-info{grid-template-columns:1fr 1fr}
    .shop-detail-actions{grid-template-columns:1fr 1fr}
    .shop-detail-actions .btn{font-size:12px;padding:9px 8px}

    .update-history-note{font-size:11px}
    .update-history-item{padding:11px 0}

    .profile .btn{padding:8px 10px}
}

@media(max-width:360px){
    .dashboard-metric-grid .card,
    .shop-summary-grid .card{padding:12px}
    .dashboard-metric-grid .metric{font-size:22px}
    .admin-product-grid{grid-template-columns:1fr}
    .shop-detail-actions{grid-template-columns:1fr}
}


/* ==========================================================
   SPBilling v2.0.9 — UX polish
   ========================================================== */

/* Super Admin shop products: fixed header/badge alignment */
.admin-product-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:210px
}
.admin-product-card>.actions:first-child{
    min-height:62px;
    align-items:flex-start !important
}
.admin-product-card>.actions:first-child>div{padding-right:78px}
.admin-product-card>.actions:first-child>.badge{
    position:absolute;
    top:14px;
    right:14px;
    margin:0
}
.admin-product-card .product-category{align-self:flex-start}
.admin-product-card .admin-product-stats{margin-top:auto}

/* Super Admin plan page */
.plan-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plan-admin-card{position:relative;overflow:hidden;padding:18px}
.plan-admin-card:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:#98a2b3}
.plan-admin-card.plan-gold:before{background:#f59e0b}
.plan-admin-card.plan-diamond:before{background:#7c3aed}
.plan-admin-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.plan-admin-head h2{margin:3px 0 0;font-size:22px}
.plan-key{font-size:10px;font-weight:800;letter-spacing:.08em;color:#667085}
.plan-price-preview{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.plan-price-preview>div{padding:11px;border-radius:10px;background:#f8fafc}
.plan-price-preview small,.plan-price-preview b{display:block}
.plan-price-preview small{color:#667085;font-size:10px;margin-bottom:3px}
.plan-price-preview b{font-size:16px}
.plan-description{min-height:92px}
.plan-price-fields{margin-top:10px}
.plan-admin-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}
.check-row{display:flex;gap:8px;align-items:center}

/* Feature Management */
.feature-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.feature-admin-card{padding:17px}
.feature-plan-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-top:12px
}
.feature-plan-strip>div{background:#f8fafc;border-radius:10px;padding:9px}
.feature-plan-strip small{color:#667085;font-size:10px}

/* Themes */
.theme-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.theme-admin-card{padding:16px}
.theme-preview{height:112px;border:1px solid #e4e7ec;border-radius:12px;display:grid;grid-template-columns:30% 1fr;overflow:hidden;margin-bottom:14px;background:#f8fafc}
.theme-preview-main{padding:12px;display:flex;flex-direction:column;gap:8px}
.theme-preview-main span{height:10px;border-radius:99px;background:#e4e7ec}
.theme-preview-main span:nth-child(3){width:75%}
.theme-preview-main span:nth-child(4){width:55%}
.theme-preview-accent{height:25px;border-radius:7px;margin-bottom:2px}
.theme-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}
.theme-head h3{margin:0}
.theme-color-fields{margin-top:10px}
.theme-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.theme-foot .btn{margin-left:auto}

/* Reports */
.report-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.report-summary-card{padding:15px}
.report-summary-card span,.report-summary-card b{display:block}
.report-summary-card span{color:#667085;font-size:11px;margin-bottom:5px}
.report-summary-card b{font-size:20px}
.report-filter-actions{margin-top:12px}
.report-mobile-list{display:none}
.report-day-card{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:10px;align-items:center}
.report-day-card span,.report-day-card b{display:block}
.report-day-card span{font-size:10px}

/* Team */
.team-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.team-member-card{display:flex;flex-direction:column}
.team-member-card>p{min-height:42px}
.team-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.team-stats-grid>div{background:#f8fafc;border-radius:10px;padding:10px}
.team-stats-grid span{font-size:10px;color:#667085;display:block;margin-bottom:3px}

/* Tracking */
.tracking-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tracking-card{padding:17px}
.tracking-card-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}
.tracking-card-head h3{margin:3px 0 0}
.tracking-card-head p{margin:5px 0 0}
.tracking-url-field{grid-column:1/-1}
.tracking-actions{margin-top:12px;display:flex;justify-content:flex-end}

/* Shop settings */
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.settings-main{display:grid;gap:16px}
.settings-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.settings-card-head h3{margin:0 0 4px}
.settings-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#eff8ff;font-size:20px}
.settings-summary-card{position:sticky;top:80px}
.settings-summary-card h3{margin-top:0}
.settings-summary-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f6}
.settings-summary-row span{color:#667085}
.settings-summary-row b{text-align:right;overflow-wrap:anywhere}
.settings-save-button{width:100%;margin-top:16px;justify-content:center}
.invoice-banner-tip{line-height:1.45}

/* Super Admin Shop Settings summary */
.admin-shop-settings-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}
.admin-shop-settings-head h2{margin:0 0 4px}
.admin-shop-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.admin-shop-settings-grid>div{background:#f8fafc;border-radius:11px;padding:12px;min-width:0}
.admin-shop-settings-grid span,.admin-shop-settings-grid b{display:block}
.admin-shop-settings-grid span{font-size:10px;color:#667085;margin-bottom:5px}
.admin-shop-settings-grid b{overflow-wrap:anywhere}
.admin-shop-settings-grid .wide{grid-column:1/-1}

/* Product / customer workflow actions */
.product-page-actions,.customer-page-actions{flex-wrap:wrap}

@media(max-width:1024px){
    .plan-admin-grid,.theme-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .team-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .settings-layout{grid-template-columns:1fr}
    .settings-summary-card{position:static}
    .admin-shop-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:768px){
    .plan-admin-grid,.theme-admin-grid,.feature-admin-grid,.tracking-card-grid{grid-template-columns:1fr}
    .team-card-grid{grid-template-columns:1fr}
    .feature-plan-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
    .plan-admin-card,.theme-admin-card,.feature-admin-card,.tracking-card{padding:14px}
    .plan-admin-foot{align-items:stretch;flex-direction:column}
    .plan-admin-foot .btn{width:100%;justify-content:center}
    .theme-foot .btn{margin-left:0;width:100%;justify-content:center}
    .theme-preview{height:95px}

    .report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .report-summary-card{padding:12px}
    .report-summary-card b{font-size:17px}
    .report-filter-actions{display:grid;grid-template-columns:1fr 1fr}
    .report-filter-actions .btn{width:100%;justify-content:center;text-align:center}
    .report-mobile-list{display:grid;gap:10px;margin-top:14px}
    .reports-page-head .btn{width:100%;justify-content:center}
    .tracking-form-grid{grid-template-columns:1fr}
    .tracking-url-field{grid-column:auto}
    .tracking-actions .btn{width:100%;justify-content:center}

    .settings-card{padding:14px}
    .settings-card-head{margin-bottom:12px}
    .admin-shop-settings-head{flex-direction:column}
    .admin-shop-settings-head .btn{width:100%;justify-content:center}
    .admin-shop-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .admin-shop-settings-grid>div{padding:10px}
    .product-page-actions,.customer-page-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
    .product-page-actions .btn,.customer-page-actions .btn{width:100%;justify-content:center;text-align:center}
}

@media(max-width:430px){
    .report-day-card{grid-template-columns:1.15fr .6fr 1fr;padding:12px}
    .report-day-card b{font-size:13px}
    .team-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .admin-shop-settings-grid{grid-template-columns:1fr 1fr}
    .settings-summary-row{font-size:13px}
    .product-page-actions{grid-template-columns:1fr 1fr}
    .product-page-actions .btn:last-child:nth-child(3){grid-column:1/-1}
}

@media(max-width:360px){
    .report-summary-grid{grid-template-columns:1fr 1fr}
    .report-filter-actions{grid-template-columns:1fr}
    .product-page-actions,.customer-page-actions{grid-template-columns:1fr}
}

/* ==========================================================
   SPBilling v2.0.10 - New Bill + Invoice / Thermal Print UX
   ========================================================== */
.billing-shortcuts{color:var(--muted);font-size:13px;padding-top:7px}
.new-bill-head p{margin:6px 0 0}
.modern-pos-layout{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)}
.pos-workspace{min-width:0}
.customer-panel,.product-picker-panel,.selected-products-panel{overflow:hidden}
.panel-heading-row{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}
.panel-heading-row h3{margin:0 0 4px}
.panel-heading-row p{margin:0;font-size:12px}
.panel-heading-row>.badge{margin-left:auto}
.panel-icon{width:38px;height:38px;border-radius:11px;background:#eff8ff;display:grid;place-items:center;font-size:18px;flex:0 0 auto}
.customer-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.customer-address-field{grid-column:1/-1}
.customer-pin-field{max-width:220px}
.product-panel-head{align-items:center}
.product-search-wrap{position:relative;margin-bottom:14px}
.product-search-wrap .search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#667085;font-size:20px;z-index:2}
.product-search-wrap .input{padding-left:38px;min-height:46px}
.bill-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:500px;padding:1px}
.bill-product-card{position:relative;display:flex;flex-direction:column;text-align:left;min-height:145px;touch-action:manipulation;transition:.15s;border:1px solid #d8dee8}
.bill-product-card .product-title{padding-right:0;font-size:14px}
.product-card-footer{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:auto;padding-top:10px}
.product-card-footer b{color:var(--primary);font-size:15px}
.stock-pill{font-size:10px;font-weight:700;color:#067647;background:#ecfdf3;padding:5px 7px;border-radius:999px;white-space:nowrap}
.product-add-hint{font-size:11px;color:#475467;margin-top:9px;font-weight:650}
.product-added-badge{display:none;position:absolute;right:8px;top:8px;background:#067647;color:#fff;border-radius:999px;font-size:9px;font-weight:800;padding:4px 7px}
.bill-product-card.is-selected{border-color:#67a2f5;background:#f5f9ff;box-shadow:0 0 0 2px rgba(23,92,211,.07)}
.bill-product-card.is-selected .product-added-badge{display:inline-flex}
.bill-product-card.tap-pulse{transform:scale(.98)}
.compact-empty{padding:28px 12px}
.modern-cart-row{grid-template-columns:minmax(150px,1fr) 78px 96px 82px 36px;gap:8px;padding:11px 0}
.cart-product-info{min-width:0}.cart-product-info b{display:block;overflow:hidden;text-overflow:ellipsis}.cart-control span{display:block;color:#667085;font-size:9px;margin-bottom:3px}.cart-control .input{min-height:38px;padding:7px}.cart-line-total{font-weight:800;text-align:right;align-self:end;padding-bottom:10px}.cart-remove{align-self:end;margin-bottom:2px}
.billing-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}
.money-input{position:relative}.money-input>span{position:absolute;left:11px;top:50%;transform:translateY(-50%);z-index:2;color:#667085}.money-input .input{padding-left:27px}
.mobile-bill-total{display:none}
.confirm-bill-btn{margin-top:14px;min-height:46px}
.preview-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.preview-title-row h3{margin:0}
.compact-preview{box-shadow:0 8px 28px rgba(16,24,40,.08)}

/* Shared web invoice styling */
.invoice-web-wrap{min-width:0}
.invoice-a4{max-width:900px;margin:0 auto;background:#fff}
.invoice-banner-wrap{width:100%;overflow:hidden;border-radius:5px;margin-bottom:12px}.invoice-banner-wrap .invoice-banner{width:100%;height:auto;max-height:165px;object-fit:cover;margin:0}
.invoice-header{text-align:center!important;border-bottom:1px solid #d0d5dd!important;padding-bottom:12px!important;margin-bottom:12px!important}
.invoice-header h1{font-size:24px!important;margin:0 0 5px!important}.invoice-shop-line{color:#667085;line-height:1.45}
.invoice-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:13px 0}
.invoice-info-box{background:#f8fafc;border-radius:9px;padding:11px;display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-content:start}
.invoice-info-label{font-size:10px;color:#667085}.invoice-info-box b{font-size:12px;overflow-wrap:anywhere}
.invoice-table-wrap{overflow:hidden;border:1px solid #e4e7ec;border-radius:8px}.invoice-products{table-layout:fixed!important;margin:0}.invoice-products th{background:#f2f4f7!important;color:#344054;font-size:10px!important;text-transform:none!important}.invoice-products th,.invoice-products td{padding:7px 5px!important;vertical-align:top}.invoice-products .col-code{width:9%}.invoice-products .col-product{width:31%}.invoice-products .col-mrp{width:12%}.invoice-products .col-disc{width:9%}.invoice-products .col-qty{width:7%}.invoice-products .col-rate{width:14%}.invoice-products .col-total{width:18%}.invoice-products .num{text-align:right}
.invoice-summary-row{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start;margin-top:14px}.invoice-notes{font-size:11px;color:#667085;line-height:1.5}.invoice-totals{width:auto!important;margin:0!important}.invoice-totals>div{display:flex;justify-content:space-between;gap:14px;padding:5px 0}.invoice-totals span{color:#667085}.invoice-grand{border-top:1px solid #98a2b3;margin-top:4px;padding-top:9px!important;font-size:15px}
.invoice-a4 footer{text-align:center;color:#667085}
.invoice-action-buttons{max-width:100%}.invoice-view-grid{align-items:start}

@media(max-width:1024px){
    .modern-pos-layout{grid-template-columns:1fr}.invoice-preview{max-width:none}
    .bill-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
    .billing-shortcuts{display:none!important}
    .new-bill-head{display:block}.new-bill-head h1{font-size:28px}
    .customer-panel,.product-picker-panel,.selected-products-panel{padding:14px}
    .customer-form-grid{grid-template-columns:1fr 1fr;gap:10px}
    .customer-address-field{grid-column:1/-1}.customer-pin-field{max-width:none}
    .customer-panel .input{min-height:44px}
    .bill-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
    .bill-product-card{min-height:136px;padding:11px}
    .bill-product-card .product-title{font-size:13px}.bill-product-card .product-meta{font-size:10px}.product-card-footer{display:block}.stock-pill{display:inline-flex;margin-top:6px}.product-add-hint{font-size:10px}
    .selected-products-panel{scroll-margin-top:72px}
    .modern-cart-row{grid-template-columns:1fr 64px 78px 34px;grid-template-areas:"product product total remove" "qty rate total remove";align-items:end}
    .cart-product-info{grid-area:product}.modern-cart-row .cart-control:nth-of-type(1){grid-area:qty}.modern-cart-row .cart-control:nth-of-type(2){grid-area:rate}.cart-line-total{grid-area:total;padding-bottom:10px}.cart-remove{grid-area:remove}
    .billing-options-grid{grid-template-columns:1fr 1fr}.billing-options-grid .field:first-child{grid-column:1/-1}
    .mobile-bill-total{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-radius:10px;padding:12px 13px;margin-top:13px}.mobile-bill-total span{color:#667085}.mobile-bill-total b{font-size:20px;color:#101828}
    .confirm-bill-btn{width:100%;justify-content:center}
    .invoice-preview{display:none}
    .invoice-info-grid{grid-template-columns:1fr}.invoice-summary-row{grid-template-columns:1fr}.invoice-table-wrap{overflow:auto}.invoice-products{min-width:620px}
    .invoice-action-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.invoice-action-buttons .btn{width:100%;text-align:center}
    .invoice-view-grid{grid-template-columns:1fr!important}.invoice-web-wrap{overflow:hidden}.invoice-a4{padding:14px}
}
@media(max-width:430px){
    .customer-form-grid{grid-template-columns:1fr 1fr}.customer-name-field,.customer-phone-field{grid-column:auto}.customer-address-field{grid-column:1/-1}.customer-pin-field{grid-column:1/-1}
    .panel-heading-row>.badge{font-size:10px}
    .billing-options-grid{grid-template-columns:1fr}.billing-options-grid .field:first-child{grid-column:auto}
    .invoice-action-buttons{grid-template-columns:1fr 1fr}.invoice-action-buttons .btn{font-size:12px;padding:9px 7px}
}
@media(max-width:360px){
    .customer-form-grid{grid-template-columns:1fr}.customer-name-field,.customer-phone-field,.customer-address-field,.customer-pin-field{grid-column:auto}
    .bill-product-grid{grid-template-columns:1fr 1fr}
}
.invoice-meta-table{width:100%;border-collapse:separate;border-spacing:8px;margin:12px -8px}.invoice-meta-cell{width:50%;background:#f8fafc;border-radius:9px;padding:11px!important;vertical-align:top}.invoice-meta-cell b{font-size:10px;color:#667085;text-transform:uppercase;letter-spacing:.03em}.invoice-summary-table{width:100%;border-collapse:collapse;margin-top:14px}.invoice-notes-cell{width:55%;vertical-align:top;color:#667085;font-size:11px;line-height:1.5}.invoice-totals-cell{width:45%;vertical-align:top}.invoice-totals-table{width:100%;border-collapse:collapse}.invoice-totals-table td{padding:5px 0!important;border:0!important}.invoice-totals-table td:last-child{text-align:right}.invoice-totals-table .invoice-grand td{border-top:1px solid #98a2b3!important;padding-top:9px!important;font-size:15px}
@media(max-width:768px){.invoice-meta-table,.invoice-summary-table{display:table}.invoice-meta-cell{padding:9px!important}.invoice-notes-cell{width:45%}.invoice-totals-cell{width:55%}}


/* ==========================================================
   SPBilling v2.0.11 — Drafts, POS UX, Public Tracking & PDF
   ========================================================== */

.billing-section-card{position:relative;overflow:hidden}
.section-accent{position:absolute;left:0;top:0;bottom:0;width:4px}
.customer-accent{background:#7c3aed}
.products-accent{background:#175cd3}
.selected-accent{background:#12b76a}
.panel-kicker{font-size:10px;letter-spacing:.08em;font-weight:800;color:#667085}
.panel-heading-copy h3{margin:3px 0 4px}
.billing-section-separator{display:flex;align-items:center;gap:10px;margin:6px 0}
.billing-section-separator:before,.billing-section-separator:after{content:"";height:1px;background:#dfe5ec;flex:1}
.billing-section-separator span{font-size:10px;font-weight:800;color:#98a2b3;letter-spacing:.08em}
.customer-modern-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.customer-modern-grid .customer-address-field{grid-column:1/-1}

.category-strip{display:flex;gap:8px;overflow-x:auto;padding:10px 0 3px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.category-strip::-webkit-scrollbar{display:none}
.category-chip{border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:999px;padding:8px 12px;white-space:nowrap;cursor:pointer;font-weight:650;font-size:12px}
.category-chip.active{background:#175cd3;color:#fff;border-color:#175cd3}

.bill-add-toast{position:fixed;z-index:350;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#101828;color:#fff;border-radius:12px;padding:11px 14px;box-shadow:0 14px 35px rgba(16,24,40,.25);min-width:240px;text-align:center;transition:.18s}
.bill-add-toast.show{opacity:1;transform:translate(-50%,0)}
.bill-add-toast b,.bill-add-toast span{display:block}
.bill-add-toast span{font-size:11px;color:#d0d5dd;margin-top:2px}

.qty-stepper{display:grid;grid-template-columns:34px 58px 34px;align-items:center}
.qty-stepper .input{border-radius:0;text-align:center;min-height:38px;padding:6px}
.qty-btn{height:38px;border:1px solid #cfd6e2;background:#f8fafc;color:#175cd3;font-size:19px;font-weight:700;cursor:pointer}
.qty-btn:first-child{border-radius:9px 0 0 9px}
.qty-btn:last-child{border-radius:0 9px 9px 0}
.percent-input{position:relative}
.percent-input .input{padding-right:40px}
.percent-input span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#667085;font-weight:800}

.draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.draft-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.draft-card-head h3{margin:9px 0 3px}
.draft-amount{font-size:20px;font-weight:800}
.draft-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.draft-meta>div{background:#f8fafc;border-radius:9px;padding:9px}
.draft-meta span,.draft-meta b{display:block}
.draft-meta span{font-size:10px;color:#667085;margin-bottom:3px}

.invoice-banner-setting-preview{margin-top:14px;border:1px solid #e4e7ec;border-radius:12px;overflow:hidden;background:#f8fafc}
.invoice-banner-setting-preview img{display:block;width:100%;aspect-ratio:5/1;object-fit:cover}

.public-mobile-actions{display:none;gap:6px}
.public-feature-grid .card,.public-pricing-grid .card{min-width:0}

.courier-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.courier-admin-card{display:flex;flex-direction:column;gap:12px}
.courier-admin-head{display:flex;justify-content:space-between;gap:10px}
.courier-admin-head h3{margin:0}
.courier-url-preview{font-size:12px;color:#667085;background:#f8fafc;border-radius:9px;padding:9px;overflow-wrap:anywhere}

.tracking-flow-card{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:16px}
.tracking-flow-step{text-align:center}
.tracking-flow-step span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eff8ff;color:#175cd3;font-weight:800;margin:0 auto 5px}
.tracking-flow-step b,.tracking-flow-step small{display:block}
.tracking-flow-step small{color:#667085;margin-top:2px}
.tracking-flow-arrow{font-size:20px;color:#98a2b3}

@media(max-width:768px){
    .billing-shortcuts{display:none!important}
    .customer-modern-grid{grid-template-columns:1fr 1fr}
    .customer-modern-grid .customer-address-field{grid-column:1/-1}
    .billing-section-card{margin-bottom:4px}
    .billing-section-separator{margin:10px 0}
    .modern-cart-row{grid-template-columns:1fr!important;gap:10px!important;padding:14px 0!important}
    .modern-cart-row .cart-product-info{grid-column:1/-1}
    .modern-cart-row .qty-control,.modern-cart-row .cart-control{width:100%}
    .modern-cart-row .cart-line-total{font-size:18px;font-weight:800}
    .modern-cart-row .cart-remove{position:absolute;right:0;top:14px}
    .modern-cart-row{position:relative;padding-right:48px!important}
    .qty-stepper{grid-template-columns:42px minmax(64px,1fr) 42px;max-width:190px}
    .bill-add-toast{bottom:20px;width:calc(100% - 28px);min-width:0}
    .draft-grid{grid-template-columns:1fr}
    .public-mobile-actions{display:flex}
    .public-feature-grid,.public-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
    .public-feature-grid .card,.public-pricing-grid .card{padding:14px!important}
    .public-feature-grid .card h3,.public-pricing-grid .card h3{font-size:15px!important}
    .public-pricing-grid .metric{font-size:22px!important}
    .courier-admin-grid{grid-template-columns:1fr}
    .tracking-flow-card{padding:12px;gap:7px}
    .tracking-flow-step small{font-size:9px}
    .tracking-flow-arrow{font-size:14px}
}

@media(max-width:430px){
    .customer-modern-grid{grid-template-columns:1fr}
    .customer-modern-grid .customer-address-field{grid-column:auto}
    .public-nav .inner{gap:8px}
    .public-nav .brand{font-size:18px}
    .public-mobile-actions .btn{padding:7px 9px;font-size:11px}
    .public-feature-grid,.public-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .public-feature-grid .card p,.public-pricing-grid .card p{font-size:12px}
    .public-pricing-grid .btn{white-space:normal;text-align:center;width:100%}
}


/* v2.0.11 tracking completion */
.tracking-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0}
.tracking-progress-step{text-align:center;position:relative;color:#98a2b3}
.tracking-progress-step span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f2f4f7;margin:0 auto 5px;font-weight:800}
.tracking-progress-step b{font-size:11px}
.tracking-progress-step.done{color:#067647}
.tracking-progress-step.done span{background:#ecfdf3;color:#067647}
.track-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.track-info-grid>div{background:#f8fafc;border-radius:10px;padding:10px;min-width:0}
.track-info-grid span,.track-info-grid b{display:block}
.track-info-grid span{font-size:10px;color:#667085;margin-bottom:4px}
.track-info-grid b{overflow-wrap:anywhere}
.premium-track-card{border-top:1px solid #e4e7ec;margin-top:16px;padding-top:16px}
.premium-track-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.premium-track-head h3{margin:0}
.courier-receipt-public{margin-top:14px}
.courier-receipt-public b{display:block;margin-bottom:8px}
.courier-receipt-public img{display:block;max-width:100%;border-radius:10px;border:1px solid #e4e7ec}
.track-freshness{margin-top:14px;font-size:12px}
.track-cancelled{margin-top:14px;background:#fef3f2;border-color:#fecdca;color:#b42318}
.admin-tracking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-tracking-card{padding:16px}
.admin-tracking-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.admin-tracking-info>div{background:#f8fafc;border-radius:9px;padding:9px}
.admin-tracking-info span,.admin-tracking-info b{display:block}
.admin-tracking-info span{font-size:10px;color:#667085;margin-bottom:3px}
.admin-track-status-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px}
.diamond-receipt-field{background:#fffaeb;border:1px solid #fedf89;border-radius:10px;padding:12px}

@media(max-width:768px){
    .tracking-progress{gap:3px}
    .tracking-progress-step b{font-size:9px}
    .track-info-grid{grid-template-columns:1fr 1fr}
    .admin-tracking-grid{grid-template-columns:1fr}
    .admin-track-status-form{grid-template-columns:1fr}
    .admin-track-status-form .btn{width:100%;justify-content:center}
}

/* ==========================================================
   SPBilling v2.0.12 — PDF, thermal, public grid & courier UX
   ========================================================== */

.public-hero-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.public-hero-stats-grid .card{min-width:0}

.shipping-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.shipping-order-card{appearance:none;text-align:left;width:100%;cursor:pointer;color:inherit;transition:.18s transform,.18s box-shadow,.18s border-color}
.shipping-order-card:hover{transform:translateY(-2px);border-color:#b2ccff;box-shadow:0 12px 30px rgba(16,24,40,.08)}
.shipping-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.shipping-card-top h3{margin:3px 0 0;font-size:15px;overflow-wrap:anywhere}
.shipping-card-customer{margin:10px 0 12px;font-weight:700}
.shipping-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.shipping-card-meta>div{background:#f8fafc;border-radius:9px;padding:9px;min-width:0}
.shipping-card-meta span,.shipping-card-meta b{display:block}
.shipping-card-meta span{font-size:10px;color:#667085;margin-bottom:3px}
.shipping-card-meta b{font-size:12px;overflow-wrap:anywhere}
.shipping-card-action{margin-top:12px;color:#175cd3;font-weight:800;font-size:12px}
.shipment-modal-card{max-width:780px}
.shipment-status-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.shipment-status-summary>div{background:#f8fafc;border-radius:10px;padding:11px}
.shipment-status-summary span,.shipment-status-summary b{display:block}
.shipment-status-summary span{font-size:10px;color:#667085;margin-bottom:4px}
.shipment-modal-foot{flex-wrap:wrap}
.compact-flow-card{padding:14px}

@media(max-width:1024px){
  .shipping-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:768px){
  .public-hero-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .public-hero-stats-grid .card{padding:14px!important}
  .public-hero-stats-grid .metric{font-size:24px!important}
  .public-hero-stats-grid .metric-label{font-size:11px!important}
  .shipping-order-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .shipping-order-card{padding:12px!important}
  .shipping-card-top{display:block}
  .shipping-card-top .badge{margin-top:8px}
  .shipping-card-meta{grid-template-columns:1fr}
  .shipping-card-customer{font-size:12px}
  .shipment-status-summary{grid-template-columns:1fr 1fr}
  .shipment-modal-card{width:calc(100% - 16px);max-height:92vh}
  .shipment-modal-foot .btn{flex:1 1 100%;justify-content:center}
}

@media(max-width:430px){
  .public-hero-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .shipping-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shipping-order-card{border-radius:14px!important}
  .shipping-card-top h3{font-size:12px}
  .shipping-card-meta>div{padding:7px}
  .shipping-card-action{font-size:11px}
  .compact-flow-card{gap:4px!important}
}


/* ==========================================================
   SPBilling v2.0.13 — Mobile grids + premium shop UX
   ========================================================== */
.dashboard-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dashboard-recent-grid .bill-card{min-width:0}
.customer-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.customer-mobile-card{min-width:0;padding:15px;display:flex;flex-direction:column;justify-content:space-between}
.customer-mobile-card h3{font-size:17px;margin:0 0 8px}.customer-mobile-card p{overflow-wrap:anywhere;color:#475467;margin:0 0 12px}
.product-management-grid .product-management-card{display:flex;flex-direction:column;min-height:238px}.product-management-grid .product-management-card>.actions:last-child{margin-top:auto!important}
.product-editor-modal{width:min(780px,100%)}.product-form-sections{display:grid;gap:12px}.product-form-section{border:1px solid #e4e7ec;border-radius:14px;padding:14px;background:#fbfcfe}.product-form-section-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.product-form-section-head>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eaf2ff;color:#175cd3;font-weight:800}.product-form-section-head b,.product-form-section-head small{display:block}.product-form-section-head small{font-size:11px;color:#667085;margin-top:2px}.product-editor-grid{gap:10px}.product-discount-preview{background:#ecfdf3;border-radius:10px;padding:10px;align-self:end}.product-discount-preview span,.product-discount-preview b{display:block}.product-discount-preview span{font-size:11px;color:#067647}.product-discount-preview b{font-size:18px;color:#067647;margin-top:2px}
.advanced-date-range{padding:18px}.date-range-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.date-range-head>div{display:flex;align-items:center;gap:10px}.date-range-head h3{margin:0}.date-range-head p{margin:2px 0 0}.date-range-icon{width:38px;height:38px;border-radius:11px;background:#eaf2ff;color:#175cd3;display:grid;place-items:center;font-size:20px}.date-range-shell{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;background:#f8fafc;border:1px solid #e4e7ec;border-radius:14px;padding:12px}.date-range-shell label{display:grid;gap:5px}.date-range-shell label span{font-size:10px;font-weight:800;color:#667085;letter-spacing:.08em}.date-range-input{width:100%;border:0;background:#fff;border-radius:10px;min-height:48px;padding:10px 12px;font:inherit;color:#101828;box-shadow:0 0 0 1px #d0d5dd}.date-range-arrow{font-size:20px;color:#98a2b3;padding-bottom:13px}.quick-range-row{display:flex;gap:8px;overflow-x:auto;margin-top:10px;padding-bottom:2px;scrollbar-width:none}.quick-range-row::-webkit-scrollbar{display:none}.range-chip{border:1px solid #d0d5dd;background:#fff;border-radius:999px;padding:8px 12px;font-weight:700;color:#344054;white-space:nowrap}
.advanced-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.advanced-team-card{min-width:0}.advanced-team-card .team-stats-grid{margin-top:14px}
.advanced-settings-layout{align-items:start}.advanced-settings-layout .settings-card{border:1px solid #e4e7ec;box-shadow:0 10px 28px rgba(16,24,40,.04)}.advanced-settings-summary{position:sticky;top:84px;background:linear-gradient(180deg,#fff 0,#f8fbff 100%)}.advanced-settings-summary:before{content:'SHOP PROFILE';display:block;font-size:10px;letter-spacing:.1em;color:#175cd3;font-weight:800;margin-bottom:10px}.settings-save-button{width:100%;margin-top:14px}
.subscription-current-card{background:linear-gradient(135deg,#0b3d91,#175cd3);color:#fff;border:0}.subscription-current-card .muted{color:#dbeafe}.subscription-current-grid>div{background:rgba(255,255,255,.10);padding:14px;border-radius:12px}.subscription-section-head{margin:26px 0 12px}.subscription-section-head h2{margin:0 0 4px}.subscription-plan-card{position:relative;overflow:hidden;min-width:0}.subscription-plan-card.is-current{border:1px solid #84adff;box-shadow:0 12px 30px rgba(23,92,211,.10)}.subscription-plan-card.is-current:before{content:'ACTIVE';position:absolute;right:-29px;top:17px;transform:rotate(45deg);background:#175cd3;color:#fff;font-size:9px;font-weight:800;padding:5px 30px}.subscription-plan-kicker{font-size:10px;letter-spacing:.12em;color:#667085;font-weight:800}.subscription-plan-head h3{margin:3px 0 0}.subscription-plan-grid{align-items:stretch}.subscription-plan-grid>.card{height:100%}.subscription-request-grid>.card{border-left:4px solid #84adff}
.inline-delete-form{display:inline-flex;margin:0}.bill-danger-card{border-color:#fecdca;background:#fffafa}
.pdf-designer-layout{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:18px;align-items:start}.pdf-settings-panel{display:grid;gap:12px}.designer-group{padding:0;overflow:hidden}.designer-group summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:15px;list-style:none}.designer-group summary::-webkit-details-marker{display:none}.designer-group summary>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f2f4f7}.designer-group summary b,.designer-group summary small{display:block}.designer-group summary small{font-size:11px;color:#667085;margin-top:2px}.designer-group[open] summary{border-bottom:1px solid #edf0f4}.designer-group-body{padding:14px}.designer-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.designer-toggle{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}.designer-actions{display:flex;gap:8px;flex-wrap:wrap}.designer-preview-panel{position:sticky;top:80px}.designer-preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.designer-preview-toolbar b,.designer-preview-toolbar span{display:block}.designer-live-invoice{position:relative;--invoice-accent:#175cd3;--row-space:6px;overflow:hidden}.designer-live-invoice .designer-banner-preview{height:88px;border-radius:8px;background:linear-gradient(135deg,#eff8ff,#f8fafc);display:grid;place-items:center;color:#667085;border:1px dashed #b2ccff;margin-bottom:10px}.designer-live-invoice[data-header=accent] header{background:var(--invoice-accent);color:#fff;padding:12px;border-radius:8px}.designer-live-invoice[data-header=soft] header{background:#f8fafc;padding:12px;border-radius:8px}.designer-live-invoice[data-header=minimal] header{background:#fff}.designer-live-invoice[data-border=none] th,.designer-live-invoice[data-border=none] td{border-color:transparent}.designer-live-invoice[data-border=standard] th,.designer-live-invoice[data-border=standard] td{border-color:#98a2b3}.designer-live-invoice td,.designer-live-invoice th{padding:var(--row-space)}.designer-live-invoice[data-density=compact]{--row-space:3px}.designer-live-invoice[data-density=spacious]{--row-space:9px}.paid-watermark{display:none;position:absolute;right:35px;top:210px;transform:rotate(-18deg);font-size:54px;font-weight:900;color:rgba(18,183,106,.12);letter-spacing:.08em;pointer-events:none}.invoice-paid-watermark{position:absolute;right:8%;top:25%;transform:rotate(-20deg);font-size:46px;font-weight:900;color:rgba(18,183,106,.10);z-index:0}
.invoice-a4 .invoice-products td{border-bottom:1px solid var(--inv-border,#e4e7ec)}.invoice-a4 .invoice-products th{border-bottom:1px solid var(--inv-border,#98a2b3)}

@media(max-width:1024px){.pdf-designer-layout{grid-template-columns:1fr}.designer-preview-panel{position:static}.subscription-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){
 .dashboard-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}.dashboard-recent-grid .bill-card{padding:12px}.dashboard-recent-grid .bill-card .top{align-items:flex-start}.dashboard-recent-grid .bill-card .top b{font-size:14px}.dashboard-recent-grid .bill-meta{grid-template-columns:1fr;gap:5px;font-size:11px}.dashboard-recent-grid .actions{display:grid;grid-template-columns:1fr 1fr}.dashboard-recent-grid .btn{justify-content:center;padding:8px 6px}
 .customer-mobile-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.customer-mobile-card{padding:12px}.customer-mobile-card h3{font-size:15px}.customer-mobile-card p{font-size:12px}.customer-mobile-card .actions{gap:5px}.customer-mobile-card .badge,.customer-mobile-card .btn{font-size:10px;padding:6px 8px}
 .product-management-grid.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}.product-management-grid .product-management-card{padding:12px;min-height:225px}.product-management-grid .product-management-card h3{font-size:15px}.product-management-grid .product-management-card .metric{font-size:17px!important}.product-management-grid .product-management-card .actions:last-child{display:grid;grid-template-columns:1fr 1fr;gap:5px}.product-management-grid .product-management-card .btn{font-size:10px;padding:7px 5px;justify-content:center}
 .advanced-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.advanced-team-card{padding:12px}.advanced-team-card h3{font-size:15px}.advanced-team-card .muted{font-size:11px;overflow-wrap:anywhere}.advanced-team-card .team-stats-grid{grid-template-columns:1fr 1fr;gap:6px}.advanced-team-card .team-stats-grid>div{padding:8px}.advanced-team-card .metric{font-size:16px!important}.advanced-team-card .btn{font-size:11px;padding:7px 9px}
 .date-range-shell{grid-template-columns:1fr;gap:8px}.date-range-arrow{transform:rotate(90deg);padding:0;text-align:center;height:18px}.date-range-input{font-size:16px}.date-range-head{align-items:flex-start}.date-range-head .badge{white-space:nowrap}
 .advanced-settings-summary{position:static}.subscription-current-grid.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px}.subscription-current-grid>div{padding:10px}.subscription-current-grid .metric{font-size:18px!important}.subscription-plan-grid.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}.subscription-plan-card{padding:13px}.subscription-plan-card .metric{font-size:22px}.subscription-plan-card p{font-size:12px}.subscription-plan-card .btn{width:100%;font-size:11px;padding:8px}.subscription-request-grid.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 .pdf-designer-layout{grid-template-columns:1fr}.designer-check-grid{grid-template-columns:1fr 1fr}.designer-actions{display:grid;grid-template-columns:1fr 1fr}.designer-actions .btn:last-child{grid-column:1/-1}.designer-live-invoice{font-size:9px!important}
}
@media(max-width:340px){.dashboard-recent-grid,.customer-mobile-grid,.product-management-grid.grid-3,.advanced-team-grid,.subscription-plan-grid.grid-3,.subscription-request-grid.grid-2{grid-template-columns:1fr!important}.subscription-current-grid.grid-3{grid-template-columns:1fr!important}.designer-check-grid{grid-template-columns:1fr}}

/* =========================================================
   v2.0.14 Reference invoice + WhatsApp + professional settings
   ========================================================= */
.reference-invoice{position:relative;background:#fff;color:#111;width:100%;max-width:210mm;margin:0 auto;font-family:Arial,Helvetica,sans-serif;line-height:1.18;border:1px solid #333;box-shadow:none}
.reference-invoice .classic-banner{width:100%;aspect-ratio:5/1;overflow:hidden;border-bottom:1px solid #333;background:#fff}
.reference-invoice .classic-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.reference-invoice .classic-fallback-header{text-align:center;padding:12px 14px;border-bottom:1px solid #333;background:#fff}
.reference-invoice .classic-shop-name{font-size:26px;line-height:1.05;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}
.reference-meta{width:100%;border-collapse:collapse;table-layout:fixed}
.reference-meta td{width:50%;vertical-align:top;padding:8px 12px;border-bottom:1px solid #333;font-size:12px;line-height:1.32}
.reference-meta td+td{border-left:1px solid #333}
.reference-products{width:100%;border-collapse:collapse;table-layout:fixed}
.reference-products thead th{padding:5px 5px;border-right:1px solid #333;border-bottom:1px solid #333;text-align:center;font-weight:800;font-size:11px;white-space:nowrap}
.reference-products td{padding:3px 5px;border-right:1px solid #333;vertical-align:top;font-size:11px}
.reference-products th:last-child,.reference-products td:last-child{border-right:0}
.reference-products .num{text-align:right;font-variant-numeric:tabular-nums}
.reference-products .col-sl{width:6%}.reference-products .col-code{width:7%}.reference-products .col-product{width:40%}.reference-products .col-mrp{width:13%}.reference-products .col-disc{width:8%}.reference-products .col-qty{width:7%}.reference-products .col-rate{width:9%}.reference-products .col-total{width:10%}
.reference-products .invoice-category-row td{background:#f4f4f4;border-top:1px solid #333;border-bottom:1px solid #333;padding:4px 7px;font-size:10px;text-transform:uppercase;letter-spacing:.03em}
.reference-products tfoot td{border-top:1px solid #333;border-bottom:1px solid #333;padding:5px}
.reference-bottom{width:100%;border-collapse:collapse;table-layout:fixed}
.reference-bottom td{padding:12px 10px;vertical-align:top;font-size:11px}
.reference-words{width:72%;min-height:52px}.reference-bill-total{width:28%;border-left:1px solid #333}
.reference-bill-total span{display:block;margin-bottom:6px}.reference-bill-total b{display:block;text-align:right;font-size:14px}.reference-bill-total small{display:block;margin-top:6px;color:#667085}
.reference-terms{margin-top:8px;color:#475467;font-size:10px}
.reference-invoice footer{border-top:0;padding:6px 10px 8px;font-size:10px}
.invoice-paid-watermark{position:absolute;z-index:1;pointer-events:none;opacity:.06;font-weight:900;font-size:72px;transform:rotate(-25deg);left:27%;top:48%}
.invoice-web-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#eef2f6;padding:12px;border-radius:16px}
.invoice-web-wrap .reference-invoice{min-width:760px}
.shared-invoice-wrap{margin-top:18px}
.public-invoice-share-container{max-width:1040px}.public-invoice-share-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.public-invoice-share-head h1{margin:.4rem 0}

.whatsapp-share-card{border-color:#b7ebc6;background:linear-gradient(180deg,#f8fff9 0,#fff 46%)}
.whatsapp-share-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.whatsapp-share-head h3{margin:0}.whatsapp-share-head p{margin:3px 0 0}
.whatsapp-share-icon{width:42px;height:42px;border-radius:14px;background:#12b76a;color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px;box-shadow:0 7px 18px rgba(18,183,106,.18)}
.whatsapp-message-preview{border:1px solid #d1fadf;background:#ecfdf3;border-radius:14px;padding:14px;margin:12px 0}.wa-preview-title{font-size:11px;font-weight:800;text-transform:uppercase;color:#067647;letter-spacing:.06em;margin-bottom:8px}.whatsapp-message-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:12px;line-height:1.5;margin:0;color:#344054}.wa-preview-note{font-size:11px;margin:12px 0}

.reference-designer-layout .designer-reference-note{padding:16px}.reference-designer-layout .designer-reference-note p{margin:.4rem 0 0}.reference-preview-shell{background:#dfe5ec;padding:14px;border-radius:14px;overflow:auto}.reference-preview-shell .reference-invoice{min-width:700px;transform-origin:top left}.reference-designer-layout .designer-group summary>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#edf4ff;color:#175cd3;font-weight:800}

.settings-page-head{margin-bottom:16px}.advanced-settings-layout{align-items:start}.settings-card{border:1px solid #e4e7ec;box-shadow:0 10px 28px rgba(16,24,40,.04)}.settings-card-head{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #eef2f6}.settings-card-head h3{margin:0 0 4px}.settings-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#eff8ff;font-size:22px}.settings-card .field label{font-weight:700;color:#344054}.invoice-banner-tip{background:linear-gradient(135deg,#eff8ff,#f8fbff);border-color:#b2ddff}.invoice-banner-setting-preview{border:1px solid #d0d5dd;border-radius:14px;background:#fff;padding:8px;overflow:hidden}.invoice-banner-setting-preview img{width:100%;aspect-ratio:5/1;object-fit:cover;border-radius:9px;display:block}.advanced-settings-summary{position:sticky;top:88px;border:1px solid #dbe4f0;box-shadow:0 12px 30px rgba(16,24,40,.06)}.advanced-settings-summary h3{padding-bottom:12px;border-bottom:1px solid #eef2f6}.settings-summary-row{padding:11px 0;border-bottom:1px solid #f2f4f7}.settings-summary-row span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#667085}.settings-summary-row b{display:block;margin-top:3px;overflow-wrap:anywhere}.settings-save-button{width:100%;margin-top:16px;justify-content:center}

@media(max-width:768px){
 .invoice-web-wrap{padding:8px;border-radius:12px;margin-left:-2px;margin-right:-2px}
 .invoice-web-wrap .reference-invoice{min-width:720px}
 .public-invoice-share-head .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.public-invoice-share-head .actions .btn{justify-content:center}
 .whatsapp-share-card{padding:16px}.whatsapp-share-icon{width:38px;height:38px;border-radius:12px}.whatsapp-message-preview{padding:12px}
 .reference-preview-shell{padding:8px}.reference-preview-shell .reference-invoice{min-width:680px}
 .advanced-settings-summary{position:static}.settings-card{padding:16px}.settings-card-head{align-items:flex-start}.settings-icon{width:40px;height:40px}
}

@media print{
 .invoice-web-wrap{background:#fff!important;padding:0!important;overflow:visible!important}
 .invoice-web-wrap .reference-invoice{min-width:0!important;width:100%!important;max-width:none!important;border:0!important}
}
.settings-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.settings-overview-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:15px;box-shadow:0 7px 20px rgba(16,24,40,.035);min-width:0}.settings-overview-card span{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#667085}.settings-overview-card b{display:block;margin-top:6px;font-size:15px;overflow-wrap:anywhere}.settings-overview-card small{display:block;margin-top:3px;color:#667085;font-size:11px;overflow-wrap:anywhere}
@media(max-width:900px){.settings-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.settings-overview-grid{gap:8px}.settings-overview-card{padding:12px;border-radius:13px}.settings-overview-card b{font-size:13px}.advanced-settings-layout .input,.advanced-settings-layout .select{min-height:48px}.advanced-settings-layout .textarea{min-height:92px}}

/* v2.0.15 - invoice total box spacing */
.reference-total-box{width:100%;border-collapse:collapse}
.reference-total-label{font-weight:600;white-space:nowrap;padding-right:8px}
.reference-total-value{text-align:right;font-weight:800;white-space:nowrap}
.reference-total-discount{padding-top:5px;text-align:right;font-size:11px;color:#667085;white-space:nowrap}

/* v2.0.16 product pricing UX */
.global-pricing-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:24px;align-items:center;margin-bottom:18px;padding:22px;background:linear-gradient(135deg,#f8fbff 0%,#fff 68%);border-color:#cfe0ff}.global-pricing-copy h2{margin:4px 0 7px;font-size:22px}.eyebrow{display:inline-flex;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#175cd3;background:#eaf2ff;border-radius:999px;padding:5px 9px}.global-pricing-note{margin-top:12px;padding:10px 12px;background:#fff;border:1px solid #e4e7ec;border-radius:10px;font-size:12px;color:#475467}.global-pricing-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 8px 22px rgba(16,24,40,.05)}.global-pricing-form .global-discount-apply,.global-pricing-form>small{grid-column:1/-1}.input-affix{display:flex;align-items:center;border:1px solid #d0d5dd;border-radius:10px;background:#fff;overflow:hidden;min-height:42px}.input-affix:focus-within{border-color:#84adff;box-shadow:0 0 0 3px rgba(21,94,239,.08)}.input-affix>span{padding:0 10px;color:#667085;font-weight:700;white-space:nowrap}.input-affix .input{border:0!important;box-shadow:none!important;border-radius:0!important;min-width:0}.product-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.product-card-identity{margin-top:12px}.product-card-identity h3{margin:0 0 5px}.product-price-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.product-price-summary>div{padding:9px 10px;background:#f8fafc;border-radius:10px}.product-price-summary span,.product-price-summary b{display:block}.product-price-summary span{font-size:10px;color:#667085;text-transform:uppercase;letter-spacing:.03em}.product-price-summary b{font-size:13px;margin-top:3px;color:#344054}.product-price-summary .final-price{background:#eff8ff;border:1px solid #d1e9ff}.product-price-summary .final-price b{font-size:17px;color:#175cd3}.product-card-actions{margin-top:auto!important;padding-top:12px}.pricing-editor-section{background:linear-gradient(180deg,#fbfdff,#fff)}.smart-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.final-price-input{border-color:#84adff;background:#f5f9ff}.final-price-input span{color:#175cd3}.pricing-live-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.pricing-live-summary>div{padding:10px;border-radius:10px;background:#f8fafc}.pricing-live-summary span,.pricing-live-summary b{display:block}.pricing-live-summary span{font-size:10px;color:#667085}.pricing-live-summary b{font-size:15px;margin-top:2px}.pricing-live-summary .pricing-summary-final{background:#ecfdf3;border:1px solid #abefc6}.pricing-live-summary .pricing-summary-final b{color:#067647;font-size:18px}.product-pricing-success{margin-bottom:14px}
@media(max-width:760px){.global-pricing-card{grid-template-columns:1fr;padding:14px;gap:14px}.global-pricing-form{grid-template-columns:1fr;padding:12px}.smart-pricing-grid{grid-template-columns:1fr 1fr}.pricing-live-summary{grid-template-columns:1fr 1fr}.product-management-grid .product-management-card{min-height:310px}.product-price-summary{gap:5px}.product-price-summary>div{padding:7px}.product-card-actions{display:grid!important;grid-template-columns:1fr 1fr}.product-card-actions .btn{width:100%}}
@media(max-width:360px){.smart-pricing-grid{grid-template-columns:1fr}.product-price-summary{grid-template-columns:1fr 1fr}.pricing-live-summary{grid-template-columns:1fr 1fr}}

/* v2.0.17 deleted-shop recovery */
.deleted-backup-reveal{border:1px solid #fda29b;background:#fff7f6;margin-bottom:22px}.backup-code-box{font:700 clamp(14px,2vw,22px)/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;background:#101828;color:#fff;padding:16px 18px;border-radius:12px;overflow-wrap:anywhere;margin:14px 0}.danger-notice{border-left:4px solid #d92d20;background:#fff4f3}.deleted-backup-grid{align-items:start}.deleted-backup-card h3{margin:6px 0}.backup-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.backup-admin-stats>div{padding:12px;border-radius:12px;background:#f8fafc;border:1px solid #eaecf0}.backup-admin-stats span{display:block;color:#667085;font-size:12px;margin-bottom:4px}.compact-danger-zone{padding:14px;border:1px solid #fecaca;border-radius:14px;background:#fff7f7}.deleted-backup-public{padding-top:42px}.backup-public-head{margin-bottom:20px}.backup-lookup-card{max-width:760px;margin:0 auto 18px}.backup-id-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.backup-public-summary{margin:18px 0}.backup-privacy-note{padding:12px 14px;border-radius:12px;background:#fff8e6;border:1px solid #fedf89;margin:14px 0;color:#7a2e0e}.backup-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.backup-section-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.backup-section-card h3{margin:0 0 4px}.archived-mobile-danger{margin-top:10px}.archived-mobile-danger .btn{pointer-events:none}
@media(max-width:760px){.backup-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-section-grid{grid-template-columns:1fr}.backup-section-card{align-items:flex-start;flex-direction:column}.backup-section-card .btn{width:100%}.deleted-backup-reveal .actions>*{width:100%}.deleted-backup-card .status-line{align-items:flex-start;gap:10px}.shops-table .actions{flex-wrap:wrap}}

/* ==========================================================
   SPBilling v2.0.19 — Public experience, demo, migration & data UX
   ========================================================== */
.public-body{min-height:100vh;display:flex;flex-direction:column}.public-body>.footer{margin-top:auto}
.btn-ghost{background:transparent;border:1px solid transparent;color:var(--primary);font-weight:700}.btn-danger{background:#fff1f0;color:#b42318;border:1px solid #fecdca}.btn-danger:hover{background:#fee4e2}
.public-hero-modern{position:relative;overflow:hidden}.public-hero-modern:before{content:"";position:absolute;inset:-30% auto auto 55%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(23,92,211,.13),transparent 68%);pointer-events:none}.hero-product-demo{position:relative;background:#fff;border:1px solid #dce6f5;border-radius:24px;padding:18px;box-shadow:0 24px 70px rgba(16,24,40,.12);overflow:hidden}.hero-demo-top{display:flex;align-items:center;gap:7px;padding:0 0 14px;color:#475467;font-size:12px}.hero-demo-top span{margin-right:auto;font-weight:800}.hero-demo-top i{width:8px;height:8px;border-radius:50%;background:#d0d5dd}.hero-demo-pulse{position:absolute;width:180px;height:180px;right:-90px;bottom:-90px;border-radius:50%;background:rgba(23,92,211,.08);animation:spPulse 3s ease-in-out infinite}.hero-trust-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px;color:#475467;font-weight:700;font-size:12px}.section-kicker{font-weight:800;font-size:11px;letter-spacing:.12em;color:#175cd3;margin-bottom:8px}.detailed-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.public-feature-card{position:relative;overflow:hidden;min-height:310px}.public-feature-card h3{font-size:20px;margin:8px 0}.public-feature-card p{color:#475467;line-height:1.55}.public-feature-card>small{display:block;color:#667085;line-height:1.5;margin-top:14px}.feature-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eff8ff;color:#175cd3;font-weight:900}.mini-demo{margin-top:18px;background:#f8fafc;border:1px solid #e8edf4;border-radius:14px;padding:14px;min-height:72px;position:relative;overflow:hidden}.billing-demo{display:flex;align-items:center;justify-content:space-between;gap:8px}.billing-demo span{background:#fff;border:1px solid #d0d5dd;border-radius:9px;padding:9px;color:#98a2b3;flex:1}.billing-demo b{color:#175cd3;white-space:nowrap;animation:demoTap 2.4s ease-in-out infinite}.stock-demo{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}.stock-demo b{color:#067647;font-size:20px;animation:stockPop 2.6s infinite}.stock-demo strong{background:#ecfdf3;color:#067647;border-radius:10px;padding:10px}.customer-demo{display:grid;grid-template-columns:1fr auto;gap:7px}.customer-demo b{grid-column:1/-1}.customer-demo strong{color:#067647}.tracking-demo{display:flex;justify-content:space-between;align-items:center}.tracking-demo:before{content:"";position:absolute;left:24px;right:24px;top:50%;height:3px;background:#dce6f5}.tracking-demo i{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ecfdf3;color:#067647;font-style:normal;animation:trackStep 3s infinite}.tracking-demo i:nth-child(2){animation-delay:.5s}.tracking-demo i:nth-child(3){animation-delay:1s}.tracking-demo i:nth-child(4){animation-delay:1.5s}.whatsapp-demo{display:flex;align-items:center;justify-content:space-between;background:#ecfdf3;color:#067647}.whatsapp-demo b{font-size:24px;animation:demoTap 2s infinite}.report-demo{display:flex;align-items:end;gap:8px;height:92px}.report-demo i{flex:1;border-radius:7px 7px 3px 3px;background:linear-gradient(#84adff,#175cd3);animation:chartGrow 2.8s ease-in-out infinite}.workflow-section{background:#0d2d5e;color:#fff}.workflow-section .section-kicker{color:#84adff}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.workflow-step{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.05)}.workflow-step>b{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#fff;color:#175cd3}.workflow-step p{color:#d0d5dd}.public-cta-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px;border-radius:24px;background:linear-gradient(135deg,#eff8ff,#f8f5ff);border:1px solid #dce6f5}.public-cta-card h2{margin:0 0 8px}.public-plan-card{position:relative;overflow:hidden}.plan-pill{display:inline-flex;background:#eff8ff;color:#175cd3;padding:5px 9px;border-radius:999px;font-weight:800;font-size:12px;margin-bottom:14px}

.public-pricing-page{background:linear-gradient(180deg,#f7faff,#fff)}.pricing-hero{text-align:center;max-width:760px;margin:0 auto 32px}.pricing-hero h1{font-size:44px;margin:14px 0}.pricing-cycle-toggle{display:inline-flex;gap:6px;padding:5px;background:#eef2f7;border-radius:999px;margin-top:10px}.pricing-cycle-toggle span{padding:8px 13px;border-radius:999px;color:#667085;font-weight:700}.pricing-cycle-toggle .active{background:#fff;color:#175cd3;box-shadow:0 2px 8px rgba(16,24,40,.08)}.pricing-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pricing-card{padding:26px}.pricing-card.featured{border:2px solid #84adff;box-shadow:0 18px 50px rgba(23,92,211,.12)}.popular-ribbon{position:absolute;right:16px;top:16px;background:#175cd3;color:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.plan-price{font-size:36px;font-weight:900;margin:6px 0}.plan-price small{font-size:14px;color:#667085}.yearly-price{font-weight:700;color:#475467;margin-bottom:12px}.mobile-plan-comparison{display:none}

.request-grid,.demo-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.request-copy h1,.demo-access-page h1{font-size:42px;line-height:1.1}.request-benefits{display:grid;gap:12px;margin:24px 0}.request-benefits>div{display:flex;gap:12px;align-items:center}.request-benefits b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eff8ff;color:#175cd3}.request-form-card{padding:28px}.success-notice{background:#ecfdf3;border-color:#abefc6;color:#067647}.demo-credential-card{display:grid;gap:10px;margin:22px 0}.demo-credential-card>div{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;background:#fff;border:1px solid #e4e8ef;border-radius:12px;padding:12px}.demo-credential-card span{font-size:11px;color:#667085}.copy-mini{border:0;background:#eff8ff;color:#175cd3;border-radius:8px;padding:6px 9px;font-weight:800}.demo-screen-animation{height:360px;background:#fff;border:1px solid #dce6f5;border-radius:24px;box-shadow:0 30px 75px rgba(16,24,40,.14);position:relative;overflow:hidden;padding:52px 20px 20px 100px}.demo-browser-bar{position:absolute;top:0;left:0;right:0;height:42px;background:#f2f4f7;display:flex;align-items:center;gap:7px;padding:0 14px}.demo-browser-bar i{width:8px;height:8px;border-radius:50%;background:#98a2b3}.demo-browser-bar span{margin-left:8px;font-size:11px;color:#667085}.demo-sidebar-lines{position:absolute;left:0;top:42px;bottom:0;width:78px;background:#0d2d5e;padding:25px 12px}.demo-sidebar-lines span{display:block;height:8px;border-radius:8px;background:rgba(255,255,255,.4);margin-bottom:18px}.demo-dashboard-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-dashboard-tiles b{display:flex;flex-direction:column;padding:18px;border-radius:14px;background:#f8fafc;border:1px solid #e4e8ef;font-size:22px}.demo-dashboard-tiles small{font-size:10px;color:#667085;margin-top:5px}.demo-scan-line{position:absolute;left:90px;right:10px;height:2px;background:linear-gradient(90deg,transparent,#175cd3,transparent);animation:scanDemo 3.2s linear infinite}

.login-stage{min-height:calc(100vh - 70px);display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#f7faff,#fff 60%,#f6f3ff)}.login-stage-inner{display:grid;grid-template-columns:1fr 430px;gap:54px;align-items:center;position:relative;z-index:2;padding-top:42px;padding-bottom:42px}.login-story h1{font-size:46px;line-height:1.08;margin:14px 0}.login-story>p{font-size:18px;color:#667085;line-height:1.6}.login-feature-pills{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.login-feature-pills span{background:#fff;border:1px solid #dce6f5;border-radius:999px;padding:8px 11px;font-weight:700;font-size:12px}.demo-login-hint{color:#175cd3;font-weight:800}.login-card-modern{padding:30px;box-shadow:0 24px 70px rgba(16,24,40,.12)}.login-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#175cd3,#7f56d9);color:#fff;font-weight:900;display:grid;place-items:center}.login-demo-strip{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid #e4e8ef;font-size:11px;color:#667085}.login-orb{position:absolute;border-radius:50%;filter:blur(2px);animation:floatOrb 7s ease-in-out infinite}.login-orb-a{width:260px;height:260px;background:rgba(23,92,211,.08);left:-80px;top:50px}.login-orb-b{width:220px;height:220px;background:rgba(127,86,217,.09);right:-60px;bottom:20px;animation-delay:-3s}.login-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(23,92,211,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(23,92,211,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,black,transparent)}

.public-track-form-card{animation:fadeUp .45s ease both}.public-track-result{animation:trackReveal .55s cubic-bezier(.2,.8,.2,1) both}.tracking-progress-step.done span{animation:statusPop .45s ease both}.tracking-progress-step.done:nth-child(2) span{animation-delay:.1s}.tracking-progress-step.done:nth-child(3) span{animation-delay:.2s}.tracking-progress-step.done:nth-child(4) span{animation-delay:.3s}.backup-lookup-card{position:relative;overflow:hidden}.backup-lookup-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-65px;top:-65px;background:rgba(23,92,211,.07);animation:backupPulse 3s infinite}.backup-public-summary{animation:trackReveal .55s ease both}.backup-section-card{transition:transform .18s,border-color .18s,box-shadow .18s}.backup-section-card:hover{transform:translateY(-3px);border-color:#b2ccff;box-shadow:0 12px 28px rgba(23,92,211,.08)}.backup-section-card:before{content:"↓";display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eff8ff;color:#175cd3;font-weight:900;margin-bottom:8px}

.demo-mode-banner{position:sticky;top:0;z-index:100;background:#fff7ed;border-bottom:1px solid #fed7aa;color:#9a3412;padding:8px 18px;display:flex;gap:12px;align-items:center;justify-content:center}.demo-mode-banner span{font-size:12px}.demo-readonly form[method="post"] button[type="submit"]{position:relative}.demo-readonly form[method="post"] button[type="submit"]:after{content:"Demo";font-size:9px;margin-left:6px;opacity:.7}

.admin-data-search{display:flex;gap:10px;margin-bottom:16px}.admin-data-search .input{flex:1}.admin-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-data-card{min-width:0}.admin-data-card h3{margin:6px 0 10px;overflow-wrap:anywhere}.data-pairs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.data-pairs span,.data-pairs b{display:block}.data-pairs span{font-size:11px;color:#667085}.project-export-card{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;border:1px solid #b2ccff;background:linear-gradient(135deg,#f7faff,#fff)}

.booking-range-card{margin-top:16px}.range-selected-bar{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;background:#f8fafc;border:1px solid #e4e8ef;border-radius:14px;padding:12px;margin-bottom:14px}.range-selected-bar>div{padding:5px 8px}.range-selected-bar small,.range-selected-bar b{display:block}.range-selected-bar small{color:#667085;font-size:10px}.range-calendar{border:1px solid #e4e8ef;border-radius:16px;overflow:hidden;background:#fff}.range-calendar-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#f8fafc;border-bottom:1px solid #e4e8ef}.range-calendar-head h4{margin:0;font-size:16px}.calendar-nav{width:36px;height:36px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;font-size:22px;color:#344054}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays span{text-align:center;padding:10px 4px;font-size:10px;font-weight:800;color:#667085}.calendar-days{padding:8px}.calendar-day{border:0;background:transparent;min-height:44px;border-radius:10px;cursor:pointer;position:relative;color:#344054}.calendar-day:hover{background:#eff8ff}.calendar-day.empty{pointer-events:none}.calendar-day.in-range{background:#eaf2ff;border-radius:0}.calendar-day.range-start,.calendar-day.range-end{background:#175cd3;color:#fff;font-weight:900}.calendar-day.range-start{border-radius:10px 0 0 10px}.calendar-day.range-end{border-radius:0 10px 10px 0}.calendar-day.range-start.range-end{border-radius:10px}

@keyframes spPulse{50%{transform:scale(1.14);opacity:.55}}@keyframes demoTap{50%{transform:scale(1.06)}}@keyframes stockPop{50%{transform:translateX(4px)}}@keyframes trackStep{0%,30%{transform:scale(.85);opacity:.45}55%,100%{transform:scale(1);opacity:1}}@keyframes chartGrow{50%{transform:scaleY(.72);transform-origin:bottom}}@keyframes scanDemo{0%{top:70px;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:330px;opacity:0}}@keyframes floatOrb{50%{transform:translateY(20px) translateX(8px)}}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}}@keyframes trackReveal{from{opacity:0;transform:translateY(18px) scale(.985)}}@keyframes statusPop{0%{transform:scale(.5)}70%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes backupPulse{50%{transform:scale(1.2);opacity:.55}}

@media(max-width:1024px){.detailed-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-stage-inner{grid-template-columns:1fr 390px}.request-grid,.demo-access-grid{gap:22px}}
@media(max-width:768px){
 .public-mobile-actions{display:flex;gap:6px}.public-mobile-actions .btn{padding:8px 10px;font-size:11px}.public-hero-modern{padding:44px 0}.public-hero-modern .hero-grid{grid-template-columns:1fr}.public-hero-modern h1,.pricing-hero h1,.request-copy h1,.demo-access-page h1,.login-story h1{font-size:34px}.detailed-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-feature-card{min-height:0;padding:16px}.public-feature-card h3{font-size:17px}.public-feature-card p,.public-feature-card>small{font-size:12px}.feature-icon{width:36px;height:36px}.mini-demo{padding:10px;min-height:62px}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workflow-step{padding:16px}.public-pricing-grid,.pricing-card-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px}.pricing-card{padding:18px}.plan-price{font-size:28px}.pricing-desktop-table{display:none}.mobile-plan-comparison{display:block;margin-top:26px}.comparison-card{display:grid;gap:10px;margin-bottom:10px}.comparison-card p{margin:5px 0;color:#667085;font-size:12px}.comparison-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.comparison-badges span{padding:7px;border-radius:8px;text-align:center;font-size:10px;font-weight:800}.comparison-badges .yes{background:#ecfdf3;color:#067647}.comparison-badges .no{background:#f2f4f7;color:#667085}.request-grid,.demo-access-grid,.login-stage-inner{grid-template-columns:1fr}.login-story{display:none}.login-stage{min-height:calc(100vh - 70px)}.login-stage-inner{padding-top:26px;padding-bottom:26px}.login-card-modern{max-width:480px;width:100%;margin:auto}.demo-screen-animation{height:300px}.public-cta-card{flex-direction:column;align-items:flex-start}.admin-data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-data-card{padding:14px}.project-export-card{flex-direction:column;align-items:stretch}.project-export-card .btn{width:100%}.booking-range-card{padding:14px}.calendar-day{min-height:40px}.demo-mode-banner{flex-direction:column;gap:2px;text-align:center}.customer-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.customer-mobile-card{padding:14px;min-width:0}.customer-mobile-card h3{font-size:17px;overflow-wrap:anywhere}.customer-mobile-card p{font-size:12px;overflow-wrap:anywhere}.customer-mobile-card .actions{gap:6px}.customer-mobile-card .btn{padding:7px 9px;font-size:11px}
}
@media(max-width:430px){.detailed-feature-grid,.public-pricing-grid,.pricing-card-grid,.admin-data-grid,.customer-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.public-feature-card{padding:13px}.public-feature-card p{font-size:11px}.public-feature-card>small{display:none}.feature-icon{width:32px;height:32px}.mini-demo{font-size:10px}.workflow-step{padding:13px}.workflow-step h3{font-size:14px}.workflow-step p{font-size:11px}.pricing-card{padding:15px}.pricing-card p{font-size:11px}.plan-price{font-size:24px}.plan-price small{font-size:10px}.popular-ribbon{font-size:8px;right:8px;top:8px}.request-form-card{padding:18px}.demo-screen-animation{height:260px;padding-left:84px}.demo-sidebar-lines{width:66px}.demo-dashboard-tiles b{padding:12px;font-size:17px}.calendar-weekdays span{font-size:8px}.calendar-days{padding:4px}.calendar-day{min-height:38px;font-size:12px}.range-selected-bar{gap:5px;padding:8px}.range-selected-bar b{font-size:12px}.admin-data-search{display:grid}.data-pairs{grid-template-columns:1fr}.public-mobile-actions a:nth-child(2){display:none}}
@media(max-width:360px){.detailed-feature-grid,.public-pricing-grid,.pricing-card-grid,.admin-data-grid,.customer-mobile-grid{grid-template-columns:1fr !important}.public-mobile-actions .btn{padding:7px 8px;font-size:10px}.workflow-grid{grid-template-columns:1fr 1fr}.calendar-day{min-height:34px}.calendar-weekdays span{font-size:7px}}

/* ===== v2.0.20 public + mobile polish ===== */
.public-features-page{background:linear-gradient(180deg,#f7faff 0,#fff 42%)}
.features-hero-copy{max-width:760px;margin-bottom:30px}
.features-hero-copy h1{font-size:44px;line-height:1.08;margin:14px 0 12px}
.feature-explainer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature-explainer-card{position:relative;overflow:hidden;min-height:360px;animation:featureCardIn .55s ease both;animation-delay:var(--delay,0ms);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.feature-explainer-card:hover{transform:translateY(-5px);border-color:#b2ccff;box-shadow:0 18px 40px rgba(23,92,211,.11)}
.feature-explainer-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.feature-orb{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#175cd3,#53b1fd);color:#fff;font-size:18px;font-weight:900;box-shadow:0 10px 20px rgba(23,92,211,.2)}
.feature-explainer-card h3{font-size:21px;margin-bottom:8px}.feature-explainer-card>p{color:#667085;line-height:1.6;min-height:67px}
.feature-animation{margin:18px 0;padding:16px;border:1px solid #dce6f5;border-radius:14px;background:linear-gradient(180deg,#fff,#f7fbff);position:relative;overflow:hidden}
.feature-animation:after{content:"";position:absolute;left:-35%;top:0;width:28%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);animation:featureShine 3s infinite}
.feature-animation-line{display:block;width:58%;height:9px;border-radius:999px;background:#dbe8ff;margin-bottom:9px;animation:linePulse 2.4s ease-in-out infinite}.feature-animation-line.wide{width:84%;background:#b8d3ff}
.feature-animation-action{display:flex;align-items:center;gap:8px;margin-top:14px;color:#067647;font-weight:800}.feature-animation-action i{width:28px;height:28px;border-radius:50%;background:#12b76a;position:relative;animation:featureBeat 1.8s infinite}.feature-animation-action i:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-style:normal}
.feature-benefit{display:grid;gap:5px;padding-top:14px;border-top:1px solid #edf1f6}.feature-benefit span{font-size:12px;color:#667085;line-height:1.5}
.public-feature-cta{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#eff8ff,#f8f5ff)}

.pricing-cycle-toggle button{border:0;background:transparent;padding:9px 14px;border-radius:999px;color:#667085;font-weight:800;cursor:pointer}.pricing-cycle-toggle button small{font-weight:800;color:#067647}.pricing-cycle-toggle button.active{background:#fff;color:#175cd3;box-shadow:0 2px 8px rgba(16,24,40,.08)}
.pricing-card{animation:pricingRise .55s ease both;animation-delay:var(--delay,0ms);transition:transform .22s ease,box-shadow .22s ease}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 20px 46px rgba(16,24,40,.12)}.pricing-card.price-flash .price-value{animation:priceFlash .42s ease}.pricing-cycle-note{min-height:20px}

.advanced-public-footer{background:linear-gradient(135deg,#0b2349,#123b73);color:#dce7f7;padding:48px 0 20px;position:relative;overflow:hidden}.advanced-public-footer:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-140px;top:-220px;background:rgba(83,177,253,.12)}
.footer-top-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px;position:relative}.footer-top-grid>div:not(.footer-brand-block){display:flex;flex-direction:column;gap:10px}.footer-top-grid b{color:#fff;margin-bottom:4px}.footer-top-grid a,.footer-top-grid span{color:#bfd0ea;font-size:13px}.footer-top-grid a:hover{color:#fff}.footer-logo{font-size:24px!important;font-weight:900!important;color:#fff!important}.footer-brand-block p{max-width:370px;line-height:1.65;color:#bfd0ea}.footer-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#dce7f7}.footer-status i{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 5px rgba(18,183,106,.12)}.footer-bottom{position:relative;border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px;color:#9fb6d7}

/* Date-range calendar: fixed equal-height rows on iOS/Android/desktop */
.calendar-days{grid-auto-rows:44px;align-items:stretch}.calendar-day{appearance:none;-webkit-appearance:none;height:44px;min-height:44px!important;max-height:44px;padding:0!important;display:grid;place-items:center;align-self:stretch;line-height:1;width:100%;margin:0}.calendar-day.empty{height:44px;min-height:44px;display:block}.calendar-day.range-start,.calendar-day.range-end{height:44px!important}.calendar-day.in-range{height:44px!important}

/* New Bill category scroller + action hierarchy */
.category-slider-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;margin:12px 0}.category-strip{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:2px 0;-webkit-overflow-scrolling:touch;min-width:0}.category-strip::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto}.category-scroll-btn{width:34px;height:34px;border:1px solid #cfd6e2;background:#fff;border-radius:10px;color:#344054;font-size:20px;cursor:pointer;display:grid;place-items:center}.category-scroll-btn:hover{background:#eff8ff;color:#175cd3}.clear-cart-btn{margin-left:auto;background:#fff1f0!important;border-color:#fecdca!important;color:#b42318!important}

/* Track + backup motion polish */
.public-track-form-card{position:relative;overflow:hidden}.public-track-form-card:before{content:"";position:absolute;inset:-100% auto auto -25%;width:40%;height:250%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(23,92,211,.05),transparent);animation:trackSweep 5s linear infinite;pointer-events:none}.public-track-result{box-shadow:0 20px 50px rgba(23,92,211,.08)}
.backup-lookup-card{box-shadow:0 18px 44px rgba(23,92,211,.08)}.backup-lookup-card .btn{position:relative;overflow:hidden}.backup-lookup-card .btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.24),transparent 70%);transform:translateX(-120%);animation:backupButtonShine 3.2s infinite}

@keyframes featureCardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes featureShine{0%{left:-35%}55%,100%{left:125%}}@keyframes linePulse{50%{opacity:.55;transform:scaleX(.94);transform-origin:left}}@keyframes featureBeat{50%{transform:scale(1.08)}}@keyframes pricingRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes priceFlash{50%{transform:scale(1.06);color:#175cd3}}@keyframes trackSweep{0%{left:-35%}100%{left:135%}}@keyframes backupButtonShine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

@media(max-width:1024px){.feature-explainer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.features-hero-copy h1{font-size:34px}.feature-explainer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature-explainer-card{min-height:0;padding:15px}.feature-explainer-card h3{font-size:17px}.feature-explainer-card>p{font-size:12px;min-height:0}.feature-benefit span{font-size:11px}.feature-animation{padding:10px}.public-feature-cta{flex-direction:column;align-items:stretch}.public-feature-cta .btn{width:100%}.footer-top-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-brand-block{grid-column:1/-1}.footer-bottom{display:grid}.category-scroll-btn{display:none}.category-slider-shell{display:block}.category-strip{padding-bottom:4px}}
@media(max-width:430px){.feature-explainer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-explainer-card{padding:12px}.feature-orb{width:34px;height:34px;border-radius:10px;font-size:14px}.feature-explainer-card h3{font-size:15px}.feature-explainer-card>p{font-size:10.5px;line-height:1.45}.feature-animation{margin:10px 0}.feature-benefit{display:none}.pricing-cycle-toggle{width:100%;display:grid;grid-template-columns:1fr 1fr}.pricing-cycle-toggle button{white-space:normal}.footer-top-grid{grid-template-columns:1fr 1fr;gap:18px}.footer-brand-block{grid-column:1/-1}.advanced-public-footer{padding-top:36px}.calendar-days{grid-auto-rows:38px}.calendar-day,.calendar-day.empty,.calendar-day.range-start,.calendar-day.range-end,.calendar-day.in-range{height:38px!important;min-height:38px!important;max-height:38px!important}}

/* v2.0.22 responsive, date, invoice-total and subscription-expiry refinements */
.reference-total-box td{padding:1.2mm .8mm!important;line-height:1.25!important}
.reference-total-box .reference-total-label{font-size:6.6pt!important;font-weight:600!important;white-space:normal!important}
.reference-total-box .reference-total-value{font-size:6.9pt!important;white-space:nowrap!important}
.reference-total-box .reference-grand-row td{border-top:.18mm solid #333!important;padding-top:1.6mm!important;font-size:8pt!important}
.subscription-expiry-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-radius:16px;margin:0 0 18px;border:1px solid #b2ddff;background:#eff8ff;box-shadow:var(--shadow)}
.subscription-expiry-banner>div{display:grid;gap:3px}.subscription-expiry-kicker{font-size:11px;font-weight:800;letter-spacing:.07em}.subscription-expiry-banner strong{font-size:18px}.subscription-expiry-banner span:last-child:not(.subscription-expiry-action){font-size:13px}.subscription-expiry-action{font-weight:800;white-space:nowrap}.subscription-expiry-banner.expiry-notice{background:#fffaeb;border-color:#fedf89;color:#93370d}.subscription-expiry-banner.expiry-warning,.subscription-expiry-banner.expiry-urgent{background:#fff6ed;border-color:#f9dbaf;color:#9c2a10}.subscription-expiry-banner.expiry-expired{background:#fef3f2;border-color:#fecdca;color:#b42318}
input[type="date"].input,.field input[type="date"],.compact-plan-modal input[type="date"]{min-height:46px;height:46px;padding:0 12px;border-radius:10px;line-height:44px;max-width:100%;font-size:14px;background:#fff;color:var(--text)}
input[type="date"]::-webkit-date-and-time-value{text-align:left;min-height:1.3em;padding:0;margin:0}
input[type="date"]::-webkit-calendar-picker-indicator{width:20px;height:20px;padding:6px;margin:0 0 0 8px;cursor:pointer}
.admin-team-mobile-grid{display:none}

@media (min-width:769px) and (max-width:1180px){
  :root{--sidebar:220px}
  .page{padding:22px 18px}
  .bill-grid.bill-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .bill-card.compact{min-width:0;overflow:hidden}
  .bill-card.compact .top{align-items:flex-start}
  .bill-card.compact .top>div{min-width:0;overflow-wrap:anywhere}
  .bill-card.compact .top .badge{flex:0 0 auto;max-width:42%;white-space:normal;text-align:center}
  .compact-invoice{overflow-wrap:anywhere;word-break:break-word}
  .compact-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-actions{gap:7px}
  .dashboard-metric-grid.grid-4,.shop-summary-grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modal-card{max-width:min(720px,calc(100vw - 44px))}
  .table-wrap{max-width:100%}
}

@media(max-width:768px){
  input[type="date"].input,.field input[type="date"],.compact-plan-modal input[type="date"]{height:48px;min-height:48px;font-size:16px;line-height:46px;width:100%!important;max-width:100%!important}
  .subscription-expiry-banner{padding:13px 14px;align-items:flex-start;flex-direction:column;gap:8px}.subscription-expiry-banner strong{font-size:15px}.subscription-expiry-action{font-size:12px}
  .bill-card.compact .top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.bill-card.compact .top .badge{position:static!important;justify-self:end;max-width:100%;font-size:10px;padding:5px 8px}.bill-card.compact{overflow:hidden}.bill-customer{min-width:0}.bill-customer b,.bill-customer .muted,.compact-invoice{overflow-wrap:anywhere;word-break:break-word}
  .admin-team-mobile-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}.admin-team-user-card{padding:14px}.admin-team-user-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.admin-team-user-head h3{margin:0 0 4px}.admin-team-user-meta{display:grid;gap:4px;margin:10px 0 12px;font-size:12px;color:var(--muted)}
  .admin-team-mobile-grid+.modal{}
  .shop-detail-tabs{scroll-padding-inline:12px}
}
@media(max-width:430px){.dashboard-metric-grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-metric-grid .card{min-height:96px}.bill-grid.bill-grid-compact{grid-template-columns:1fr}.page-head{gap:10px}.page-head .actions{gap:7px}.btn{white-space:normal;text-align:center}}
@media(max-width:768px){.admin-team-mobile-grid~*{} .card:has(>.table-wrap) .table-wrap{overflow-x:auto}}
@media(max-width:768px){.admin-team-table-card .table-wrap{display:none}.admin-team-table-card{padding-bottom:8px}.admin-team-table-card>h3{margin-bottom:0}}