/* WordPress-safe Wanda root */
.wanda-app,
.wanda-app *,
.wanda-app *::before,
.wanda-app *::after {
    box-sizing: border-box;
}

.wanda-app {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-direction: column;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    overflow-x: hidden !important;
    margin: 0 0 80px !important;
    padding: 0 !important;
    background: rgba(255,255,255,.97);
    color: #27323a;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    isolation: isolate;
}

.admin-bar .wanda-app .nav { top: 32px; }
@media screen and (max-width: 782px) {
    .admin-bar .wanda-app .nav { top: 46px; }
}

/* The app's internal screens use .wanda-page, never WordPress's body.page class. */
.wanda-app .wanda-page {
    width: 100% !important;
    max-width: none !important;
}

.header{width:100%!important;max-width:none!important;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;padding:20px!important;text-align:center;position:relative;overflow:hidden}.header:after{content:'🐄';position:absolute;right:30px;top:50%;transform:translateY(-50%);font-size:92px;opacity:.13}.header h1{font-size:2em;text-shadow:2px 2px 5px rgba(0,0,0,.2)}.header p{font-size:13px;margin-top:5px!important}.sync{display:inline-block;background:rgba(255,255,255,.2);padding:6px 14px!important;border-radius:20px;margin-top:8px!important;font-size:12px}.live{background:#fff;color:#11998e;padding:2px 8px!important;border-radius:10px;font-weight:800;margin-left:5px!important}.nav{width:100%!important;max-width:none!important;display:flex;flex-wrap:nowrap;background:#f8f9fa;border-bottom:3px solid #e9ecef;overflow-x:auto;overflow-y:hidden;position:sticky;top:0;z-index:500;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.nav::-webkit-scrollbar{height:9px}.nav::-webkit-scrollbar-track{background:#eef2f4}.nav::-webkit-scrollbar-thumb{background:#b8c5ca;border-radius:10px}.nav::-webkit-scrollbar-thumb:hover{background:#11998e}.tab{flex:1 1 0;min-width:0;padding:15px 18px!important;border:0;background:none;font-weight:700;color:#667;cursor:pointer;white-space:nowrap;position:relative}.tab:hover{background:#e9ecef;color:#11998e}.tab.active{background:#fff;color:#11998e}.tab.active:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#11998e}.content{flex:1;width:100%!important;max-width:none!important;min-width:0!important;padding:20px!important}.wanda-page{width:100%!important;max-width:none!important;display:none;animation:fade .35s}.wanda-page.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card{background:#fff;border-radius:15px;box-shadow:0 8px 24px rgba(15,23,42,.09);padding:22px!important;margin-bottom:20px!important;border:1px solid #edf1f4}.entry{background:linear-gradient(135deg,#f5f7fa,#dce7ef);position:sticky;top:52px;z-index:100}.entry h2,.card h2{margin-bottom:14px!important}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}.form-row{display:grid;gap:14px;margin-bottom:14px!important}.form-row:last-child{margin-bottom:0!important}.row-4{grid-template-columns:repeat(4,minmax(0,1fr))}.row-6{grid-template-columns:repeat(6,minmax(0,1fr))}.fg{display:flex;flex-direction:column}.fg label{font-size:11px;text-transform:uppercase;letter-spacing:.55px;font-weight:800;color:#46515a;margin-bottom:6px!important}.fg input,.fg select,.search{width:100%;padding:10px 12px!important;border:2px solid #d9e0e5;border-radius:8px;background:#fff;font-size:14px;outline:none}.fg input:focus,.fg select:focus,.search:focus{border-color:#11998e;box-shadow:0 0 0 3px rgba(17,153,142,.1)}.hint{background:#fff7dd;border-left:4px solid #f39c12;border-radius:7px;padding:10px 12px!important;margin-top:12px!important;font-size:13px;display:none}.summary{display:flex;flex-wrap:wrap;gap:18px;background:#fff;border-left:5px solid #11998e;border-radius:10px;padding:14px 18px!important;margin-top:14px!important}.summary div{min-width:120px}.summary small{display:block;color:#888;text-transform:uppercase;font-weight:700}.summary b{font-size:1.2em;color:#11998e}.actions{text-align:center;margin-top:14px!important}.btn{border:0;border-radius:8px;padding:10px 18px!important;font-weight:800;cursor:pointer;margin:4px!important;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.btn:disabled{opacity:.68;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.btn-loading{pointer-events:none}.btn-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:btnSpin .7s linear infinite;vertical-align:-2px;margin-right:7px!important}.light .btn-spinner{border-color:rgba(39,50,58,.25);border-top-color:#27323a}@keyframes btnSpin{to{transform:rotate(360deg)}}.primary{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.purple{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.orange{background:linear-gradient(135deg,#f39c12,#f1c40f);color:#fff}.red{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.light{background:#e9eef2;color:#455}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;background:#fff;margin-top:12px!important}.table th{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;padding:13px 10px!important;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.55px;white-space:nowrap}.table td{padding:11px 10px!important;border-bottom:1px solid #edf0f2;font-size:13px;white-space:nowrap}.table tr:hover td{background:#fafcfc}.direct-payment-row td{background:#f2fbf8}.direct-payment-row:hover td{background:#e8f7f2}.load-more-wrap{text-align:center;padding:14px!important}.load-more-btn{border:0;border-radius:9px;padding:11px 22px!important;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;font-weight:800;cursor:pointer}.activity-type{font-weight:800}.activity-purchase{color:#0b8f7f}.activity-retail{color:#5f6ee8}.activity-wholesale{color:#7a4bb3}.activity-payment{color:#d97706}.badge{padding:3px 9px!important;border-radius:12px;font-size:11px;font-weight:800}.paid,.ok{background:#d4edda;color:#155724}.partial,.medium{background:#fff3cd;color:#856404}.unpaid,.low{background:#f8d7da;color:#721c24}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-bottom:20px!important}.stat{background:#fff;border-radius:15px;box-shadow:0 6px 18px rgba(0,0,0,.08);padding:20px!important;text-align:center;border-top:4px solid #11998e}.stat span{display:block;color:#778;font-size:12px;text-transform:uppercase;font-weight:700}.stat b{display:block;font-size:1.65em;margin-top:8px!important}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:20px}.ledger{background:#fff;border-radius:14px;box-shadow:0 5px 18px rgba(0,0,0,.08);overflow:hidden;margin:14px 0!important}.ledger-head{padding:16px 18px!important;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-left:5px solid #11998e}.ledger-body{display:none;border-top:1px solid #eee}.ledger-body.open{display:block}.muted{color:#89949d;font-size:12px}.balance{font-size:1.2em;font-weight:900;color:#e74c3c}.balance.zero{color:#11998e}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px;margin-top:16px!important}.account-card{background:#fff;border-radius:16px;box-shadow:0 7px 22px rgba(15,23,42,.09);overflow:hidden;border:1px solid #edf1f4}.account-card-top{padding:18px!important;border-left:5px solid #11998e;background:linear-gradient(135deg,#f8fffe,#fff);display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.account-name{font-size:1.08em;font-weight:900;color:#24323a}.account-phone{font-size:12px;color:#78858e;margin-top:4px!important}.account-balance{text-align:right;white-space:nowrap}.account-balance b{display:block;font-size:1.25em;color:#e74c3c}.account-balance b.zero{color:#11998e}.account-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#edf1f4;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4}.account-meta div{background:#fff;padding:12px!important;text-align:center}.account-meta small{display:block;color:#89949d;font-size:10px;text-transform:uppercase;font-weight:800}.account-meta strong{display:block;margin-top:4px!important;font-size:13px}.account-actions{padding:10px 14px!important;background:#fafcfc;text-align:right}.account-detail{display:none;border-top:1px solid #edf1f4}.account-detail.open{display:block}.sub-tabs{display:flex;gap:5px;margin:16px 0!important;background:#f5f7f8;padding:5px!important;border-radius:10px;overflow-x:auto}.sub-tab{flex:1;min-width:130px;padding:10px 14px!important;border:0;background:none;border-radius:8px;font-weight:800;color:#667;cursor:pointer;white-space:nowrap}.sub-tab.active{background:#fff;color:#11998e;box-shadow:0 2px 8px rgba(0,0,0,.1)}.sub-panel{display:none}.sub-panel.active{display:block}.period{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px!important}.period button{padding:7px 14px!important;border:1.5px solid #ddd;background:#fff;border-radius:20px;cursor:pointer;font-weight:700}.period button.active{background:#11998e;color:#fff;border-color:#11998e}.charts{display:grid;grid-template-columns:1fr;gap:22px}.chart-card{background:#fff;border-radius:18px;padding:20px!important;box-shadow:0 10px 28px rgba(15,23,42,.1);border-top:5px solid #11998e}.chart-stage{position:relative;height:360px;min-width:760px}.chart-scroll{overflow-x:auto}.setup{background:#e8f5e9;border:2px solid #4caf50}.config input{font-family:monospace}.toast{position:fixed;right:20px;top:20px;z-index:9999;background:#fff;border-left:5px solid #11998e;border-radius:10px;box-shadow:0 8px 25px rgba(0,0,0,.25);padding:15px 20px!important;display:none;max-width:360px}.empty{text-align:center;color:#999;padding:28px!important}.report-list p{padding:8px 0!important;border-bottom:1px solid #eee}.hidden{display:none!important}@media(max-width:768px){.wanda-app{width:100%!important;max-width:100%!important}.row-4,.row-6{grid-template-columns:repeat(2,minmax(0,1fr))}.header h1{font-size:1.5em}.header:after{font-size:60px}.content{padding:12px!important}.tab{flex:0 0 auto;min-width:max-content;font-size:12px;padding:12px 15px!important}.entry{position:static}.stats{grid-template-columns:repeat(2,1fr)}.chart-stage{height:320px;min-width:700px}.card{padding:15px!important}.btn{padding:9px 13px!important}}@media(max-width:480px){.row-4,.row-6{grid-template-columns:1fr}}@media print{.nav,.header,.actions,.setup{display:none!important}.wanda-page{display:none!important}#reports{display:block!important}.content{padding:0!important}.card,.stat{box-shadow:none}}

/* Screenshot-inspired entry layout */
.entry{background:linear-gradient(135deg,#f4f8fc,#dbe7f5);position:sticky;top:52px;z-index:100;padding:0!important;overflow:hidden}
.entry-title{padding:18px 22px!important;font-size:1.7em;font-weight:800;color:#1f2937}
.entry-top{background:#fff;border:2px solid #d9e3ee;border-radius:14px;margin:0 18px 20px!important;padding:20px!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:end}
.entry-top .fg label{font-size:12px;color:#263238}
.items-panel{margin:0 18px 18px!important;border-radius:14px;overflow:hidden;border:1px solid #cdd7e1;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.06)}
.items-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px!important;background:linear-gradient(135deg,#12a68f,#35e77b);color:#fff;font-weight:900;letter-spacing:.4px}
.items-head.purple-head{background:linear-gradient(135deg,#5c79e8,#7a4bb3)}
.entry-table-wrap{overflow-x:auto}
.entry-table{width:100%;border-collapse:collapse;min-width:1050px}
.entry-table th{padding:13px 12px!important;background:#eef9f7;border:1px solid #bfcbd4;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.45px;white-space:nowrap}
.entry-table td{padding:10px 8px!important;border:1px solid #c9d2da;background:#fff;vertical-align:middle}
.entry-table input,.entry-table select{width:100%;padding:10px 12px!important;border:1.7px solid #d4d8dd;border-radius:9px;background:#fff;font-size:14px;outline:none}
.entry-table input:focus,.entry-table select:focus{border-color:#16a394;box-shadow:0 0 0 3px rgba(22,163,148,.10)}
.entry-table input.below-cost{background:#fff4e8!important;border-color:#ff9800!important;color:#e65100!important}
.entry-table input.price-required-error{background:#fff0f0!important;border-color:#d32f2f!important;box-shadow:0 0 0 3px rgba(211,47,47,.14)!important}
.cost-hint{display:none!important}.remove-x{cursor:pointer;user-select:none}.add-row-look{cursor:pointer}.paid-top{min-width:170px}
.row-num{text-align:center;color:#8a98a4;font-weight:800}.total-cell{font-weight:900;color:#009688;white-space:nowrap}.remove-x{text-align:center;color:#ef3b2d;font-size:24px;font-weight:400}
.add-row-look{padding:12px!important;text-align:center;border:2px dashed #11a596;border-top:0;color:#079789;font-weight:900;background:#fff}
.add-row-look.purple-add{border-color:#6576ee;color:#6074ec}
.entry-summary{margin:0 18px 18px!important;background:#fff;border-radius:14px;border-left:6px solid #12a698;padding:20px 24px!important;display:flex;gap:42px;align-items:center;min-height:96px}
.entry-summary.purple-summary{border-left-color:#6576ee}
.summary-box small{display:block;color:#68717c;text-transform:uppercase;font-weight:800;font-size:11px}.summary-box b{display:block;color:#009688;font-size:1.35em;margin-top:8px!important}.summary-box.purple-value b{color:#6576ee}
.entry .actions{padding:0 18px 18px!important;margin-top:0!important}.entry .btn{font-size:15px;padding:14px 30px!important;border-radius:10px;box-shadow:0 7px 18px rgba(0,0,0,.15)}
@media(max-width:1100px){.entry-top{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-summary{gap:24px;flex-wrap:wrap}}
@media(max-width:520px){.entry-top{grid-template-columns:1fr;margin:0 10px 14px!important}.items-panel,.entry-summary{margin-left:10px!important;margin-right:10px!important}.entry-title{font-size:1.3em}.entry-summary{padding:16px!important}}

/* Stock page redesign */
.stock-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:24px!important}
.stock-stat-card{background:#fff;border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.08);padding:30px 22px!important;text-align:center;border-top:4px solid #149c90}
.stock-stat-card span{display:block;color:#7b6f63;font-size:13px;letter-spacing:.9px;text-transform:uppercase;margin-bottom:12px!important}
.stock-stat-card b{display:block;font-size:1.9em;color:#24344b}
.stock-stat-card b.alert{color:#ea4335}
.stock-stat-card b.warn{color:#f39c12}
.stock-card h2{margin-bottom:14px!important}
.stock-search-row{display:flex;align-items:center;gap:18px;margin:10px 0 18px!important}
.stock-search{flex:1}
.stock-records{white-space:nowrap;color:#7c7287;font-weight:700}
.stock-table th{background:linear-gradient(135deg,#14a38f,#39dc78)!important;color:#000!important}
.stock-table td.status-ok{color:#009688;font-weight:800}
.stock-table td.status-medium{color:#f39c12;font-weight:800}
.stock-table td.status-low,.stock-table td.status-out{color:#e74c3c;font-weight:800}
@media(max-width:1100px){.stock-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.stock-cards{grid-template-columns:1fr}.stock-search-row{flex-direction:column;align-items:stretch}.stock-records{text-align:right}}

/* Pharmacy-style Reports */
.report-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px!important}
.report-stat{background:#fff;padding:20px!important;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);text-align:center;border-top:4px solid #11998e}
.report-stat-label{color:#666;font-size:12px;text-transform:uppercase;letter-spacing:1px}
.report-stat-value{font-size:2em;font-weight:800;color:#333;margin-top:10px!important}
.report-sub-tabs{display:flex;gap:5px;margin-bottom:20px!important;background:#f8f9fa;padding:5px!important;border-radius:10px;flex-wrap:wrap}
.report-sub-tab{flex:1;padding:10px!important;background:none;border:none;cursor:pointer;font-size:13px;font-weight:700;color:#666;border-radius:8px;min-width:110px}
.report-sub-tab.active{background:#fff;color:#11998e;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.report-panel{display:none}.report-panel.active{display:block}
.report-period-bar{background:#fff;border:2px solid #e9ecef;border-radius:14px;padding:14px 18px!important;margin-bottom:14px!important;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.report-period-label{font-size:12px;font-weight:800;color:#888;text-transform:uppercase;letter-spacing:.6px}
.report-period-btns{display:flex;gap:6px;flex-wrap:wrap}
.report-period-btn{padding:6px 14px!important;border:1.5px solid #ddd;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;background:#fff;color:#777}
.report-period-btn.active{background:#11998e;border-color:#11998e;color:#fff;box-shadow:0 2px 8px rgba(17,153,142,.3)}
.report-period-pill{font-size:11px;color:#11998e;font-weight:800;background:#e8f5e9;padding:4px 10px!important;border-radius:12px;margin-left:auto}
.report-custom-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px!important;padding:12px 18px!important;background:#f8f9fa;border-radius:10px}
.report-custom-row input{padding:7px 10px!important;border:1.5px solid #ddd;border-radius:8px}
.report-graphs{display:grid;grid-template-columns:1fr;gap:24px}
.report-chart-card{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid rgba(17,153,142,.1);border-radius:20px;box-shadow:0 12px 32px rgba(15,23,42,.1);padding:22px!important;overflow:hidden}
.report-chart-card h4{font-size:14px;font-weight:800;color:#1f2937;margin-bottom:4px!important;text-transform:uppercase;letter-spacing:.55px}
.report-chart-subtitle{font-size:12px;color:#7b8794;margin-bottom:14px!important}
.report-chart-scroll{width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 0 10px!important}
.report-chart-stage{position:relative;width:100%;min-width:780px;height:370px}
.report-chart-stage.tall{height:430px}.report-chart-stage.compact{height:400px}
.report-chart-stage canvas{display:block;width:100%!important;height:100%!important}
@media(max-width:768px){.report-chart-stage{min-width:720px;height:340px}.report-chart-stage.tall{height:390px}.report-period-pill{margin-left:0}}


/* Accounts management tab */
.account-overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-bottom:20px!important}
.account-overview-card{background:#fff;border-radius:15px;box-shadow:0 6px 18px rgba(0,0,0,.08);padding:20px!important;text-align:center;border-top:4px solid #11998e}
.account-overview-card.payable{border-top-color:#e74c3c}.account-overview-card.receivable{border-top-color:#667eea}.account-overview-card.net{border-top-color:#f39c12}
.account-overview-card span{display:block;color:#778;font-size:11px;text-transform:uppercase;letter-spacing:.7px;font-weight:800}
.account-overview-card b{display:block;font-size:1.55em;margin-top:8px!important;color:#27323a}
.accounts-shell{padding-bottom:8px!important}.accounts-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}
.accounts-tabs{display:flex;gap:7px;background:#f5f7f8;padding:6px!important;border-radius:11px;margin-top:18px!important;overflow-x:auto}
.accounts-tab{flex:1;min-width:190px;padding:11px 15px!important;border:0;background:transparent;border-radius:8px;font-weight:800;color:#68727b;cursor:pointer;white-space:nowrap}
.accounts-tab.active{background:#fff;color:#11998e;box-shadow:0 3px 10px rgba(0,0,0,.11)}
.accounts-panel{display:none}.accounts-panel.active{display:block}
.accounts-panel>.stats{margin-top:0!important}
@media(max-width:768px){.account-overview-stats{grid-template-columns:repeat(2,1fr)}.accounts-tab{min-width:170px}}
@media(max-width:480px){.account-overview-stats{grid-template-columns:1fr}}


/* Expanded account balance cards */
.account-grid{display:flex!important;flex-direction:column!important;gap:18px!important;width:100%!important}
.account-search-row{display:flex;align-items:center;gap:14px;margin:8px 0 18px!important}
.account-search-row h3{white-space:nowrap;font-size:1.25em}
.account-search-wrap{position:relative;display:flex;align-items:center;flex:1}
.account-search-wrap>span{position:absolute;left:14px;z-index:2;pointer-events:none}
.account-search-wrap .search{padding-left:42px!important;padding-right:42px!important;height:52px;border-radius:13px}
.account-search-wrap button{position:absolute;right:12px;border:0;background:none;color:#9aa3aa;font-size:17px;cursor:pointer;padding:6px!important}
.account-card{width:100%;border-radius:18px!important;box-shadow:0 8px 26px rgba(15,23,42,.09)!important;overflow:hidden!important}
.account-card-top{min-height:138px;padding:24px 28px!important;cursor:pointer;align-items:center!important;border-left-width:6px!important;transition:background .2s ease}
.account-card.receivable-card .account-card-top{background:linear-gradient(90deg,#eefbf8 0%,#fff 100%);border-left-color:#11998e!important}
.account-card.payable-card .account-card-top{background:linear-gradient(90deg,#fdebf2 0%,#fff 100%);border-left-color:#e91e63!important}
.account-card-top:hover{filter:brightness(.992)}
.account-name{font-size:1.08em!important;margin-bottom:7px!important}
.account-phone{margin-top:0!important}
.account-header-meta{font-size:12px;color:#8a949d;margin-top:9px!important}
.account-progress{display:flex;align-items:center;gap:10px;margin-top:15px!important;font-size:12px;color:#7d8790}
.account-progress-track{width:150px;height:10px;background:#e9eef1;border-radius:20px;overflow:hidden}
.account-progress-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#11998e,#38ef7d)}
.payable-card .account-progress-fill{background:linear-gradient(90deg,#e91e63,#ff4081)}
.account-balance{display:flex;align-items:center;gap:18px!important}
.account-balance-text{text-align:right}
.account-balance b{font-size:1.45em!important}
.account-balance small{display:block;margin-top:5px!important;text-transform:uppercase;letter-spacing:.6px}
.account-toggle{font-size:22px;color:#a4a9ad;transition:transform .25s ease}
.account-card.open .account-toggle{transform:rotate(180deg)}
.account-meta{display:none!important}
.account-actions{padding:12px 24px!important;text-align:left!important;display:flex;gap:8px;flex-wrap:wrap}
.account-detail{display:none!important;border-top:1px solid #e8ecef!important}
.account-card.open .account-detail{display:block!important}
.account-detail .table{margin-top:0!important}
.account-detail .table th{background:#f5f7f8!important;color:#17202a!important;border-bottom:1px solid #cfd7dd}
.account-detail .table td{border-bottom:1px solid #edf0f2}
@media(max-width:700px){.account-search-row{align-items:stretch;flex-direction:column}.account-search-row h3{white-space:normal}.account-card-top{padding:20px!important;align-items:flex-start!important}.account-balance{gap:8px!important}.account-progress-track{width:100px}}



/* Current-month payment tracking cards */
.account-card.month-unpaid{border:2px solid #ef5350!important;box-shadow:0 10px 28px rgba(198,40,40,.16)!important}
.account-card.month-unpaid .account-card-top{background:linear-gradient(90deg,#ffe5e5 0%,#fff3f3 58%,#fff 100%)!important;border-left-color:#d32f2f!important}
.account-card.month-paid{border:2px solid #43a047!important;box-shadow:0 10px 28px rgba(46,125,50,.14)!important}
.account-card.month-paid .account-card-top{background:linear-gradient(90deg,#dcf7df 0%,#f0fff1 58%,#fff 100%)!important;border-left-color:#2e7d32!important}
.month-payment-badge{display:inline-flex;align-items:center;gap:6px;margin-top:10px!important;padding:6px 11px!important;border-radius:18px;font-size:11px;font-weight:900;letter-spacing:.25px;text-transform:uppercase}
.month-payment-badge.unpaid{background:#c62828;color:#fff}
.month-payment-badge.paid{background:#2e7d32;color:#fff}
.month-payment-date{font-size:11px;color:#607d6b;margin-top:7px!important;font-weight:700}
.account-card.month-unpaid .month-payment-date{color:#8e3b3b}

/* Month-wise payable / receivable statements */
.monthly-ledger-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px!important;background:#f5f9fb;border-bottom:1px solid #e3e9ee;flex-wrap:wrap}
.monthly-ledger-title b{font-size:14px;color:#263238}.monthly-ledger-title span{font-size:11px;color:#718096}
.monthly-ledger-table th{background:#eef4f7!important;color:#263238!important}.monthly-ledger-table td{font-variant-numeric:tabular-nums}
.monthly-ledger-table .carry-cell{font-weight:800;color:#5f6ee8}.monthly-ledger-table .bill-cell{font-weight:800;color:#27323a}.monthly-ledger-table .paid-cell{font-weight:800;color:#11998e}.monthly-ledger-table .closing-cell{font-weight:900;color:#e74c3c}.monthly-ledger-table .closing-cell.zero{color:#11998e}
.monthly-ledger-note{padding:10px 18px!important;background:#fffbea;color:#806000;font-size:12px;border-bottom:1px solid #f3e6a5}

/* Compact payment-only account history */
.payment-history-note{padding:12px 18px!important;background:#f8fafc;color:#718096;font-size:12px;border-bottom:1px solid #edf1f4}
.payment-history-row.extra-payment-row{display:none}
.payment-history-row.extra-payment-row.show{display:table-row}
.payment-history-controls{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px!important;background:#fafcfc;border-top:1px solid #edf1f4}
.payment-history-controls .history-count{font-size:12px;color:#7b8794;font-weight:700}
.history-toggle-btn{border:1.5px solid #cfd8e3;background:#fff;color:#546e7a;border-radius:18px;padding:7px 15px!important;font-size:12px;font-weight:800;cursor:pointer}
.history-toggle-btn:hover{border-color:#11998e;color:#11998e;background:#f2fbf8}


/* Secure Accounts & Reports access */
.secure-overlay{position:fixed;inset:0;z-index:12000;background:rgba(15,23,42,.72);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;padding:18px!important}
.secure-overlay.open{display:flex}
.secure-dialog{width:min(460px,100%);background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.35);padding:26px!important;border:1px solid #e5e7eb}
.secure-dialog h2{font-size:1.35em;margin-bottom:8px!important}.secure-dialog p{color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:16px!important}
.secure-input-wrap{position:relative}.secure-input{width:100%;padding:13px 48px 13px 14px!important;border:2px solid #d8e0e6;border-radius:11px;font-size:16px;outline:none}
.secure-input:focus{border-color:#11998e;box-shadow:0 0 0 3px rgba(17,153,142,.12)}
.secure-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;padding:8px!important;font-size:17px}
.secure-error{min-height:19px;color:#c62828;font-size:12px;font-weight:700;margin-top:8px!important}
.secure-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px!important}
.security-settings{border:1px solid #dce5ea;background:linear-gradient(135deg,#f8fffe,#fff);border-radius:14px;padding:18px!important;margin-top:18px!important}
.security-settings .grid{margin-top:13px!important}
.security-status{display:inline-flex;align-items:center;gap:7px;padding:6px 11px!important;border-radius:18px;font-size:11px;font-weight:900}
.security-status.set{background:#d4edda;color:#155724}.security-status.not-set{background:#fff3cd;color:#856404}
.lock-tab-badge{font-size:11px;margin-left:4px!important}
.protected-lock-button{float:right}
@media(max-width:600px){.secure-dialog{padding:20px!important}.secure-actions{flex-direction:column}.secure-actions .btn{width:100%}}


/* Accounts & Reports password gate only */
.secure-overlay{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:2147483647!important;
  background:rgba(15,23,42,.74)!important;
  backdrop-filter:blur(5px)!important;
}
.secure-dialog{
  width:min(460px,calc(100vw - 28px))!important;
  max-height:calc(100vh - 28px)!important;
  overflow:auto!important;
}


/* Discourage browser password managers: use masked text fields, not type=password */
.secure-secret{
  -webkit-text-security:disc!important;
  text-security:disc!important;
}
.secure-secret.reveal{
  -webkit-text-security:none!important;
  text-security:none!important;
}



/* Gemini voice assistant */
.ai-settings{border:1px solid #dbe5ff;background:linear-gradient(135deg,#f4f7ff,#fff);border-radius:14px;padding:18px!important;margin-top:18px!important}
.ai-settings .ai-warning{background:#fff7dd;border-left:4px solid #f39c12;border-radius:8px;padding:11px 13px!important;margin:12px 0!important;font-size:12px;line-height:1.5}
.ai-status{display:inline-flex;align-items:center;gap:7px;padding:6px 11px!important;border-radius:18px;font-size:11px;font-weight:900;background:#eef2ff;color:#4f46e5}
.ai-status.ready{background:#d4edda;color:#155724}.ai-status.missing{background:#fff3cd;color:#856404}
.ai-fab{position:fixed;right:22px;bottom:22px;z-index:7000;width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(135deg,#5f6ee8,#7a4bb3);color:#fff;font-size:27px;cursor:pointer;box-shadow:0 12px 30px rgba(76,81,191,.38)}
.ai-panel{position:fixed;right:22px;bottom:96px;z-index:6999;width:min(430px,calc(100vw - 24px));height:min(650px,calc(100vh - 130px));background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(15,23,42,.30);border:1px solid #e7eaf3;display:none;overflow:hidden}
.ai-panel.open{display:flex;flex-direction:column}
.ai-head{padding:16px 18px!important;background:linear-gradient(135deg,#5f6ee8,#7a4bb3);color:#fff;display:flex;justify-content:space-between;align-items:center}
.ai-head b{font-size:16px}.ai-head small{display:block;opacity:.85;margin-top:3px!important}.ai-close{border:0;background:rgba(255,255,255,.18);color:#fff;border-radius:9px;padding:7px 10px!important;cursor:pointer}
.ai-messages{flex:1;overflow-y:auto;padding:16px!important;background:#f7f8fc}
.ai-msg{max-width:88%;padding:11px 13px!important;border-radius:14px;margin-bottom:10px!important;line-height:1.45;font-size:13px;white-space:pre-wrap;word-break:break-word}
.ai-msg.user{margin-left:auto;background:#5f6ee8;color:#fff;border-bottom-right-radius:4px}.ai-msg.assistant{background:#fff;color:#263238;border:1px solid #e7eaf0;border-bottom-left-radius:4px}.ai-msg.system{max-width:100%;background:#fff7dd;color:#725b00;text-align:center;font-size:12px}
.ai-quick{display:flex;gap:7px;overflow-x:auto;padding:9px 12px!important;border-top:1px solid #eef0f5;background:#fff}
.ai-quick button{border:1px solid #dfe3ed;background:#fff;border-radius:18px;padding:7px 11px!important;white-space:nowrap;font-size:11px;font-weight:700;cursor:pointer}
.ai-compose{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:12px!important;border-top:1px solid #e8ebf1;background:#fff;align-items:end}
.ai-compose input{width:100%;height:48px;min-width:0;padding:0 14px!important;border:2px solid #dfe3eb;border-radius:14px;outline:none;font-family:inherit;font-size:16px;line-height:normal;background:#fff;color:#27323a;appearance:none;-webkit-appearance:none;overflow:hidden}
.ai-compose input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.12)}
.ai-compose input::placeholder{color:#8b929d;opacity:1}
.ai-compose{grid-template-columns:48px minmax(0,1fr) 56px;align-items:center;gap:10px}
.ai-icon-btn{flex:0 0 auto}
@media(max-width:480px){.ai-compose{grid-template-columns:46px minmax(0,1fr) 54px;gap:8px}.ai-compose input{height:46px;font-size:15px;padding:0 12px!important}}.ai-icon-btn{width:44px;height:44px;border:0;border-radius:12px;cursor:pointer;font-size:19px}.ai-mic{background:#eef2ff;color:#5f6ee8;display:flex;align-items:center;justify-content:center}.ai-mic .mic-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.ai-mic .mic-icon svg{display:block;width:22px;height:22px;fill:currentColor}.ai-mic.listening{background:#e74c3c;color:#fff;animation:aiPulse 1s infinite}.ai-mic.listening .mic-icon svg{display:none}.ai-mic.listening .mic-icon::after{content:"";display:block;width:14px;height:14px;border-radius:2px;background:currentColor}.ai-send{background:#5f6ee8;color:#fff}
@keyframes aiPulse{50%{transform:scale(1.06);box-shadow:0 0 0 8px rgba(231,76,60,.12)}}
@media(max-width:520px){.ai-fab{right:12px;bottom:12px}.ai-panel{right:12px;bottom:84px;height:calc(100vh - 100px)}}


/* Retail-customer last-month receivable display */
.retail-last-month-box{margin-top:10px!important;padding:9px 12px!important;border-radius:10px;background:#fff7dd;border:1px solid #f3d77a;text-align:right;min-width:210px}
.retail-last-month-box small{display:block;color:#8a6a00;font-size:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:900}
.retail-last-month-box b{display:block;color:#d97706;font-size:1.05em;margin-top:4px!important}
.retail-last-month-box.hidden{display:none!important}
@media(max-width:700px){.retail-last-month-box{text-align:left;min-width:0}}


/* WordPress desktop layout refinements — v1.0.6 */
.wanda-app {
    max-width: 1440px !important;
    min-height: auto !important;
    margin: 24px auto 60px !important;
    border: 1px solid #e6ebef;
    border-radius: 14px;
    box-shadow: 0 8px 30px rgba(15, 23, 42, .07);
    overflow: hidden !important;
    background: #f6f8fa !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

.wanda-app h1,
.wanda-app h2,
.wanda-app h3,
.wanda-app h4,
.wanda-app h5,
.wanda-app h6,
.wanda-app p {
    font-family: inherit !important;
    line-height: 1.3 !important;
}
.wanda-app h1 { font-size: 28px !important; }
.wanda-app h2 { font-size: 22px !important; }
.wanda-app h3 { font-size: 18px !important; }
.wanda-app h4 { font-size: 15px !important; }

.wanda-app .nav {
    position: relative !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    overflow: visible !important;
    border-bottom: 1px solid #dfe5e9 !important;
    background: #ffffff !important;
    padding: 8px !important;
    gap: 6px;
}
.wanda-app .tab {
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 10px 8px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}
.wanda-app .tab:hover {
    background: #eef8f6 !important;
    border-color: #d1ebe6 !important;
}
.wanda-app .tab.active {
    color: #0d8d82 !important;
    background: #eaf8f5 !important;
    border-color: #9fd8d1 !important;
    box-shadow: none !important;
}
.wanda-app .tab.active::after { display: none !important; }

.wanda-app .content {
    padding: 20px !important;
    background: #f6f8fa !important;
}
.wanda-app .card,
.wanda-app .account-overview-card,
.wanda-app .report-stat,
.wanda-app .stock-stat-card {
    border-radius: 12px !important;
    box-shadow: 0 3px 12px rgba(15, 23, 42, .06) !important;
}
.wanda-app .card { padding: 18px !important; }
.wanda-app .entry {
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
}
.wanda-app .entry-title {
    font-size: 22px !important;
    padding: 16px 18px !important;
}
.wanda-app .entry-top {
    margin: 0 14px 16px !important;
    padding: 16px !important;
    gap: 12px !important;
}
.wanda-app .items-panel,
.wanda-app .entry-summary {
    margin-left: 14px !important;
    margin-right: 14px !important;
}
.wanda-app .entry-summary {
    min-height: 72px !important;
    padding: 14px 18px !important;
    gap: 24px !important;
}
.wanda-app .entry .actions { padding: 0 14px 16px !important; }
.wanda-app .entry .btn,
.wanda-app .btn {
    font-size: 12px !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
}
.wanda-app .account-overview-stats,
.wanda-app .report-stats,
.wanda-app .stats,
.wanda-app .stock-cards {
    gap: 14px !important;
}
.wanda-app .account-overview-card,
.wanda-app .report-stat,
.wanda-app .stat,
.wanda-app .stock-stat-card {
    padding: 16px !important;
}
.wanda-app .account-overview-card b,
.wanda-app .report-stat-value,
.wanda-app .stat b,
.wanda-app .stock-stat-card b {
    font-size: 24px !important;
}
.wanda-app .accounts-shell { padding: 16px !important; }
.wanda-app .accounts-heading h2 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 24px !important;
    margin: 0 !important;
}
.wanda-app .protected-lock-button {
    float: none !important;
    margin: 0 !important;
}
.wanda-app .accounts-tabs {
    margin-top: 14px !important;
    padding: 5px !important;
}
.wanda-app .accounts-tab {
    min-width: 150px !important;
    font-size: 13px !important;
    padding: 10px 12px !important;
}

@media (max-width: 1100px) {
    .wanda-app {
        margin: 12px !important;
        width: calc(100% - 24px) !important;
    }
    .wanda-app .nav {
        display: flex !important;
        overflow-x: auto !important;
    }
    .wanda-app .tab {
        flex: 0 0 auto !important;
        min-width: 145px !important;
    }
}

@media (max-width: 600px) {
    .wanda-app {
        width: 100% !important;
        margin: 0 0 40px !important;
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
    .wanda-app .content { padding: 10px !important; }
    .wanda-app .card { padding: 14px !important; }
    .wanda-app .accounts-heading h2 { font-size: 20px !important; }
}


/* Ideal Pharmacy-style top layout — v1.0.7 */
.wanda-app {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 60px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    background: #ffffff !important;
}

.wanda-app .nav {
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    background: #f8f9fa !important;
    border-top: 1px solid #222 !important;
    border-bottom: 3px solid #e9ecef !important;
    border-radius: 0 !important;
}

.wanda-app .tab {
    flex: 1 1 0 !important;
    min-width: 145px !important;
    min-height: 64px !important;
    padding: 15px 10px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #555 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    white-space: nowrap !important;
    position: relative !important;
}

.wanda-app .tab:hover,
.wanda-app .tab:focus {
    background: #f1f3f5 !important;
    color: #11998e !important;
    outline: none !important;
}

.wanda-app .tab.active {
    background: #ffffff !important;
    color: #11998e !important;
    border: 0 !important;
}

.wanda-app .tab.active::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -3px !important;
    height: 3px !important;
    background: #11998e !important;
}

.wanda-app .content {
    width: 100% !important;
    padding: 25px !important;
    background: #ffffff !important;
}

.wanda-app .entry {
    margin: 0 0 22px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    background: linear-gradient(135deg, #f4f8fc 0%, #d8e3f1 100%) !important;
}

.wanda-app .entry-title {
    padding: 18px 28px 14px !important;
    margin: 0 !important;
    color: #263238 !important;
    font-size: 42px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

.wanda-app .entry-top {
    margin-top: 0 !important;
}

.wanda-app .card:not(.entry) {
    background: #ffffff !important;
}

@media (max-width: 900px) {
    .wanda-app .tab {
        flex: 0 0 auto !important;
        min-width: 150px !important;
        min-height: 58px !important;
        font-size: 14px !important;
    }

    .wanda-app .entry-title {
        font-size: 31px !important;
        padding: 17px 20px 13px !important;
    }

    .wanda-app .content {
        padding: 16px !important;
    }
}

@media (max-width: 520px) {
    .wanda-app .tab {
        min-width: 135px !important;
        min-height: 54px !important;
        padding: 12px 8px !important;
        font-size: 13px !important;
    }

    .wanda-app .entry {
        border-radius: 12px !important;
    }

    .wanda-app .entry-title {
        font-size: 25px !important;
        padding: 15px 14px 11px !important;
    }

    .wanda-app .content {
        padding: 10px !important;
    }
}


/* WordPress admin-bar notification positioning — v1.0.8 */
.wanda-app .toast,
body > .toast#toast,
#toast.toast {
    top: 20px !important;
    right: 20px !important;
    max-height: calc(100vh - 40px) !important;
    overflow-y: auto !important;
}

body.admin-bar > .toast#toast,
.admin-bar #toast.toast {
    top: 52px !important;
    max-height: calc(100vh - 72px) !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar > .toast#toast,
    .admin-bar #toast.toast {
        top: 66px !important;
        right: 12px !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100vh - 82px) !important;
    }
}

/* Keep notices above Wanda content but below the WordPress admin toolbar. */
#toast.toast {
    z-index: 99990 !important;
}


/* Match Ideal Pharmacy text sizing and top-tab height — v1.0.9 */
.wanda-app .nav {
    min-height: 58px !important;
}

.wanda-app .tab {
    min-height: 58px !important;
    padding: 12px 10px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

.wanda-app .entry-title {
    padding: 16px 24px 12px !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    line-height: 1.18 !important;
}

.wanda-app .entry-top .fg label,
.wanda-app .entry-table th,
.wanda-app .summary-box small {
    font-size: 11px !important;
}

.wanda-app .entry-top input,
.wanda-app .entry-top select,
.wanda-app .entry-table input,
.wanda-app .entry-table select {
    font-size: 14px !important;
}

.wanda-app .items-head {
    font-size: 14px !important;
}

.wanda-app .entry-summary {
    min-height: 92px !important;
}

.wanda-app .summary-box b {
    font-size: 1.2em !important;
}

.wanda-app .entry .btn {
    font-size: 13px !important;
    padding: 12px 24px !important;
}

@media (max-width: 900px) {
    .wanda-app .tab {
        min-height: 54px !important;
        padding: 11px 9px !important;
        font-size: 13px !important;
    }

    .wanda-app .entry-title {
        font-size: 29px !important;
        padding: 15px 18px 11px !important;
    }
}

@media (max-width: 520px) {
    .wanda-app .tab {
        min-height: 50px !important;
        padding: 10px 8px !important;
        font-size: 12px !important;
    }

    .wanda-app .entry-title {
        font-size: 24px !important;
        padding: 14px 13px 10px !important;
    }
}


/* Compact tabs and AI assistant visibility/alignment — v1.0.10 */
.wanda-app .nav {
    min-height: 52px !important;
}

.wanda-app .tab {
    min-height: 52px !important;
    padding: 10px 9px !important;
    font-size: 13px !important;
}

/* AI quick cards: force readable text and stable sizing */
.wanda-app .ai-quick {
    min-height: 58px !important;
    align-items: center !important;
}

.wanda-app .ai-quick button {
    color: #4b5563 !important;
    background: #ffffff !important;
    border: 1px solid #d9dee8 !important;
    opacity: 1 !important;
    visibility: visible !important;
    line-height: 1.2 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.wanda-app .ai-quick button:hover,
.wanda-app .ai-quick button:focus {
    color: #4f46e5 !important;
    border-color: #667eea !important;
    background: #f6f7ff !important;
}

/* Keep all composer controls vertically centered */
.wanda-app .ai-compose {
    align-items: center !important;
}

.wanda-app .ai-icon-btn,
.wanda-app .ai-send,
.wanda-app .ai-mic {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.wanda-app .ai-send {
    width: 56px !important;
    height: 48px !important;
    font-size: 22px !important;
}

.wanda-app .ai-send > *,
.wanda-app .ai-send svg,
.wanda-app .ai-send span {
    display: block !important;
    margin: 0 auto !important;
    transform: none !important;
}

@media (max-width: 900px) {
    .wanda-app .nav {
        min-height: 50px !important;
    }

    .wanda-app .tab {
        min-height: 50px !important;
        padding: 9px 8px !important;
        font-size: 12.5px !important;
    }
}

@media (max-width: 520px) {
    .wanda-app .nav {
        min-height: 48px !important;
    }

    .wanda-app .tab {
        min-height: 48px !important;
        padding: 8px 7px !important;
        font-size: 12px !important;
    }

    .wanda-app .ai-send {
        width: 54px !important;
        height: 46px !important;
    }
}


/* Add-row controls and Settings hero card — v1.0.11 */

/* Purchase, retail and wholesale "Add Another Product" controls */
.wanda-app .add-row-look,
.wanda-app .add-row-look.purple-add {
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.2 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    background: #ffffff !important;
    border-top: 0 !important;
    cursor: pointer !important;
    overflow: hidden !important;
}

.wanda-app .add-row-look {
    color: #11998e !important;
    border-right: 2px dashed #11998e !important;
    border-bottom: 2px dashed #11998e !important;
    border-left: 2px dashed #11998e !important;
}

.wanda-app .add-row-look.purple-add {
    color: #667eea !important;
    border-right: 2px dashed #667eea !important;
    border-bottom: 2px dashed #667eea !important;
    border-left: 2px dashed #667eea !important;
}

.wanda-app .add-row-look:hover,
.wanda-app .add-row-look:focus,
.wanda-app .add-row-look:active {
    background: #ffffff !important;
    color: #11998e !important;
    outline: none !important;
}

.wanda-app .add-row-look.purple-add:hover,
.wanda-app .add-row-look.purple-add:focus,
.wanda-app .add-row-look.purple-add:active {
    background: #ffffff !important;
    color: #667eea !important;
    outline: none !important;
}

/* Restore Settings top card gradient and readable text */
.wanda-app #settings > .card:first-child {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 8px 24px rgba(17,153,142,.28) !important;
}

.wanda-app #settings > .card:first-child h1,
.wanda-app #settings > .card:first-child h2,
.wanda-app #settings > .card:first-child h3,
.wanda-app #settings > .card:first-child p,
.wanda-app #settings > .card:first-child span,
.wanda-app #settings > .card:first-child strong {
    color: #ffffff !important;
}

.wanda-app #settings > .card:first-child .sync {
    background: rgba(255,255,255,.20) !important;
    color: #ffffff !important;
}

.wanda-app #settings > .card:first-child .live {
    background: #ffffff !important;
    color: #11998e !important;
}

@media (max-width: 520px) {
    .wanda-app .add-row-look,
    .wanda-app .add-row-look.purple-add {
        min-height: 42px !important;
        height: 42px !important;
        font-size: 13px !important;
    }
}


/* Final compact Add Another Product control — v1.0.12 */
.wanda-app .items-panel > .add-row-look,
.wanda-app .items-panel > .add-row-look.purple-add,
.wanda-app div.add-row-look,
.wanda-app div.add-row-look.purple-add {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    block-size: 40px !important;
    min-block-size: 40px !important;
    max-block-size: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    flex: 0 0 40px !important;
    align-self: stretch !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.wanda-app .items-panel > .add-row-look {
    background: #ffffff !important;
    color: #11998e !important;
}

.wanda-app .items-panel > .add-row-look.purple-add {
    background: #ffffff !important;
    color: #667eea !important;
}

/* Remove any inherited paragraph or line spacing inside the control */
.wanda-app .add-row-look *,
.wanda-app .add-row-look.purple-add * {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Ensure the item panel does not add extra space below the control */
.wanda-app .items-panel {
    padding-bottom: 0 !important;
}

@media (max-width: 520px) {
    .wanda-app .items-panel > .add-row-look,
    .wanda-app .items-panel > .add-row-look.purple-add,
    .wanda-app div.add-row-look,
    .wanda-app div.add-row-look.purple-add {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        block-size: 38px !important;
        min-block-size: 38px !important;
        max-block-size: 38px !important;
        flex-basis: 38px !important;
        font-size: 13px !important;
    }
}


/* Ideal Pharmacy-style add button — v1.0.13 */
.wanda-app .items-panel > .add-row-look,
.wanda-app .items-panel > .add-row-look.purple-add,
.wanda-app div.add-row-look,
.wanda-app div.add-row-look.purple-add {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    background: #ffffff !important;
    color: #11a596 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    border: 2px dashed #11a596 !important;
    border-radius: 0 0 14px 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

.wanda-app .items-panel > .add-row-look:hover,
.wanda-app .items-panel > .add-row-look:focus,
.wanda-app .items-panel > .add-row-look:active,
.wanda-app .items-panel > .add-row-look.purple-add:hover,
.wanda-app .items-panel > .add-row-look.purple-add:focus,
.wanda-app .items-panel > .add-row-look.purple-add:active {
    background: #ffffff !important;
    color: #11a596 !important;
    border-color: #11a596 !important;
    outline: none !important;
}

.wanda-app .add-row-look *,
.wanda-app .add-row-look.purple-add * {
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

@media (max-width: 520px) {
    .wanda-app .items-panel > .add-row-look,
    .wanda-app .items-panel > .add-row-look.purple-add,
    .wanda-app div.add-row-look,
    .wanda-app div.add-row-look.purple-add {
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        font-size: 13px !important;
    }
}


/* Active tab underline and slightly larger tab text — v1.0.14 */
.wanda-app .tab {
    font-size: 14px !important;
}

.wanda-app .tab.active {
    position: relative !important;
}

.wanda-app .tab.active::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 3px !important;
    background: #11a596 !important;
    display: block !important;
}

.wanda-app .nav {
    border-bottom: 3px solid #e9ecef !important;
}

@media (max-width: 900px) {
    .wanda-app .tab {
        font-size: 13px !important;
    }
}

@media (max-width: 520px) {
    .wanda-app .tab {
        font-size: 12.5px !important;
    }
}


/* Sales and Wholesale add button color match — v1.0.15 */
.wanda-app .items-panel > .add-row-look.purple-add,
.wanda-app div.add-row-look.purple-add {
    background: #ffffff !important;
    color: #667eea !important;
    border: 2px dashed #667eea !important;
    border-radius: 0 0 14px 14px !important;
}

.wanda-app .items-panel > .add-row-look.purple-add:hover,
.wanda-app .items-panel > .add-row-look.purple-add:focus,
.wanda-app .items-panel > .add-row-look.purple-add:active,
.wanda-app div.add-row-look.purple-add:hover,
.wanda-app div.add-row-look.purple-add:focus,
.wanda-app div.add-row-look.purple-add:active {
    background: #ffffff !important;
    color: #667eea !important;
    border-color: #667eea !important;
    outline: none !important;
}

/* Compact, bold entry headings — v1.0.16 */
.wanda-app .entry-title {
    margin: 0 !important;
    padding: 16px 22px 12px !important;
    color: #1f2937 !important;
    font-size: 25px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.25px !important;
}

/* Keep emoji and text naturally aligned. */
.wanda-app .entry-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

@media (max-width: 900px) {
    .wanda-app .entry-title {
        padding: 15px 18px 11px !important;
        font-size: 23px !important;
    }
}

@media (max-width: 520px) {
    .wanda-app .entry-title {
        padding: 13px 14px 10px !important;
        font-size: 20px !important;
        gap: 6px !important;
    }
}