/* FurniTechPH — Revision 9: a consistent, light admin design system inspired by SMACFLOW.
   All rules scoped so customer/storefront styling stays unchanged. */
.admin-body{--r9-ink:#18352d;--r9-muted:#657b71;--r9-outline:#dbe7df;--r9-card:#fff;--r9-sage:#eaf4ed;--r9-shade:#f4f8f5;background:#f3f6f4;color:var(--r9-ink);font-family:Manrope,Arial,sans-serif}
.admin-app{--admin-width:254px}
.admin-sidebar{background:linear-gradient(165deg,#12372f 0%,#123b34 55%,#0e302b 100%);padding:26px 13px 14px;border-right:1px solid rgba(255,255,255,.12);box-shadow:8px 0 24px rgba(8,42,28,.035)}
.admin-sidebar__head{padding:0 8px 23px}.admin-identity{gap:10px}.admin-identity__mark{border-radius:50%;height:45px;width:45px}.admin-identity__mark img{width:40px;height:40px}.admin-identity strong{font:800 17px/1.15 'Plus Jakarta Sans',Manrope,sans-serif;letter-spacing:-.045em}.admin-identity small{font-size:8px;letter-spacing:.15em;margin-top:6px}
.admin-sidebar__context{margin:18px 3px 13px;border-radius:12px;background:rgba(255,255,255,.062)}.admin-sidebar__context-dot{background:#8bd1a0}
.admin-sidebar__nav{padding-right:3px;scrollbar-width:thin;scrollbar-color:#44675a transparent}
.admin-sidebar__group{padding:10px 3px 5px}.admin-sidebar__label{font-size:9px;letter-spacing:.17em;color:#8fac9e;padding-left:11px;font-weight:800}
.admin-sidebar__link{border-radius:12px;margin:4px 0;min-height:41px;font-size:12px;letter-spacing:0;font-weight:650;transition:background .15s,color .15s,transform .15s}
.admin-sidebar__link:hover{background:rgba(190,230,204,.15)!important;color:#fff!important;transform:translateX(2px)}
.admin-sidebar__link.is-active{background:linear-gradient(100deg,#e0f2e4,#f0f8ed)!important;color:#174334!important;box-shadow:0 4px 15px rgba(0,0,0,.075)}
.admin-sidebar__link.is-active .admin-sidebar__glyph{color:#1a6544}
.admin-topbar{background:rgba(255,255,255,.94);border-color:#e0e9e3;min-height:78px;height:78px;box-shadow:0 2px 15px rgba(27,59,45,.035)}
.admin-topbar__path>span{font-size:10px;color:#748a7e}.admin-topbar__path strong{font:800 16px 'Plus Jakarta Sans',Manrope,sans-serif;letter-spacing:-.045em}
.admin-topbar__button{border-radius:14px;background:#f2f7f3}.admin-topbar__button svg{width:19px;height:19px}.admin-topbar__button:hover{background:#e3f0e7}
.admin-topbar__right{gap:13px}.r9-top-user{display:flex;align-items:center;gap:10px;padding-left:12px;border-left:1px solid #e2eae5}.r9-top-user .admin-topbar__user{border-radius:50%;width:37px;height:37px;background:linear-gradient(145deg,#165545,#408d70);flex:0 0 auto}.r9-top-user>span:last-child{display:flex;flex-direction:column;gap:2px;max-width:165px}.r9-top-user strong{font-size:11px;color:#203b2f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r9-top-user small{color:#7d9486;font-size:10px}
.r9-logout-button{border:1px solid #d5e3da!important;border-radius:10px!important;padding:10px 13px!important;font:800 11px Manrope,sans-serif!important;color:#38554a!important;background:#fff!important;cursor:pointer;white-space:nowrap}.r9-logout-button:hover{background:#edf4ef!important}
.admin-sidebar__bottom,.admin-sidebar__store,.admin-sidebar__profile{display:none!important}
.admin-main-content{max-width:1700px;padding:30px clamp(20px,2.65vw,40px) 66px}
.admin-body .admin-main-content h1,.admin-body .admin-main-content h2,.admin-body .admin-main-content h3{font-family:'Plus Jakarta Sans',Manrope,Arial,sans-serif;letter-spacing:-.045em}
.admin-body .admin-main-content h1{line-height:1.14}.admin-body .admin-main-content h2{line-height:1.24}
.r9-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.r9-eyebrow{display:inline-block;font:800 10px/1.4 Manrope,sans-serif;letter-spacing:.155em;color:#598673;text-transform:uppercase}
.r9-page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.r9-page-intro h1{font-size:clamp(31px,3.2vw,44px);margin:8px 0;color:#173a2f;letter-spacing:-.055em}.r9-page-intro p{margin:0;font:500 12px/1.7 Manrope,sans-serif;color:#6a8074;max-width:620px}.r9-hero-actions,.r9-panel-links{display:flex;gap:8px;flex-wrap:wrap}
.admin-body .r9-primary-button,.admin-body .r9-outline-button,.admin-body .r9-danger-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;white-space:nowrap;border-radius:11px;padding:12px 16px;min-height:42px;text-decoration:none;font:800 11px Manrope,Arial,sans-serif;cursor:pointer;transition:background .16s,transform .16s,border-color .16s}
.admin-body .r9-primary-button{background:#17493a;color:#fff;border:1px solid #17493a}.admin-body .r9-primary-button:hover{background:#246e50;transform:translateY(-1px)}
.admin-body .r9-outline-button{background:#fff;color:#285142;border:1px solid #d5e3da}.admin-body .r9-outline-button:hover{background:#eff7f1}
.admin-body .r9-danger-button{background:#aa3838;color:#fff;border:1px solid #aa3838}.admin-body .r9-danger-button:hover{background:#922a2a}
.r9-range{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:6px;background:white;border:1px solid #e2ebe4;border-radius:13px;padding:6px;width:max-content;max-width:100%;margin-bottom:18px}.r9-range span{padding:0 10px;color:#758779;font-size:11px;font-weight:700}.r9-range a{padding:9px 12px;min-width:55px;border-radius:8px;color:#60766a;font-size:11px;font-weight:800;text-align:center}.r9-range a:hover{background:#f0f5f1}.r9-range a.is-selected{background:#17493a;color:white}
.r9-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:19px}.r9-stats--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.r9-stat{border:1px solid #dce7df;border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(19,61,42,.026);min-width:0;padding:21px 23px;min-height:135px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.r9-stat:nth-child(3n + 2){background:linear-gradient(142deg,#fff 15%,#f2f8f4 100%)}
.r9-stat__label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:750;color:#607b6a}.r9-stat__label i{display:grid;place-items:center;background:#e7f2ea;color:#3e8460;width:31px;height:31px;border-radius:10px}.r9-stat__label i svg{width:17px;height:17px}.r9-stat strong{font:800 clamp(23px,2.25vw,33px)/1.15 'Plus Jakarta Sans',Manrope,sans-serif;color:#163e32;letter-spacing:-.045em;overflow-wrap:anywhere}.r9-stat small{font:500 10px Manrope,sans-serif;color:#8a9b91}
.r9-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:20px}.r9-panel{background:white;border:1px solid #dfe8e2;border-radius:17px;padding:23px;min-width:0;box-shadow:0 6px 22px rgba(26,60,41,.024)}.r9-panel--wide{grid-column:span 2}
.r9-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;margin-bottom:21px}.r9-panel__head h2{font-size:clamp(17px,1.5vw,21px);color:#193e32;margin:5px 0 5px}.r9-panel__head p{margin:0;color:#8a998e;font-size:11px;line-height:1.55}.r9-panel__head>strong{font:800 23px 'Plus Jakarta Sans',Manrope,sans-serif;color:#173d32;white-space:nowrap}.r9-panel__head>a,.r9-panel-links a{color:#287650;font:800 11px Manrope,sans-serif;border-radius:7px;padding:6px}.r9-panel__head>a:hover,.r9-panel-links a:hover{background:#eff7f1}
.r9-line-chart{height:196px;position:relative;overflow:hidden}.r9-line-chart svg{width:100%;height:100%;position:absolute;inset:0}.r9-chart-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(50% - 1px),#edf2ee 50%);font-size:10px;color:#879b8d}.r9-chart-grid span{padding-left:0}.r9-area{fill:rgba(74,143,99,.12);stroke:none}.r9-trend{fill:none;stroke:#2a8062;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.r9-chart-labels{display:flex;justify-content:space-between;font-size:10px;font-weight:650;color:#7c9283;padding:8px 0 0 14px}
.r9-donut-layout{display:flex;gap:25px;align-items:center;min-height:210px}.r9-donut{flex:0 0 175px;width:175px;height:175px;border-radius:50%;background:var(--donut);display:grid;place-items:center}.r9-donut>div{height:120px;width:120px;border-radius:50%;background:white;display:flex;flex-direction:column;justify-content:center;align-items:center}.r9-donut strong{font:800 25px 'Plus Jakarta Sans',sans-serif;color:#1e4636}.r9-donut small{font-size:10px;color:#748c79}.r9-legend{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.r9-legend>div{display:flex;align-items:center;gap:7px;color:#586d61;font-size:10px}.r9-legend i{width:9px;height:9px;flex:0 0 9px;border-radius:3px}.r9-legend span{flex:1}.r9-legend b{font-size:10px;color:#254438}
.r9-bars{display:flex;flex-direction:column;gap:15px;min-height:180px}.r9-bar-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#627c6c;margin-bottom:6px}.r9-bar-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.r9-bar-row strong{color:#2a5744;white-space:nowrap}.r9-bar-track{height:9px;border-radius:20px;background:#edf2ef;overflow:hidden}.r9-bar-track i{height:100%;border-radius:20px;background:linear-gradient(95deg,#2d8263,#8bc8a1);display:block}
.r9-inventory-visual{padding:40px 0 12px}.r9-inventory-bar{background:#e9f0e9;border-radius:14px;display:flex;gap:2px;height:27px;overflow:hidden}.r9-inventory-bar span{background:#2f8667}.r9-inventory-bar i{background:#aac8b8}.r9-inventory-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:29px}.r9-inventory-counts>div{display:flex;flex-direction:column;gap:4px}.r9-inventory-counts strong{font:800 24px 'Plus Jakarta Sans',sans-serif}.r9-inventory-counts small{font-size:10px;color:#7e9185}
.r9-responsive-table{width:100%;overflow-x:auto;border-radius:10px;scrollbar-width:thin}.r9-responsive-table table{width:100%;border-collapse:collapse;min-width:735px;text-align:left}.r9-responsive-table th{text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:800;color:#809588;padding:14px 13px;background:#f5f8f6;border-bottom:1px solid #e3eae4;white-space:nowrap}.r9-responsive-table td{padding:15px 13px;font-size:11px;color:#4c6356;border-bottom:1px solid #eff2f0;vertical-align:middle}.r9-responsive-table td strong{font-weight:800;color:#234338}.r9-responsive-table td small{display:block;color:#8b9e91;font-size:10px;margin-top:4px}.r9-responsive-table tr:hover td{background:#fbfdfb}.r9-responsive-table .r9-right{text-align:right}.r9-responsive-table tr:last-child td{border-bottom:0}.r9-empty{text-align:center!important;padding:30px 15px!important;color:#819589!important;font-size:12px!important}.r9-row-link{border:1px solid #d5e4d9;background:#f4faf5;color:#245d45;border-radius:8px;padding:9px 12px;font:800 10px Manrope,sans-serif;display:inline-block;white-space:nowrap;cursor:pointer}.r9-row-link:hover{background:#e1f1e5}.r9-status,.r9-stock-pill{display:inline-block;border-radius:30px;padding:7px 10px;background:#eaf5ed;color:#256747;font:800 10px Manrope,sans-serif;white-space:nowrap}.r9-stock-pill.is-low{color:#9b6332;background:#fff1d9}.r9-stock-pill.is-inactive{color:#728174;background:#edf0ee}.r9-low-note{color:#a16d33!important}
.admin-body .r9-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:17px}.r9-toolbar>label:first-child{flex:1 1 280px}.r9-toolbar>label{display:block}.admin-body .r9-toolbar input,.admin-body .r9-toolbar select{height:44px;min-width:180px;padding:0 13px;border:1px solid #d8e4db;border-radius:10px;outline:none;background:#fbfdfb;font:600 11px Manrope,sans-serif;color:#244f3b;width:100%}.admin-body .r9-toolbar input:focus,.admin-body .r9-toolbar select:focus{border-color:#579b75;box-shadow:0 0 0 3px rgba(56,141,91,.12)}.r9-filter-count{font-size:10px;color:#819587;white-space:nowrap;margin-left:auto}
.r9-product-name{display:flex;align-items:center;gap:11px;min-width:200px}.r9-product-name img{object-fit:contain;border-radius:9px;max-width:58px;background:#f3f6f3}.r9-product-name>span:last-child{min-width:0}.r9-products-panel{margin-top:20px}.r9-inventory-history{margin-top:17px}
/* Unified management forms, tables, buttons, modals, and editable groups. */
.admin-body .admin-main-content .account-card,.admin-body .admin-main-content .admin-table-wrap,.admin-body .admin-main-content .commerce-panel,.admin-body .admin-main-content .care-card,.admin-body .admin-main-content .payment-admin-card,.admin-body .admin-main-content .marketing-card,.admin-body .admin-main-content .stat-card{border-radius:17px;border:1px solid #dfe8e2;box-shadow:0 6px 22px rgba(22,57,39,.028);background:#fff}
.admin-body .admin-main-content .account-card{padding:clamp(19px,2.4vw,29px)}
.admin-body .admin-main-content .account-card h2,.admin-body .admin-main-content .commerce-panel h2{font-size:20px;color:#1d4739}
.admin-body .admin-main-content .admin-module-heading{align-items:center;margin-bottom:24px}.admin-body .admin-main-content .admin-module-heading h1,.admin-body .admin-main-content .account-heading h1{font-size:clamp(32px,3vw,44px);letter-spacing:-.055em}
.admin-body .admin-main-content .form-field label{font-size:11px;font-weight:750;color:#426050}
.admin-body .admin-main-content :is(input:not([type='checkbox']):not([type='radio']),textarea,select){font-family:Manrope,Arial,sans-serif;max-width:100%}
.admin-body .admin-main-content :is(.form-field input,.form-field textarea,.form-field select){border-radius:10px;border-color:#d5e3da;background:#fbfdfb;min-height:42px}
.admin-body .admin-main-content :is(.form-field input,.form-field select,.form-field textarea):focus{border-color:#5c9c78;outline:3px solid rgba(65,139,96,.12)}
.admin-body .admin-main-content :is(.button,.admin-inline-button,.admin-table-link){border-radius:10px;transition:background .15s,box-shadow .15s,transform .15s}
.admin-body .admin-main-content .button:hover{transform:translateY(-1px)}
.admin-body .admin-main-content .admin-table th{font-size:10px;letter-spacing:.055em;color:#6f8977;background:#f3f7f4}.admin-body .admin-main-content .admin-table td{font-size:11px;padding:15px 14px;vertical-align:middle}
.admin-body .admin-main-content .admin-module-toolbar{padding:8px 0 12px}
.admin-body .admin-main-content .breadcrumb{color:#7a9582;margin-bottom:17px}
.admin-body .admin-main-content details.variant-editor{border:1px solid #e1e9e2;border-radius:12px;overflow:hidden;margin-bottom:12px}
.admin-body .admin-main-content details.variant-editor>summary{padding:16px;background:#f7faf8}
.admin-body .admin-main-content .form-notice{border-radius:12px}
/* Native accessible dialogs for confirmation and stock adjustments. */
.r9-modal{border:1px solid #d9e5dc;border-radius:19px;background:#fff;box-shadow:0 25px 85px rgba(3,29,19,.26);width:min(490px,calc(100vw - 32px));max-height:min(85vh,730px);padding:28px;color:#203e30;font-family:Manrope,Arial,sans-serif;position:fixed;inset:0;margin:auto}
.r9-modal::backdrop{background:rgba(8,26,19,.55);backdrop-filter:blur(3px)}.r9-modal-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.r9-modal-head h2{font:800 24px 'Plus Jakarta Sans',Manrope,sans-serif;letter-spacing:-.04em;margin:8px 0 0}.r9-modal-desc{color:#647b6d;font-size:12px;line-height:1.7;margin:16px 0 20px}.r9-modal-x{background:#edf3ee;border:0;border-radius:50%;width:35px;height:35px;font-size:24px;line-height:1;color:#42644f;cursor:pointer}.r9-modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:16px;border-top:1px solid #e7eee9;margin-top:22px}
.r9-modal-form{display:flex;flex-direction:column;gap:10px}.r9-modal-form>label{font-size:11px;font-weight:800;color:#45624e}.r9-modal-form input{height:48px;border:1px solid #d5e3d8;border-radius:11px;padding:12px;font-size:15px}.r9-modal-form small{font-size:11px;color:#879788}
@media(max-width:1190px){.r9-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.r9-stats--four{grid-template-columns:repeat(2,minmax(0,1fr))}.r9-donut-layout{gap:15px}.r9-donut{flex-basis:145px;height:145px;width:145px}.r9-donut>div{height:101px;width:101px}.r9-top-user>span:last-child{max-width:115px}}
@media(max-width:900px){.admin-app{--admin-width:254px}.r9-charts{grid-template-columns:1fr}.r9-panel--wide{grid-column:auto}.r9-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-topbar{height:72px}.admin-topbar__path strong{font-size:14px}}
@media(max-width:640px){.admin-main-content{padding:21px 15px 50px}.r9-page-intro{flex-direction:column;align-items:flex-start}.r9-page-intro h1{font-size:34px}.r9-stats{gap:9px}.r9-stat{padding:15px;min-height:115px}.r9-stat strong{font-size:23px}.r9-stat__label{font-size:10px}.r9-panel{padding:17px}.r9-donut-layout{flex-direction:column;align-items:center}.r9-donut{width:156px;height:156px;flex-basis:156px}.r9-donut>div{height:109px;width:109px}.r9-legend{width:100%}.r9-inventory-visual{padding:15px 0}.r9-inventory-counts strong{font-size:21px}.r9-top-user>span:last-child,.admin-topbar__date{display:none}.admin-topbar__right{gap:7px}.r9-logout-button{padding:8px!important;font-size:10px!important}.r9-top-user{border:0;padding-left:0}.r9-top-user .admin-topbar__user{width:32px;height:32px}.r9-panel__head>strong{font-size:15px}.r9-modal{padding:22px 18px}.r9-modal-actions{flex-wrap:wrap}.r9-modal-actions>*{flex:1}.r9-range a{padding:9px 10px}}
@media(prefers-reduced-motion:reduce){.admin-body *, .r9-modal *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Confirm dialogs also appear on customer order pages, which use the storefront shell. */
.r9-modal .r9-outline-button,.r9-modal .r9-danger-button,.r9-modal .r9-primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:11px;padding:11px 15px;font:800 11px Manrope,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.r9-modal .r9-outline-button{background:#fff;border:1px solid #d5e3da;color:#285142}.r9-modal .r9-danger-button{background:#a73737;border:1px solid #a73737;color:white}.r9-modal .r9-primary-button{background:#17493a;border:1px solid #17493a;color:white}
.admin-body .admin-main-content .form-field select{appearance:none;padding-right:35px;background-image:linear-gradient(45deg,transparent 50%,#668773 50%),linear-gradient(135deg,#668773 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.admin-body .admin-main-content .form-field select:hover{border-color:#a6c7b1}

.admin-body .admin-main-content select:not([multiple]){cursor:pointer;border-radius:10px;accent-color:#205b42}
.admin-body .admin-main-content button:focus-visible,.admin-body .admin-main-content a:focus-visible,.admin-body .admin-sidebar a:focus-visible{outline:3px solid #7ebc93;outline-offset:2px}
