@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,600;1,700&display=swap');
:root{--pink:#d94f82;--pink2:#b93668;--ink:#292126;--muted:#776d72;--bg:#fff8fb;--soft:#fff0f5;--line:#efd5df;--white:#fff;--shadow:0 24px 70px rgba(92,36,58,.12);--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container,.nav-shell,.footer-shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:82px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;line-height:1;color:var(--pink);font-family:'Playfair Display',serif;font-weight:700;font-size:30px;flex:none}.brand small{font:600 9px 'DM Sans',sans-serif;letter-spacing:4px;color:#756b70;margin-top:8px;text-align:center}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:24px;font-size:14px;font-weight:700}.site-nav a{white-space:nowrap}.site-nav a:hover{color:var(--pink)}.nav-book{background:var(--pink);color:#fff!important;padding:12px 19px;border-radius:999px}.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px;padding:10px}.menu-toggle i{display:block;height:2px;background:var(--ink);margin:6px 0;border-radius:5px}.flash{position:relative;z-index:40;width:min(760px,calc(100% - 32px));margin:16px auto 0;padding:12px 16px;border-radius:12px;font-weight:600}.flash.success{background:#eaf8ef;color:#196a37}.flash.error{background:#fff0f0;color:#a12626}.hero-premium{position:relative;overflow:hidden;padding:84px 0 76px;background:radial-gradient(circle at 85% 15%,#ffdce8 0,transparent 32%),radial-gradient(circle at 10% 85%,#ffe9f1 0,transparent 28%),var(--bg)}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:70px;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow-pill{display:inline-flex;gap:10px;align-items:center;border:1px solid #efbdd0;color:var(--pink);background:rgba(255,255,255,.75);border-radius:999px;padding:9px 16px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero-copy h1{font:600 clamp(52px,6.2vw,84px)/.98 'Playfair Display',serif;margin:26px 0}.hero-copy h1 em{color:var(--pink);font-style:italic}.hero-lead{max-width:650px;color:var(--muted);font-size:18px;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 22px;font-weight:800;cursor:pointer;transition:.2s}.btn-main{background:var(--pink);color:#fff;box-shadow:0 14px 28px rgba(217,79,130,.22)}.btn-main:hover{background:var(--pink2);transform:translateY(-2px)}.btn-outline{background:#fff;border:1px solid var(--line);color:var(--pink)}.btn-white{background:#fff;color:var(--pink)}.hero-trust{display:flex;gap:20px;align-items:center;margin-top:34px}.hero-trust div{display:flex;flex-direction:column}.hero-trust b{font-size:16px}.hero-trust span{font-size:11px;color:var(--muted)}.hero-trust i{height:34px;width:1px;background:var(--line)}.hero-visual{position:relative}.hero-image-frame{border:8px solid #fff;border-radius:34px;overflow:hidden;box-shadow:var(--shadow);background:#fff;position:relative}.hero-image-frame img{width:100%;aspect-ratio:4/5;object-fit:cover}.hero-image-label{position:absolute;left:22px;right:22px;bottom:18px;background:rgba(255,255,255,.92);border-radius:15px;padding:11px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center}.hero-image-label span{font-size:10px;letter-spacing:2px;color:var(--pink);font-weight:800}.hero-image-label b{font-size:12px}.floating-note{position:absolute;left:-34px;bottom:25px;background:#fff;padding:14px 16px;border-radius:18px;box-shadow:0 18px 45px rgba(50,20,30,.16);display:flex;gap:12px;align-items:center}.floating-note>span{font-size:25px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:13px}.floating-note small{font-size:11px;color:var(--muted)}.intro-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0}.intro-grid>div{display:flex;align-items:center;gap:12px;padding:8px 22px;border-right:1px solid var(--line)}.intro-grid>div:last-child{border-right:0}.mini-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--pink)}.intro-grid b,.intro-grid small{display:block}.intro-grid b{font-size:13px}.intro-grid small{font-size:11px;color:var(--muted)}.section{padding:96px 0}.section-head{max-width:680px;margin-bottom:44px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.eyebrow{color:var(--pink);font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:800}.section-head h2,.story-copy h2,.contact-premium h2{font:600 clamp(38px,5vw,60px)/1.05 'Playfair Display',serif;margin:10px 0 15px}.section-head p,.story-copy p,.contact-premium p{color:var(--muted);margin:0}.service-grid-premium{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-card-premium{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;transition:.2s}.service-card-premium:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(80,30,50,.08)}.service-number{color:#dba1b8;font-weight:800}.service-info h3{margin:0 0 3px;font-size:16px}.service-info p{margin:0;color:var(--muted);font-size:12px}.service-info small{color:#9a8d93;font-size:10px}.service-price{color:var(--pink);font-weight:800;white-space:nowrap}.center-action{text-align:center;margin-top:34px}.text-link{color:var(--pink);font-weight:800}.story-section{background:var(--soft);padding:96px 0}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.story-photo{position:relative;border:7px solid #fff;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.story-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}.story-photo span{position:absolute;left:20px;bottom:18px;background:#fff;padding:8px 12px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:2px;color:var(--pink)}.feature-list{margin:28px 0}.feature-list>div{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.feature-list b{color:var(--pink)}.feature-list strong,.feature-list span{display:block}.feature-list span{font-size:12px;color:var(--muted)}.gallery-premium{background:#fff}.gallery-head{display:flex;justify-content:space-between;align-items:end;max-width:none}.instagram-link{color:var(--pink);font-weight:800}.gallery-masonry{columns:3 260px;column-gap:16px}.gallery-tile{display:block;position:relative;margin:0 0 16px;break-inside:avoid;overflow:hidden;border-radius:22px;background:#f5e8ee}.gallery-tile img{width:100%;height:auto;transition:.3s}.gallery-tile:hover img{transform:scale(1.03)}.gallery-tile span{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.93);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:700}.booking-banner{background:linear-gradient(135deg,#d94f82,#b93668);color:#fff;padding:55px 0}.booking-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow.light{color:#ffe1eb}.booking-banner h2{font:600 clamp(36px,4vw,52px)/1.05 'Playfair Display',serif;margin:8px 0}.booking-banner p{margin:0;opacity:.88}.contact-premium{padding:86px 0;background:#fff}.contact-grid-premium{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-items>a,.contact-items>div{padding:20px;border:1px solid var(--line);border-radius:18px}.contact-items span,.contact-items b{display:block}.contact-items span{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--pink);font-weight:800}.contact-items b{margin-top:5px;font-size:14px}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:28px;z-index:45;box-shadow:0 12px 30px rgba(0,0,0,.2)}.site-footer{background:#2a2226;color:#fff;padding:42px 0 20px}.footer-shell{display:flex;justify-content:space-between;gap:30px}.footer-brand{font:600 28px 'Playfair Display',serif;color:#ff9cba}.site-footer p{color:#c8bbc1;font-size:12px}.footer-links{display:flex;gap:20px;align-items:center;font-size:13px}.footer-links a:hover{color:#ff9cba}.footer-bottom{width:min(1180px,calc(100% - 40px));margin:28px auto 0;padding-top:18px;border-top:1px solid #493d43;color:#a99ba1;font-size:11px}.form-wrap{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:60px 20px;background:radial-gradient(circle at 20% 20%,#ffe2ec,transparent 35%),var(--bg)}.form-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow)}.form-card h1{font:600 42px/1.1 'Playfair Display',serif;margin:0 0 8px}.muted{color:var(--muted)}label{display:block;font-size:12px;font-weight:800;margin:16px 0 7px}input,select,textarea{width:100%;border:1px solid #e5d5dc;border-radius:12px;padding:12px 13px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(217,79,130,.1)}textarea{resize:vertical}.form-card .btn{margin-top:12px}.slot-box{margin-top:12px}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.slot-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;cursor:pointer}.slot-btn:hover,.slot-btn.active{background:var(--pink);color:#fff;border-color:var(--pink)}.page-hero{padding:70px 0 45px;background:var(--soft)}.page-hero h1{font:600 clamp(42px,6vw,68px)/1.05 'Playfair Display',serif;margin:8px 0}.page-hero p{max-width:650px;color:var(--muted)}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.info-card h3{margin:0 0 8px}.info-card p{color:var(--muted);font-size:13px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:13px 14px;border-bottom:1px solid #f0e4e9;text-align:left;font-size:12px;vertical-align:middle}.table th{background:#fff5f8;font-size:11px;text-transform:uppercase;letter-spacing:1px}.admin-shell{padding:42px 0}.admin-nav{display:flex;gap:8px;overflow:auto;padding-bottom:14px;margin-bottom:25px}.admin-nav a{white-space:nowrap;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;font-weight:800}.admin-nav a:hover{background:var(--soft);color:var(--pink)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.stat b{font-size:30px;color:var(--pink)}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.inline-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.inline-form>div{flex:1;min-width:140px}.small-btn{padding:9px 12px;font-size:11px}.badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.badge.pending{background:#fff4d9;color:#8a6400}.badge.confirmed{background:#e9f8ef;color:#18713b}.badge.cancelled,.badge.rejected{background:#ffe9e9;color:#9d2c2c}.badge.completed{background:#eaeaff;color:#4545a5}.gallery-admin{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-admin .admin-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}.checkbox{width:auto}.notice{padding:12px 15px;background:var(--soft);border-radius:12px;color:#6d5960;font-size:12px}
@media(max-width:900px){.site-nav{gap:15px}.hero-layout{grid-template-columns:1fr;gap:45px}.hero-visual{max-width:620px;width:100%;margin:auto}.floating-note{left:12px}.story-grid,.contact-grid-premium{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(2,1fr)}.gallery-head{align-items:start}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-header{height:72px}.container,.nav-shell,.footer-shell,.footer-bottom{width:min(100% - 28px,1180px)}.brand{font-size:26px}.menu-toggle{display:block;z-index:61}.site-nav{position:fixed;inset:72px 0 auto 0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(30,15,22,.12);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 18px;transform:translateY(-130%);opacity:0;pointer-events:none;transition:.25s}.site-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.site-nav a{padding:14px 8px;border-bottom:1px solid #f4e8ed}.site-nav .nav-book{margin:8px 0}.hero-premium{padding:55px 0}.hero-copy h1{font-size:clamp(44px,14vw,66px)}.hero-lead{font-size:16px}.hero-trust{gap:12px}.hero-trust i{display:none}.hero-trust{justify-content:space-between}.intro-grid{grid-template-columns:1fr}.intro-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:13px 0}.intro-grid>div:last-child{border-bottom:0}.section,.story-section{padding:68px 0}.service-grid-premium{grid-template-columns:1fr}.gallery-masonry{columns:2 150px}.contact-items{grid-template-columns:1fr}.booking-banner-inner,.footer-shell{flex-direction:column;align-items:flex-start}.cards-grid,.admin-grid,.gallery-admin{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(3,1fr)}.form-card{padding:25px}.form-card h1{font-size:36px}.table{min-width:650px}}
@media(max-width:430px){.hero-actions .btn{width:100%}.hero-image-label{display:none}.floating-note{position:relative;left:auto;bottom:auto;margin:-20px 14px 0;z-index:2}.hero-trust b{font-size:14px}.hero-trust span{font-size:10px}.gallery-masonry{columns:1}.whatsapp-float{right:15px;bottom:15px}.slot-grid{grid-template-columns:repeat(2,1fr)}}

/* --- Admin tables / user management refinement --- */
.admin-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.admin-page-heading h1{font:600 clamp(40px,5vw,58px)/1.05 'Playfair Display',serif;margin:6px 0}.admin-page-heading p{margin:0}.user-count{background:var(--soft);border:1px solid var(--line);color:var(--pink);font-size:12px;font-weight:800;padding:9px 13px;border-radius:999px;white-space:nowrap}
.user-table-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 35px rgba(80,30,50,.05);overflow:hidden}.user-table-scroll{overflow-x:auto}.user-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1040px}.user-table th{background:#fff5f8;color:#49343d;font-size:10px;letter-spacing:1.2px;font-weight:900;text-align:left;padding:14px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.user-table td{padding:15px 14px;border-bottom:1px solid #f1e4e9;font-size:12px;color:#493e43;vertical-align:middle;white-space:nowrap}.user-table tbody tr:last-child td{border-bottom:0}.user-table tbody tr:hover{background:#fffafd}.user-table th:first-child,.user-table td:first-child{padding-left:18px}.user-table th:last-child,.user-table td:last-child{padding-right:18px}.user-col{width:250px}.actions-col{width:170px}.user-cell{display:flex;align-items:center;gap:12px;min-width:220px}.user-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#ffe0eb,#f6b4cc);color:var(--pink);font-weight:900;font-size:14px}.user-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.user-meta strong{font-size:13px;color:var(--ink);white-space:nowrap}.user-meta span{font-size:10px;color:#a18e96}.contact-value{color:#5d4d54}.contact-value:hover{color:var(--pink)}.email-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis}.dash{color:#b3a4aa}.role-badge,.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.5px;padding:6px 9px}.role-badge.customer{background:#f3f1ff;color:#6551a8}.role-badge.admin{background:#fff0f5;color:#b93668}.role-badge.super_admin{background:#fff3d8;color:#8b6500}.status-badge.active{background:#eaf8ef;color:#1e7540}.status-badge.inactive{background:#ffecec;color:#a23838}.status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.actions-cell{display:flex!important;align-items:center;gap:7px;white-space:nowrap}.action-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900;border:1px solid var(--line);background:#fff;cursor:pointer;text-decoration:none}.action-btn.edit{color:var(--pink);border-color:#edbfd0}.action-btn.edit:hover{background:var(--soft)}.action-btn.delete{color:#b13c45;border-color:#efc7cb}.action-btn.delete:hover{background:#fff0f0}.delete-user-form{margin:0}.protected-label{font-size:10px;color:#a18e96;font-weight:700}.empty-table{text-align:center!important;padding:50px!important;color:var(--muted)!important}.user-edit-card{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow)}.edit-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:10px}.edit-card-head h2{font:600 32px/1.1 'Playfair Display',serif;margin:5px 0 0}.close-edit{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--pink);font-size:22px}.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.edit-grid label{margin-top:14px}.status-edit{align-self:end}.switch-row{display:flex;align-items:center;gap:10px!important;border:1px solid var(--line);padding:11px 13px;border-radius:12px;background:#fff;margin-top:7px!important;font-size:12px!important}.switch-row input{width:18px;height:18px;accent-color:var(--pink)}.edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid #f1e4e9}
/* appointment table refinement */
.table-wrap{box-shadow:0 10px 35px rgba(80,30,50,.04)}.table{min-width:980px}.table th{height:46px}.table td{height:78px}.table td form{display:flex;align-items:center;gap:8px;margin:0}.table td select{min-width:180px;width:auto}.table td .small-btn{white-space:nowrap}.table th:nth-child(1){width:23%}.table th:nth-child(2){width:18%}.table th:nth-child(3){width:12%}.table th:nth-child(4){width:12%}.table th:nth-child(5){width:23%}.table th:nth-child(6){width:12%}
@media(max-width:720px){.admin-page-heading{align-items:flex-start;flex-direction:column}.user-count{align-self:flex-start}.user-table{min-width:980px}.user-edit-card{padding:20px}.edit-grid{grid-template-columns:1fr}.edit-actions{justify-content:stretch}.edit-actions .btn{flex:1}.table{min-width:900px}.table td{height:88px}.table td form{flex-wrap:wrap}.table td select{min-width:170px}.actions-cell{flex-wrap:nowrap!important}}

/* --- Services management table --- */
.service-editor{margin:0 0 22px}.service-editor h2{font:600 32px/1.1 'Playfair Display',serif;margin:5px 0 0}.service-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.service-edit-grid>div:nth-child(4){grid-column:1/-1}.service-edit-grid label{margin-top:14px}.service-table-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 35px rgba(80,30,50,.05);overflow:hidden}.service-table-scroll{overflow-x:auto}.service-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.service-table th{background:#fff5f8;color:#49343d;font-size:10px;letter-spacing:1.1px;font-weight:900;text-align:left;padding:14px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.service-table td{padding:16px 14px;border-bottom:1px solid #f1e4e9;font-size:12px;color:#493e43;vertical-align:middle}.service-table tbody tr:last-child td{border-bottom:0}.service-table tbody tr:hover{background:#fffafd}.service-table th:nth-child(1),.service-table td:nth-child(1){width:55px}.service-table th:nth-child(2),.service-table td:nth-child(2){width:22%}.service-table th:nth-child(3),.service-table td:nth-child(3){width:12%}.service-table th:nth-child(4),.service-table td:nth-child(4){width:12%}.service-table th:nth-child(5),.service-table td:nth-child(5){width:25%}.service-table th:nth-child(6),.service-table td:nth-child(6){width:11%}.service-table th:nth-child(7),.service-table td:nth-child(7){width:170px}.service-number-cell{color:#a18e96;font-weight:800}.price-cell{color:var(--pink)!important;font-weight:900;white-space:nowrap}.service-desc-cell{color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-service-form{margin:0}.service-table .actions-cell{display:flex;align-items:center;gap:7px;white-space:nowrap}.service-table .action-btn{padding:8px 12px}.service-table .status-badge{white-space:nowrap}
@media(max-width:900px){.service-table{min-width:900px}}
@media(max-width:720px){.service-edit-grid{grid-template-columns:1fr}.service-edit-grid>div:nth-child(4){grid-column:auto}.service-editor{padding:20px}.service-table{min-width:900px}.admin-page-heading .btn{white-space:nowrap}}


/* Homepage image management */
.homepage-image-grid{align-items:start}.image-editor-card{display:flex;flex-direction:column;gap:12px}.cms-image-preview{height:240px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.cms-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.image-editor-card form{display:flex;flex-direction:column;gap:10px}.image-editor-card input[type=file]{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.image-editor-card small{display:block}.homepage-images-cms{margin-top:24px}@media(max-width:760px){.cms-image-preview{height:200px}.homepage-image-grid{grid-template-columns:1fr}}

/* Booking page polish */
.booking-page{padding:64px 0 96px;background:radial-gradient(circle at 10% 10%,#ffe8f0 0,transparent 28%),var(--bg);min-height:calc(100vh - 82px)}
.booking-shell{width:min(920px,calc(100% - 40px));margin:0 auto}
.booking-heading{margin-bottom:30px}
.booking-heading h1{font:600 clamp(42px,6vw,68px)/1.05 'Playfair Display',serif;margin:10px 0 14px}
.booking-intro{color:var(--muted);font-size:17px;margin:0;max-width:720px}
.booking-steps{display:flex;align-items:center;gap:10px;margin-top:28px;color:#9b8c92;font-size:12px;font-weight:800}
.booking-steps span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.booking-steps span.current{color:var(--pink)}
.booking-steps span b{font-size:12px}
.booking-steps i{height:1px;width:42px;background:var(--line);display:block}
.booking-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}
.booking-section{padding:34px 38px;border-bottom:1px solid #f1e3e8}
.booking-section:last-of-type{border-bottom:0}
.booking-section-title{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}
.booking-section-title>span{color:var(--pink);font-size:12px;font-weight:900;letter-spacing:1px;padding-top:5px}
.booking-section-title h2{margin:0 0 4px;font-size:24px;line-height:1.2}
.booking-section-title p{margin:0;color:var(--muted);font-size:13px}
.booking-section label{margin-top:0}
.booking-section select,.booking-section input,.booking-section textarea{border-radius:14px;padding:15px 16px;font-size:15px}
.booking-section input[type=date]{min-height:52px}
.slot-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}
.slot-heading label{margin:0}
.slot-heading small{color:var(--muted);font-size:12px}
.booking-section .slot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.booking-section .slot-btn{border:1px solid var(--line);border-radius:13px;padding:13px 10px;background:#fff;color:var(--pink);font-weight:800;min-height:48px}
.booking-section .slot-btn:hover,.booking-section .slot-btn.active{background:var(--pink);color:#fff;border-color:var(--pink);transform:translateY(-1px)}
.booking-empty,.booking-loading{grid-column:1/-1;border:1px dashed var(--line);border-radius:14px;padding:18px;text-align:center;color:var(--muted);background:#fffafd;font-size:13px}
.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.details-grid label{margin-top:0}
.optional{font-weight:500;color:#a3949a}
.field-help{margin:7px 0 18px;color:var(--muted);font-size:11px}
.signed-in-note{padding:14px 16px;border-radius:14px;background:var(--soft);color:#6d5960;font-size:13px;margin-bottom:18px}
.signed-in-note a{color:var(--pink);font-weight:800;margin-left:8px}
.booking-submit{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 38px;background:#fff8fb;border-top:1px solid var(--line)}
.booking-submit div{display:flex;flex-direction:column}
.booking-submit strong{font-size:15px}
.booking-submit span{font-size:11px;color:var(--muted);margin-top:2px}
.booking-submit .btn{margin:0;min-width:210px}
.booking-confirmed{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:44px;box-shadow:var(--shadow)}
.confirmation-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#eaf8ef;color:#19713c;font-size:28px;font-weight:900;margin-bottom:22px}
.booking-confirmed h1{font:600 48px/1.05 'Playfair Display',serif;margin:8px 0 12px}
.confirmation-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:28px 0}
.confirmation-summary div{padding:17px;border-bottom:1px solid #f1e3e8}
.confirmation-summary div:nth-last-child(-n+2){border-bottom:0}
.confirmation-summary span,.confirmation-summary strong{display:block}
.confirmation-summary span{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}
.confirmation-summary strong{margin-top:3px;font-size:14px}
.booking-note{display:flex;flex-direction:column;gap:5px;padding:15px 17px;background:var(--soft);border-radius:14px;font-size:12px;color:#6d5960}
.confirmation-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
@media(max-width:720px){.booking-page{padding:42px 0 70px;min-height:calc(100vh - 72px)}.booking-shell{width:min(100% - 28px,920px)}.booking-heading h1{font-size:clamp(40px,12vw,58px)}.booking-intro{font-size:15px}.booking-steps{gap:6px}.booking-steps i{width:18px}.booking-steps span b{display:none}.booking-section{padding:27px 20px}.booking-section-title{gap:12px;margin-bottom:20px}.booking-section-title h2{font-size:21px}.booking-section-title p{font-size:12px}.details-grid{grid-template-columns:1fr;gap:0}.booking-section .slot-grid{grid-template-columns:repeat(2,1fr)}.booking-submit{padding:22px 20px;flex-direction:column;align-items:stretch}.booking-submit .btn{width:100%;min-width:0}.booking-confirmed{padding:30px 22px}.booking-confirmed h1{font-size:40px}.confirmation-summary{grid-template-columns:1fr}.confirmation-summary div:nth-last-child(-n+2){border-bottom:1px solid #f1e3e8}.confirmation-summary div:last-child{border-bottom:0}}
@media(max-width:430px){.booking-steps{font-size:10px}.booking-section .slot-grid{grid-template-columns:repeat(2,1fr);gap:8px}.booking-section .slot-btn{padding:12px 8px;font-size:13px}.slot-heading{align-items:flex-start;flex-direction:column;gap:3px}.booking-section select,.booking-section input,.booking-section textarea{font-size:14px}.confirmation-actions .btn{width:100%}}

/* --- Manual 30% advance payment workflow --- */
.payment-booking-section{border-top:1px solid var(--line)}
.payment-policy{background:#fff8fb;border:1px solid var(--line);border-radius:16px;padding:18px;margin:6px 0 18px}.payment-policy strong{font-size:15px}.payment-policy p{margin:8px 0 14px;color:#66565d;line-height:1.65}.policy-check{display:flex!important;align-items:flex-start;gap:10px!important;margin:0!important;font-weight:800!important}.policy-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--pink);flex:none}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.payment-summary>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.payment-summary span{display:block;color:#9b858e;font-size:11px;margin-bottom:5px}.payment-summary strong{font-size:18px;color:var(--ink)}.manual-payment-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:18px}.manual-payment-box h3{margin:0 0 8px}.manual-payment-box p{color:#66565d;line-height:1.6}.upi-copy{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--soft);padding:12px 14px;border-radius:12px;margin:12px 0}.upi-copy span{font-size:11px;color:#8f7b84}.upi-copy strong{color:var(--pink);font-size:15px}.payment-qr{display:block;width:180px;height:180px;object-fit:contain;border:1px solid var(--line);border-radius:12px;padding:8px;margin:14px auto}.pending-text{color:#b56a1e!important}.badge.under_review{background:#fff3df;color:#9b6500}.badge.approved{background:#eaf8ef;color:#1e7540}.badge.rejected{background:#ffecec;color:#a23838}.badge.awaiting_screenshot{background:#fff3df;color:#9b6500}.payment-action-form{display:flex!important;gap:6px;align-items:center;margin:4px 0!important}.payment-action-form input[name=admin_note]{min-width:150px}.payment-admin-qr img{width:140px;height:140px;object-fit:contain;border:1px solid var(--line);border-radius:12px;padding:8px;margin:10px 0}.payment-table td{vertical-align:middle}.small-text{font-size:11px}@media(max-width:720px){.payment-summary{grid-template-columns:1fr}.payment-action-form{flex-wrap:wrap!important}}


/* Customer payment-proof layout: QR 1/3 left, payment details 2/3 right */
.payment-proof-shell{width:min(1180px,calc(100% - 40px))}
.payment-proof-layout{display:grid;grid-template-columns:minmax(270px,1fr) minmax(0,2fr);gap:20px;align-items:stretch}
.payment-qr-panel,.payment-details-panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}
.payment-qr-panel{padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(180deg,#fff8fb 0%,#fff 100%)}
.payment-panel-kicker{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:900;color:var(--pink);margin-bottom:9px}
.payment-qr-panel h2{font:600 30px/1.15 'Playfair Display',serif;margin:0 0 7px}
.payment-qr-panel>p{margin:0 0 20px;color:var(--muted);font-size:13px}
.payment-qr-frame{width:min(100%,250px);aspect-ratio:1/1;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;align-items:center;justify-content:center}
.payment-qr-large{width:100%;height:100%;object-fit:contain;margin:0}
.payment-qr-panel>small{max-width:260px;margin-top:13px;color:var(--muted);font-size:11px;line-height:1.5}
.payment-qr-missing{width:100%;min-height:220px;border:1px dashed var(--line);border-radius:18px;display:grid;place-items:center;color:var(--muted);font-size:12px}
.payment-details-panel{padding:28px}
.payment-details-panel .payment-summary{margin:0 0 18px}
.payment-details-panel .manual-payment-box{margin-top:0}
.payment-proof-form{margin-top:18px;padding:20px;background:#fff8fb;border:1px solid var(--line);border-radius:16px}
.payment-proof-form .payment-panel-kicker{margin-bottom:13px}
.payment-proof-form label{display:block;margin-top:0}
.payment-proof-form input[type=file]{width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-top:7px}
.payment-proof-form .muted{display:block;margin-top:7px;font-size:11px}
.payment-proof-form .edit-actions{margin-top:18px}
@media(max-width:760px){
  .payment-proof-shell{width:min(100% - 28px,1180px)}
  .payment-proof-layout{grid-template-columns:1fr;gap:14px}
  .payment-qr-panel,.payment-details-panel{border-radius:18px;padding:20px}
  .payment-qr-frame{width:min(100%,220px)}
}

/* Booking/payment workflow improvements */
.booking-payment-grid{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:16px;margin-top:18px}
.booking-pay-left,.booking-pay-right{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.booking-pay-left{background:linear-gradient(180deg,#fff8fb 0%,#fff 100%)}
.payment-panel-kicker{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:900;color:var(--pink);margin-bottom:9px}
.booking-pay-left h3{margin:0 0 5px}.booking-qr-frame{width:min(100%,240px);aspect-ratio:1;margin:15px auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;align-items:center;justify-content:center}.booking-qr-large{width:100%;height:100%;object-fit:contain}.booking-pay-left .upi-copy{position:relative;flex-wrap:wrap}.copy-upi{border:1px solid var(--line);background:#fff;color:var(--pink);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;cursor:pointer}.payment-instructions{font-size:12px;color:var(--muted);line-height:1.65}.booking-pay-right small{display:block;margin-top:6px}.booking-pay-right input[type=text]{margin-bottom:5px}
.transaction-ref{font-size:12px;word-break:break-all}.proof-modal{position:fixed;inset:0;display:none;z-index:1000}.proof-modal.open{display:block}.proof-modal-backdrop{position:absolute;inset:0;background:rgba(35,22,28,.72);backdrop-filter:blur(4px)}.proof-modal-dialog{position:relative;width:min(900px,calc(100% - 30px));height:min(90vh,900px);margin:5vh auto;background:#fff;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.3);padding:24px;display:flex;flex-direction:column;overflow:hidden}.proof-modal-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:25px;line-height:1;cursor:pointer;z-index:2}.proof-modal-head{padding-right:45px}.proof-modal-head h2{margin:0;font:600 30px/1.1 'Playfair Display',serif}.proof-modal-image-wrap{flex:1;min-height:0;margin-top:14px;border-radius:14px;background:#f7edf1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:12px}.proof-modal-image-wrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px}.modal-open{overflow:hidden}
@media(max-width:720px){.booking-payment-grid{grid-template-columns:1fr}.booking-pay-left,.booking-pay-right{padding:18px}.proof-modal-dialog{width:calc(100% - 20px);height:92vh;margin:4vh auto;padding:16px}.proof-modal-head h2{font-size:25px}}


/* --- Customer-first responsive fixes (v2) --- */
html,body{max-width:100%;overflow-x:hidden}
.booking-card,.booking-section,.booking-payment-grid,.payment-policy,.booking-submit,.form-card,.table-wrap{min-width:0}
.payment-policy{overflow:hidden}
.payment-policy .policy-check{display:flex!important;width:100%;max-width:100%;align-items:flex-start!important;justify-content:flex-start!important;gap:10px!important}
.payment-policy .policy-check input[type="checkbox"]{appearance:auto;-webkit-appearance:auto;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex:0 0 18px!important;margin:3px 0 0!important;padding:0!important}
.payment-policy .policy-check span{display:block!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.55!important}
.payment-policy>p{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.form-card{overflow:hidden}
.form-card input,.form-card select,.form-card textarea{max-width:100%;min-width:0}

/* My Bookings: readable cards on phones instead of a squeezed wide table */
@media(max-width:720px){
  .container.admin-shell{padding-top:34px;padding-bottom:60px}
  .admin-shell>h1{font-size:clamp(38px,11vw,52px);line-height:1.05}
  .admin-shell>.muted{font-size:16px;line-height:1.55}
  .admin-shell .table-wrap{overflow:visible;border:0;background:transparent}
  .admin-shell .table{min-width:0;width:100%;border-collapse:separate;border-spacing:0}
  .admin-shell .table thead{display:none}
  .admin-shell .table tbody{display:block}
  .admin-shell .table tbody tr:not(.empty-bookings){display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:20px;margin-bottom:16px;overflow:hidden;box-shadow:0 10px 30px rgba(80,30,50,.05)}
  .admin-shell .table tbody tr:not(.empty-bookings) td{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;width:auto;height:auto!important;padding:13px 14px;border-bottom:1px solid #f1e4e9;white-space:normal;overflow-wrap:anywhere;font-size:13px}
  .admin-shell .table tbody tr:not(.empty-bookings) td::before{content:attr(data-label);display:block;margin-bottom:4px;color:#9b858e;font-size:9px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;line-height:1.2}
  .admin-shell .table tbody tr:not(.empty-bookings) td:nth-last-child(-n+1){grid-column:1/-1}
  .admin-shell .table tbody tr:not(.empty-bookings) td[data-label="Service"]{grid-column:1/-1;font-weight:800;font-size:15px;color:var(--ink)}
  .admin-shell .table tbody tr:not(.empty-bookings) td[data-label="Service"]::before{color:var(--pink)}
  .admin-shell .table tbody tr:not(.empty-bookings) td[data-label="Actions"]{display:flex;flex-direction:row;flex-wrap:wrap;gap:7px;align-items:center}
  .admin-shell .table tbody tr:not(.empty-bookings) td[data-label="Actions"]::before{width:100%;flex-basis:100%}
  .admin-shell .table tbody tr:not(.empty-bookings) td[data-label="Actions"] form{display:inline;margin:0!important}
  .admin-shell .table tbody tr:not(.empty-bookings) td[data-label="Actions"] .btn{margin:0}
  .admin-shell .table tbody tr.empty-bookings{display:block;background:#fff;border:1px solid var(--line);border-radius:18px}
  .admin-shell .table tbody tr.empty-bookings td{display:block;min-width:0;height:auto!important;padding:22px;white-space:normal;text-align:center}
  .booking-payment-grid{grid-template-columns:1fr!important}
  .booking-pay-left,.booking-pay-right{width:100%;min-width:0}
  .booking-pay-left,.booking-pay-right{padding:18px}
  .booking-qr-frame{width:min(100%,210px)}
  .upi-copy{flex-wrap:wrap;min-width:0}
  .upi-copy strong{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .payment-summary{grid-template-columns:1fr!important}
  .payment-policy{padding:16px}
  .payment-policy .policy-check{font-size:13px!important}
  .booking-submit{padding:20px 18px!important}
  .booking-submit .btn{width:100%;min-height:54px;font-size:15px}
}
@media(max-width:430px){
  .form-wrap{padding:28px 12px}
  .form-card{padding:22px 18px;border-radius:22px}
  .form-card h1{font-size:34px}
  .form-card .btn{width:100%;min-height:52px}
  .booking-shell{width:calc(100% - 20px)}
  .booking-section{padding:23px 16px}
  .booking-heading h1{font-size:clamp(38px,12vw,52px)}
  .booking-policy,.payment-policy{font-size:13px}
  .payment-policy strong{font-size:17px}
  .payment-policy p{font-size:14px}
  .admin-shell .table tbody tr:not(.empty-bookings) td{padding:12px}
  .admin-shell .table tbody tr:not(.empty-bookings) td[data-label="Actions"] .btn{font-size:11px;padding:9px 12px}
}


/* =========================================================
   NAIL'S PARADISE — FINAL BOOK APPOINTMENT CTA
   Mobile menu: compact, balanced CTA instead of full-width bar.
   Desktop: keeps the premium pill style.
   ========================================================= */

.nav-book{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  text-align:center;
  white-space:nowrap;
  min-height:46px;
  padding:12px 20px !important;
  border-radius:999px;
  background:var(--pink);
  color:#fff !important;
  border:1px solid var(--pink);
  box-shadow:0 10px 24px rgba(217,79,130,.18);
  transition:background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.nav-book:hover,
.nav-book:focus-visible{
  background:var(--pink2);
  color:#fff !important;
  transform:translateY(-1px);
  box-shadow:0 13px 28px rgba(217,79,130,.24);
}
.nav-book:active{
  transform:translateY(0);
}

/* Mobile navigation */
@media(max-width:720px){
  .site-nav{
    padding:12px 18px 18px;
  }

  .site-nav a{
    min-height:52px;
    display:flex;
    align-items:center;
  }

  /* Appointment CTA is deliberately NOT full width */
  .site-nav .nav-book{
    align-self:center !important;
    width:min(250px,calc(100% - 28px)) !important;
    min-height:50px;
    margin:14px auto 10px !important;
    padding:12px 22px !important;
    border-radius:999px !important;
    border:1px solid var(--pink) !important;
    box-shadow:0 10px 24px rgba(217,79,130,.18);
  }

  /* Keep normal navigation links visually separate from the CTA */
  .site-nav a:not(.nav-book){
    background:transparent;
  }
}

/* Extra-small phones */
@media(max-width:380px){
  .site-nav{
    padding-left:14px;
    padding-right:14px;
  }

  .site-nav .nav-book{
    width:220px !important;
    min-height:48px;
    padding:11px 18px !important;
    font-size:14px;
  }
}

/* Home-page CTA consistency */
.hero-actions .btn-main,
.booking-banner .btn-main,
.booking-submit .btn-main{
  min-height:50px;
  padding:14px 24px;
}

@media(max-width:720px){
  .hero-actions{
    width:100%;
  }

  .hero-actions .btn{
    min-height:52px;
  }

  .hero-actions .btn-main{
    width:100%;
  }

  .booking-banner .btn-main{
    width:100%;
  }
}

/* Navigation: all links use the same text treatment; active page is highlighted. */
.site-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:8px 2px;
  color:var(--ink);
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
  transition:color .2s ease;
}
.site-nav a:hover,
.site-nav a:focus-visible,
.site-nav a.active{
  color:var(--pink) !important;
}
.site-nav a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:1px;
  height:2px;
  border-radius:2px;
  background:var(--pink);
}
.site-nav .nav-book{
  color:var(--ink) !important;
  padding:8px 2px;
  min-height:40px;
}
.site-nav .nav-book:hover,
.site-nav .nav-book:focus-visible,
.site-nav .nav-book.active{
  color:var(--pink) !important;
}
@media(max-width:720px){
  .site-nav a,
  .site-nav .nav-book{
    min-height:52px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:14px 8px;
    margin:0 !important;
    border-bottom:1px solid #f4e8ed !important;
  }
  .site-nav a.active::after{
    left:8px;
    right:auto;
    bottom:11px;
    width:28px;
    height:3px;
  }
  .site-nav a:last-child{border-bottom:0 !important;}
}

/* =========================================================
   MOBILE NAVIGATION — FINAL OVERRIDE
   Book Appointment is a normal navigation link, not a button.
   ========================================================= */
@media (max-width: 720px){
  .site-nav .nav-book,
  .site-nav a.nav-book{
    width:100% !important;
    max-width:none !important;
    min-height:52px !important;
    height:52px !important;
    margin:0 !important;
    padding:14px 8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    background:transparent !important;
    color:var(--ink) !important;
    border:0 !important;
    border-bottom:1px solid #f4e8ed !important;
    border-radius:0 !important;
    box-shadow:none !important;
    transform:none !important;
    white-space:normal !important;
  }

  .site-nav .nav-book:hover,
  .site-nav .nav-book:focus-visible,
  .site-nav .nav-book:active,
  .site-nav .nav-book.active{
    background:transparent !important;
    color:var(--pink) !important;
    border-radius:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .site-nav .nav-book.active::after{
    content:"" !important;
    position:absolute !important;
    left:8px !important;
    right:auto !important;
    bottom:11px !important;
    width:28px !important;
    height:3px !important;
    background:var(--pink) !important;
    border-radius:3px !important;
  }
}

@media (max-width:380px){
  .site-nav .nav-book,
  .site-nav a.nav-book{
    width:100% !important;
    min-height:50px !important;
    height:50px !important;
    padding:13px 8px !important;
  }
}


/* =========================================================
   MOBILE CUSTOMER NAVIGATION — NAIL'S PARADISE
   A simple thumb-friendly bottom navigation inspired by
   modern beauty/e-commerce mobile UX.
   Desktop is unchanged.
   ========================================================= */
.mobile-bottom-nav{
  display:none;
}

@media (max-width:720px){
  /* Customer mobile: use the fixed bottom navigation as the
     primary navigation. The desktop/hamburger menu stays available
     for admin pages only. */
  body.customer-page{
    padding-bottom:calc(78px + env(safe-area-inset-bottom));
  }

  body.customer-page .menu-toggle,
  body.customer-page .site-nav{
    display:none !important;
  }

  body.customer-page .site-header{
    position:sticky;
    top:0;
    z-index:100;
  }

  body.customer-page .nav-shell{
    width:100%;
    padding:0 20px;
  }

  body.customer-page .brand{
    font-size:30px;
  }

  .mobile-bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1000;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    align-items:stretch;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.98);
    border-top:1px solid var(--line);
    box-shadow:0 -10px 30px rgba(70,30,50,.10);
    backdrop-filter:blur(16px);
  }

  .mobile-bottom-nav a{
    min-width:0;
    min-height:58px;
    padding:6px 3px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    color:#5f555b;
    font-size:10px;
    font-weight:700;
    line-height:1.15;
    text-align:center;
    border-radius:14px;
    position:relative;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-bottom-nav a:active{
    background:var(--soft);
  }

  .mobile-bottom-nav a.active{
    color:var(--pink);
  }

  .mobile-bottom-nav a.active::before{
    content:"";
    position:absolute;
    top:0;
    width:30px;
    height:3px;
    border-radius:0 0 4px 4px;
    background:var(--pink);
  }

  .mobile-nav-icon{
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    font-family:Arial,sans-serif;
    font-size:22px;
    font-weight:400;
    line-height:1;
  }

  .mobile-bottom-nav a.active .mobile-nav-icon{
    font-weight:700;
  }

  /* Keep the floating WhatsApp control above the navigation. */
  .customer-page .whatsapp-float{
    bottom:calc(88px + env(safe-area-inset-bottom));
  }

  /* Avoid huge full-width CTA buttons immediately above the nav. */
  .customer-page .hero-actions .btn-main,
  .customer-page .booking-banner .btn-main{
    width:auto;
  }

  /* Forms stay comfortably inside the viewport. */
  .customer-page .container,
  .customer-page .form-wrap,
  .customer-page .booking-shell{
    max-width:100%;
  }
}

@media (max-width:420px){
  .mobile-bottom-nav{
    padding-left:4px;
    padding-right:4px;
  }

  .mobile-bottom-nav a{
    min-height:56px;
    font-size:9px;
  }

  .mobile-nav-icon{
    width:24px;
    height:24px;
    font-size:20px;
  }

  body.customer-page{
    padding-bottom:calc(74px + env(safe-area-inset-bottom));
  }

  .customer-page .whatsapp-float{
    bottom:calc(82px + env(safe-area-inset-bottom));
  }
}

/* =========================================================
   ADMIN MOBILE NAVIGATION
   Desktop admin navigation remains unchanged.
   ========================================================= */
@media (max-width:720px){
  body.admin-page .admin-shell{
    width:calc(100% - 24px);
    padding-top:24px;
    overflow:visible;
  }

  body.admin-page .admin-nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    overflow:visible;
    padding:0;
    margin:0 0 24px;
  }

  body.admin-page .admin-nav a{
    min-height:48px;
    width:100%;
    padding:10px 8px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    white-space:normal;
    overflow-wrap:anywhere;
    line-height:1.25;
    border-radius:14px;
    font-size:11px;
  }

  body.admin-page .admin-nav a:active{
    background:var(--soft);
    color:var(--pink);
  }

  body.admin-page .admin-page-heading{
    display:block;
  }

  body.admin-page .admin-page-heading .btn{
    margin-top:12px;
  }

  body.admin-page .service-table-card{
    max-width:100%;
    overflow:hidden;
  }

  body.admin-page .service-table-scroll{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border-radius:18px;
  }

  body.admin-page .service-table{
    min-width:760px;
  }

  body.admin-page .service-table-scroll::after{
    content:"Swipe left/right to view all columns";
    display:block;
    padding:8px 12px 10px;
    color:var(--muted);
    font-size:10px;
    text-align:center;
    background:#fff;
  }

  body.admin-page h1{
    font-size:clamp(38px,10vw,58px);
    line-height:1.05;
  }

  body.admin-page .admin-card{
    min-width:0;
  }

  body.admin-page input,
  body.admin-page select,
  body.admin-page textarea{
    max-width:100%;
    min-width:0;
  }
}

.mobile-bottom-nav .mobile-nav-icon svg{
  width:22px;
  height:22px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.mobile-bottom-nav a.active .mobile-nav-icon svg{
  stroke-width:2.2;
}
@media(max-width:420px){
  .mobile-bottom-nav .mobile-nav-icon svg{width:21px;height:21px}
}


/* =========================================================
   FINAL MOBILE NAV / SVG SAFETY OVERRIDES
   Prevent unstyled inline SVGs from rendering at 300x150.
   ========================================================= */
@media (max-width: 720px) {
  html, body { width:100% !important; max-width:100% !important; overflow-x:hidden !important; }
  body.customer-page { padding-bottom:calc(82px + env(safe-area-inset-bottom)) !important; }
  body.customer-page .mobile-bottom-nav {
    display:grid !important;
    position:fixed !important;
    left:0 !important; right:0 !important; bottom:0 !important;
    width:100% !important;
    height:auto !important;
    min-height:72px !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    align-items:stretch !important;
    z-index:9999 !important;
    box-sizing:border-box !important;
    padding:7px 6px calc(7px + env(safe-area-inset-bottom)) !important;
    background:rgba(255,255,255,.98) !important;
    border-top:1px solid var(--line) !important;
    box-shadow:0 -8px 25px rgba(70,30,50,.10) !important;
  }
  body.customer-page .mobile-bottom-nav a {
    display:flex !important;
    width:100% !important;
    min-width:0 !important;
    min-height:58px !important;
    height:auto !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    padding:5px 2px !important;
    margin:0 !important;
    color:#5f555b !important;
    background:transparent !important;
    border:0 !important;
    border-radius:12px !important;
    font-size:10px !important;
    font-weight:700 !important;
    line-height:1.15 !important;
    text-align:center !important;
    text-decoration:none !important;
    position:relative !important;
  }
  body.customer-page .mobile-bottom-nav a.active { color:var(--pink) !important; }
  body.customer-page .mobile-bottom-nav a.active::before {
    content:"" !important;
    position:absolute !important;
    top:0 !important; left:50% !important;
    transform:translateX(-50%) !important;
    width:28px !important; height:3px !important;
    background:var(--pink) !important;
    border-radius:0 0 4px 4px !important;
  }
  body.customer-page .mobile-bottom-nav .mobile-nav-icon {
    display:grid !important;
    place-items:center !important;
    width:26px !important; height:26px !important;
    min-width:26px !important; min-height:26px !important;
    overflow:visible !important;
    line-height:1 !important;
    font-size:20px !important;
  }
  body.customer-page .mobile-bottom-nav .mobile-nav-icon svg {
    display:block !important;
    width:23px !important; height:23px !important;
    min-width:23px !important; min-height:23px !important;
    max-width:23px !important; max-height:23px !important;
    overflow:visible !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }
  body.customer-page .mobile-bottom-nav a.active .mobile-nav-icon svg { stroke-width:2.2 !important; }
  body.customer-page .menu-toggle,
  body.customer-page .site-nav { display:none !important; }
  body.customer-page .whatsapp-float { bottom:calc(90px + env(safe-area-inset-bottom)) !important; z-index:9998 !important; }
}
@media (max-width:420px) {
  body.customer-page { padding-bottom:calc(78px + env(safe-area-inset-bottom)) !important; }
  body.customer-page .mobile-bottom-nav { min-height:68px !important; padding-left:3px !important; padding-right:3px !important; }
  body.customer-page .mobile-bottom-nav a { min-height:54px !important; font-size:9px !important; }
  body.customer-page .mobile-bottom-nav .mobile-nav-icon,
  body.customer-page .mobile-bottom-nav .mobile-nav-icon svg { width:22px !important; height:22px !important; min-width:22px !important; min-height:22px !important; max-width:22px !important; max-height:22px !important; }
}

/* Admin mobile: never allow desktop table/navigation widths to break the viewport. */
@media (max-width:720px) {
  body.admin-page { overflow-x:hidden !important; }
  body.admin-page .admin-shell { width:calc(100% - 24px) !important; max-width:none !important; margin:0 auto !important; padding-left:0 !important; padding-right:0 !important; }
  body.admin-page .admin-nav { width:100% !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; overflow:visible !important; }
  body.admin-page .admin-nav a { width:100% !important; min-width:0 !important; min-height:48px !important; white-space:normal !important; overflow-wrap:anywhere !important; text-align:center !important; }
  body.admin-page .table-wrap { width:100% !important; max-width:100% !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; }
  body.admin-page .table { width:100% !important; }
  body.admin-page h1 { max-width:100% !important; overflow-wrap:anywhere !important; }
  body.admin-page .admin-card, body.admin-page .payment-settings-panel, body.admin-page .payment-qr-card { min-width:0 !important; max-width:100% !important; }
  body.admin-page input, body.admin-page select, body.admin-page textarea { max-width:100% !important; min-width:0 !important; }
}

.brand-image{width:auto;min-width:120px;max-width:190px;height:64px;justify-content:center;}
.brand-image img{display:block;width:auto;max-width:180px;height:56px;object-fit:contain;object-position:left center;}
@media(max-width:720px){.brand-image{min-width:110px;max-width:165px;height:64px}.brand-image img{max-width:155px;height:54px;object-position:left center}}


/* Customer account / My Bookings */
.customer-account-shell{padding:46px 0 90px}
.account-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 0 28px}
.account-hero h1{font:600 clamp(42px,5vw,64px)/1.05 'Playfair Display',serif;margin:10px 0 8px}
.account-avatar{width:92px;height:92px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-size:38px;border:1px solid var(--line);flex:none}
.account-login-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;color:#9a8e94;font-size:13px;margin-bottom:18px}
.account-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 18px}
.account-action-card{display:grid;grid-template-columns:46px 1fr 18px;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px 18px;transition:.2s}
.account-action-card:hover{border-color:#e6a9bf;box-shadow:0 10px 28px rgba(80,30,50,.07);transform:translateY(-1px)}
.account-action-icon{width:42px;height:42px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-size:20px}
.account-action-card strong,.account-action-card small{display:block}.account-action-card strong{font-size:14px}.account-action-card small{font-size:11px;color:var(--muted);margin-top:2px}.account-action-card>b{color:var(--pink);font-size:18px}
.account-logout-row{display:flex;justify-content:flex-end;padding:4px 0 30px}.account-logout{display:inline-flex;gap:8px;align-items:center;color:#a12626;font-weight:800;font-size:13px;padding:10px 14px;border:1px solid #f0d1d1;border-radius:999px;background:#fff}.account-logout:hover{background:#fff4f4}
.account-bookings-section{padding-top:12px}.account-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.account-section-head h2{font:600 clamp(32px,4vw,48px)/1.05 'Playfair Display',serif;margin:7px 0 0}.customer-bookings-table{box-shadow:0 10px 35px rgba(80,30,50,.05)}
@media(max-width:720px){.customer-account-shell{padding:26px 0 96px}.account-hero{padding:24px 0 20px;align-items:flex-start}.account-hero h1{font-size:40px}.account-avatar{width:72px;height:72px;font-size:30px}.account-actions-grid{grid-template-columns:1fr}.account-action-card{padding:15px}.account-login-meta{font-size:11px}.account-logout-row{justify-content:flex-start;padding-bottom:22px}.account-section-head{align-items:flex-start;flex-direction:column}.account-section-head .btn{width:100%}.customer-bookings-table{border:0;background:transparent;overflow:visible}.customer-bookings-table .table{min-width:0;width:100%;display:block}.customer-bookings-table .table thead{display:none}.customer-bookings-table .table tbody{display:grid;gap:12px}.customer-bookings-table .table tr{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 25px rgba(80,30,50,.04)}.customer-bookings-table .table td{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-bottom:1px solid #f2e6eb;font-size:13px;min-width:0}.customer-bookings-table .table td::before{content:attr(data-label);font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:900;color:#9a8e94}.customer-bookings-table .table td:last-child{grid-column:1/-1;border-bottom:0}.customer-bookings-table .table .empty-bookings{display:block;padding:20px}.customer-bookings-table .table .empty-bookings td{display:block;border:0}.customer-bookings-table .table .empty-bookings td::before{display:none}.customer-bookings-table .actions-cell,.customer-bookings-table td[data-label="Actions"]{flex-direction:row;flex-wrap:wrap;align-items:center}.customer-bookings-table td[data-label="Actions"] form{display:inline}.customer-bookings-table .small-btn{font-size:11px}.account-action-card b{font-size:16px}}


/* =========================================================
   FINAL LOGO OVERFLOW FIX
   Keeps the uploaded website logo inside the header on
   desktop, tablet and mobile without changing functionality.
   ========================================================= */
.site-header .nav-shell{
  min-width:0 !important;
}

.site-header .brand{
  min-width:0 !important;
  width:auto !important;
  max-width:190px !important;
  height:64px !important;
  overflow:hidden !important;
  flex:0 1 auto !important;
  align-items:center !important;
  justify-content:center !important;
}

.site-header .brand-logo{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:72px !important;
  max-height:58px !important;
  min-width:0 !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  flex:0 1 auto !important;
}

@media (max-width: 720px){
  .site-header{
    height:72px !important;
  }

  .site-header .nav-shell{
    width:100% !important;
    max-width:100% !important;
    padding:0 16px !important;
    gap:12px !important;
    overflow:hidden !important;
  }

  .site-header .brand{
    width:58px !important;
    max-width:58px !important;
    height:58px !important;
    overflow:hidden !important;
    flex:0 0 58px !important;
  }

  .site-header .brand-logo{
    width:auto !important;
    height:auto !important;
    max-width:50px !important;
    max-height:50px !important;
  }

  .site-header .site-nav{
    max-width:100% !important;
  }
}

@media (min-width:721px){
  .site-header .brand-logo{
    max-width:64px !important;
    max-height:58px !important;
  }
}


/* =========================================================
   NAIL'S PARADISE — WORDPRESS-STYLE ADMIN UI
   Final defensive layer. Does not alter booking/payment logic.
   ========================================================= */

body.admin-page{
  background:#f6f7f7 !important;
  color:#1d2327 !important;
  overflow-x:hidden !important;
}

/* Hide the public/customer header and bottom nav inside admin. */
body.admin-page > .site-header,
body.admin-page .mobile-bottom-nav{
  display:none !important;
}
body.admin-page > main{
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
}
body.admin-page .flash{
  position:fixed;
  top:18px;
  right:22px;
  z-index:10000;
  max-width:420px;
}

/* Admin shell */
body.admin-page .admin-shell{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  min-height:100vh;
  display:flex !important;
  align-items:stretch !important;
}

/* Sidebar */
body.admin-page .wp-admin-sidebar{
  position:fixed !important;
  inset:0 auto 0 0 !important;
  width:250px !important;
  min-width:250px !important;
  height:100vh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:#1d2327 !important;
  color:#fff !important;
  z-index:2000 !important;
  padding:22px 14px 18px !important;
  box-shadow:2px 0 14px rgba(0,0,0,.08) !important;
}

body.admin-page .wp-admin-brand{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  padding:5px 8px 22px !important;
  margin-bottom:10px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
body.admin-page .wp-admin-brand-mark{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:10px !important;
  background:#d94f82 !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:14px !important;
}
body.admin-page .wp-admin-brand strong{
  display:block !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1.2 !important;
}
body.admin-page .wp-admin-brand small{
  display:block !important;
  margin-top:3px !important;
  color:#a7aaad !important;
  font-size:11px !important;
}

body.admin-page .wp-admin-nav-label{
  margin:18px 8px 7px !important;
  color:#8c8f92 !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:1.2px !important;
  text-transform:uppercase !important;
}

body.admin-page .wp-admin-menu{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}
body.admin-page .wp-admin-menu a{
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  min-height:42px !important;
  padding:9px 11px !important;
  border-radius:7px !important;
  color:#dcdcde !important;
  font-size:13px !important;
  font-weight:600 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
body.admin-page .wp-admin-menu a:hover{
  background:#2c3338 !important;
  color:#fff !important;
}
body.admin-page .wp-admin-menu a.active{
  background:#d94f82 !important;
  color:#fff !important;
}
body.admin-page .wp-admin-menu a.sub{
  padding-left:38px !important;
  font-size:12px !important;
  color:#b9bdc1 !important;
}
body.admin-page .wp-admin-menu a.sub.active{
  color:#fff !important;
}
body.admin-page .wp-icon{
  width:20px !important;
  min-width:20px !important;
  text-align:center !important;
  font-size:16px !important;
  line-height:1 !important;
  color:inherit !important;
}

body.admin-page .wp-admin-sidebar-footer{
  margin-top:25px !important;
  padding-top:16px !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}
body.admin-page .wp-admin-user-mini{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:8px !important;
}
body.admin-page .wp-admin-avatar{
  width:32px !important;
  height:32px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#343a40 !important;
}
body.admin-page .wp-admin-user-mini strong{
  display:block !important;
  color:#fff !important;
  font-size:12px !important;
}
body.admin-page .wp-admin-user-mini small{
  display:block !important;
  color:#8c8f92 !important;
  font-size:10px !important;
}
body.admin-page .wp-admin-logout{
  display:block !important;
  margin-top:6px !important;
  padding:8px !important;
  color:#dcdcde !important;
  font-size:12px !important;
}

/* Main area */
body.admin-page .wp-admin-main{
  width:calc(100% - 250px) !important;
  min-width:0 !important;
  min-height:100vh !important;
  margin-left:250px !important;
  background:#f6f7f7 !important;
}
body.admin-page .wp-admin-topbar{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  min-height:62px !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:0 28px !important;
  background:#fff !important;
  border-bottom:1px solid #dcdcde !important;
  color:#50575e !important;
}
body.admin-page .wp-admin-topbar strong{
  color:#1d2327 !important;
  font-size:14px !important;
}
body.admin-page .wp-admin-topbar span{
  color:#787c82 !important;
}
body.admin-page .wp-view-site{
  margin-left:auto !important;
  color:#2271b1 !important;
  font-size:13px !important;
  font-weight:600 !important;
}
body.admin-page .wp-view-site:hover{color:#135e96 !important}

body.admin-page .wp-admin-menu-toggle{
  display:none !important;
  border:0 !important;
  background:transparent !important;
  color:#1d2327 !important;
  font-size:22px !important;
  cursor:pointer !important;
  padding:5px !important;
}
body.admin-page .wp-admin-content{
  width:min(1200px, calc(100% - 48px)) !important;
  margin:0 auto !important;
  padding:34px 0 60px !important;
}
body.admin-page .wp-admin-content > h1{
  margin:0 0 8px !important;
  color:#1d2327 !important;
  font-size:32px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  font-family:'DM Sans',sans-serif !important;
}
body.admin-page .wp-admin-content > .muted{
  color:#646970 !important;
  margin:0 0 25px !important;
}

/* Dashboard cards */
body.admin-page .stats{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:20px 0 24px !important;
}
body.admin-page .stat{
  min-width:0 !important;
  background:#fff !important;
  border:1px solid #dcdcde !important;
  border-radius:4px !important;
  padding:22px !important;
  box-shadow:0 1px 1px rgba(0,0,0,.03) !important;
  color:#50575e !important;
}
body.admin-page .stat b{
  display:block !important;
  margin-bottom:5px !important;
  color:#d94f82 !important;
  font-size:30px !important;
  line-height:1 !important;
}

/* Generic admin cards/forms/tables */
body.admin-page .admin-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}
body.admin-page .admin-card{
  background:#fff !important;
  border:1px solid #dcdcde !important;
  border-radius:4px !important;
  padding:22px !important;
  box-shadow:0 1px 1px rgba(0,0,0,.03) !important;
}
body.admin-page .admin-card h3{
  margin:0 0 14px !important;
  color:#1d2327 !important;
}
body.admin-page .table-wrap{
  width:100% !important;
  overflow-x:auto !important;
  background:#fff !important;
  border:1px solid #dcdcde !important;
  border-radius:4px !important;
}
body.admin-page .table{
  width:100% !important;
  min-width:760px !important;
  border-collapse:collapse !important;
  background:#fff !important;
}
body.admin-page .table th{
  background:#f6f7f7 !important;
  color:#50575e !important;
  font-size:12px !important;
  font-weight:700 !important;
  text-align:left !important;
  padding:12px !important;
  border-bottom:1px solid #dcdcde !important;
}
body.admin-page .table td{
  padding:12px !important;
  border-bottom:1px solid #f0f0f1 !important;
  color:#2c3338 !important;
  font-size:13px !important;
}
body.admin-page .table tr:last-child td{border-bottom:0 !important}
body.admin-page input,
body.admin-page select,
body.admin-page textarea{
  max-width:100% !important;
  border:1px solid #8c8f94 !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#1d2327 !important;
  padding:8px 10px !important;
}
body.admin-page button,
body.admin-page .btn{
  border-radius:4px !important;
}
body.admin-page .btn-main{
  background:#d94f82 !important;
  color:#fff !important;
}
body.admin-page .btn-outline{
  background:#fff !important;
  color:#2271b1 !important;
  border:1px solid #2271b1 !important;
}

/* Mobile */
@media(max-width:900px){
  body.admin-page .wp-admin-sidebar{
    transform:translateX(-105%) !important;
    transition:transform .22s ease !important;
  }
  body.admin-page .wp-admin-sidebar.open{
    transform:translateX(0) !important;
  }
  body.admin-page .wp-admin-main{
    width:100% !important;
    margin-left:0 !important;
  }
  body.admin-page .wp-admin-menu-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  body.admin-page .wp-admin-topbar{
    padding:0 16px !important;
  }
  body.admin-page .wp-admin-content{
    width:calc(100% - 28px) !important;
    padding:24px 0 45px !important;
  }
  body.admin-page .wp-admin-sidebar-footer{padding-bottom:20px !important}
  body.admin-page .wp-admin-mobile-backdrop{
    display:none !important;
    position:fixed !important;
    inset:0 !important;
    z-index:1900 !important;
    background:rgba(0,0,0,.45) !important;
  }
  body.admin-page .wp-admin-mobile-backdrop.open{display:block !important}
  body.admin-page .stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  body.admin-page .admin-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:520px){
  body.admin-page .stats{
    grid-template-columns:1fr !important;
  }
  body.admin-page .wp-admin-content > h1{
    font-size:27px !important;
  }
  body.admin-page .wp-view-site{
    display:none !important;
  }
}


/* =========================================================
   NAIL'S PARADISE — PROFESSIONAL ADMIN UI
   Clean WordPress-inspired CMS/CRM interface
   ========================================================= */

body.admin-page{
  --np-pink:#d94f82;
  --np-pink-dark:#b83c6b;
  --np-bg:#f5f6f7;
  --np-panel:#ffffff;
  --np-border:#e2e4e7;
  --np-text:#1d2327;
  --np-muted:#646970;
  --np-sidebar:#1f2328;
  --np-sidebar-2:#2c3338;
  --np-shadow:0 1px 2px rgba(0,0,0,.04);
  background:var(--np-bg) !important;
  color:var(--np-text) !important;
  font-family:"DM Sans",Arial,sans-serif !important;
}

/* Prevent accidental public-site header from occupying admin */
body.admin-page > .site-header,
body.admin-page > .mobile-bottom-nav{
  display:none !important;
}

/* Main shell */
body.admin-page .admin-shell,
body.admin-page .wp-admin-shell{
  min-height:100vh !important;
  width:100% !important;
  display:flex !important;
  margin:0 !important;
  padding:0 !important;
}

/* Sidebar */
body.admin-page .wp-admin-sidebar{
  position:fixed !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:248px !important;
  box-sizing:border-box !important;
  padding:0 !important;
  background:var(--np-sidebar) !important;
  color:#fff !important;
  z-index:3000 !important;
  overflow-y:auto !important;
  border-right:1px solid #30343a !important;
}

body.admin-page .wp-admin-brand{
  height:72px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  padding:0 20px !important;
  margin:0 !important;
  gap:12px !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

body.admin-page .wp-admin-brand-mark{
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  border-radius:9px !important;
  display:grid !important;
  place-items:center !important;
  background:var(--np-pink) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
}

body.admin-page .wp-admin-brand strong{
  color:#fff !important;
  font-size:14px !important;
  font-weight:700 !important;
}
body.admin-page .wp-admin-brand small{
  color:#9ca3a9 !important;
  font-size:10px !important;
}

body.admin-page .wp-admin-nav-label{
  margin:20px 18px 7px !important;
  color:#8d9399 !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:1.1px !important;
  text-transform:uppercase !important;
}

body.admin-page .wp-admin-menu{
  padding:0 10px !important;
  gap:2px !important;
}

body.admin-page .wp-admin-menu a{
  position:relative !important;
  min-height:40px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  padding:9px 12px !important;
  margin:0 !important;
  border-radius:6px !important;
  color:#c9cdd1 !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  text-decoration:none !important;
  transition:background .15s ease,color .15s ease !important;
}
body.admin-page .wp-admin-menu a:hover{
  background:var(--np-sidebar-2) !important;
  color:#fff !important;
}
body.admin-page .wp-admin-menu a.active{
  background:var(--np-pink) !important;
  color:#fff !important;
  box-shadow:inset 3px 0 0 rgba(255,255,255,.35) !important;
}
body.admin-page .wp-admin-menu a.sub{
  padding-left:43px !important;
  min-height:34px !important;
  font-size:11.5px !important;
  color:#aeb4b9 !important;
}
body.admin-page .wp-admin-menu a.sub.active{
  color:#fff !important;
}
body.admin-page .wp-icon{
  width:19px !important;
  min-width:19px !important;
  text-align:center !important;
  font-size:15px !important;
  line-height:1 !important;
}

/* Sidebar footer */
body.admin-page .wp-admin-sidebar-footer{
  margin:20px 10px 14px !important;
  padding:14px 8px 0 !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
body.admin-page .wp-admin-user-mini{
  padding:6px 4px !important;
}
body.admin-page .wp-admin-avatar{
  width:34px !important;
  height:34px !important;
  background:#343a40 !important;
}
body.admin-page .wp-admin-user-mini strong{font-size:11px !important}
body.admin-page .wp-admin-user-mini small{font-size:9px !important}
body.admin-page .wp-admin-logout{
  display:block !important;
  padding:8px 4px !important;
  color:#c9cdd1 !important;
  font-size:11px !important;
}

/* Main */
body.admin-page .wp-admin-main{
  width:calc(100% - 248px) !important;
  min-height:100vh !important;
  margin-left:248px !important;
  min-width:0 !important;
  background:var(--np-bg) !important;
}

body.admin-page .wp-admin-topbar{
  height:62px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  padding:0 30px !important;
  background:#fff !important;
  border-bottom:1px solid var(--np-border) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.02) !important;
}
body.admin-page .wp-admin-topbar strong{
  font-size:13px !important;
  color:var(--np-text) !important;
}
body.admin-page .wp-admin-topbar span{
  font-size:12px !important;
  color:var(--np-muted) !important;
}
body.admin-page .wp-view-site{
  margin-left:auto !important;
  color:#2271b1 !important;
  font-size:12px !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

body.admin-page .wp-admin-content{
  width:min(1240px,calc(100% - 56px)) !important;
  margin:0 auto !important;
  padding:32px 0 60px !important;
}

body.admin-page .wp-admin-content > h1{
  margin:0 !important;
  color:var(--np-text) !important;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:30px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:-.4px !important;
}
body.admin-page .wp-admin-content > .muted{
  margin:8px 0 24px !important;
  color:var(--np-muted) !important;
  font-size:13px !important;
}

/* Dashboard cards */
body.admin-page .stats{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  margin:0 0 24px !important;
}
body.admin-page .stat{
  position:relative !important;
  min-width:0 !important;
  padding:20px !important;
  background:#fff !important;
  border:1px solid var(--np-border) !important;
  border-radius:6px !important;
  box-shadow:var(--np-shadow) !important;
}
body.admin-page .stat b{
  display:block !important;
  margin:0 0 7px !important;
  color:var(--np-pink) !important;
  font-size:29px !important;
  line-height:1 !important;
  font-weight:800 !important;
}
body.admin-page .stat span{
  color:var(--np-muted) !important;
  font-size:12px !important;
}

/* Panels */
body.admin-page .admin-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}
body.admin-page .admin-card{
  background:#fff !important;
  border:1px solid var(--np-border) !important;
  border-radius:6px !important;
  padding:22px !important;
  box-shadow:var(--np-shadow) !important;
}
body.admin-page .admin-card h2,
body.admin-page .admin-card h3{
  margin:0 0 14px !important;
  color:var(--np-text) !important;
  font-size:16px !important;
  font-weight:750 !important;
}

/* Buttons */
body.admin-page .btn,
body.admin-page button{
  min-height:36px !important;
  border-radius:5px !important;
  font-family:inherit !important;
  font-size:12px !important;
  font-weight:700 !important;
  cursor:pointer !important;
}
body.admin-page .btn-main{
  background:var(--np-pink) !important;
  border:1px solid var(--np-pink) !important;
  color:#fff !important;
}
body.admin-page .btn-main:hover{
  background:var(--np-pink-dark) !important;
}
body.admin-page .btn-outline{
  background:#fff !important;
  border:1px solid #8c8f94 !important;
  color:#2c3338 !important;
}

/* Tables */
body.admin-page .table-wrap{
  background:#fff !important;
  border:1px solid var(--np-border) !important;
  border-radius:6px !important;
  overflow-x:auto !important;
  box-shadow:var(--np-shadow) !important;
}
body.admin-page .table{
  width:100% !important;
  min-width:780px !important;
  border-collapse:collapse !important;
}
body.admin-page .table th{
  padding:12px 14px !important;
  background:#f6f7f7 !important;
  color:#50575e !important;
  border-bottom:1px solid var(--np-border) !important;
  font-size:11px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.25px !important;
  white-space:nowrap !important;
}
body.admin-page .table td{
  padding:13px 14px !important;
  border-bottom:1px solid #f0f0f1 !important;
  color:#2c3338 !important;
  font-size:12px !important;
  vertical-align:middle !important;
}
body.admin-page .table tr:hover td{
  background:#fcfcfc !important;
}

/* Forms */
body.admin-page label{
  display:block !important;
  margin:0 0 6px !important;
  color:#2c3338 !important;
  font-size:12px !important;
  font-weight:700 !important;
}
body.admin-page input,
body.admin-page select,
body.admin-page textarea{
  width:100% !important;
  box-sizing:border-box !important;
  padding:9px 11px !important;
  border:1px solid #8c8f94 !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#1d2327 !important;
  font:inherit !important;
  font-size:12px !important;
}
body.admin-page input:focus,
body.admin-page select:focus,
body.admin-page textarea:focus{
  border-color:#2271b1 !important;
  box-shadow:0 0 0 1px #2271b1 !important;
  outline:0 !important;
}

/* Responsive */
@media(max-width:1000px){
  body.admin-page .wp-admin-sidebar{
    transform:translateX(-105%) !important;
    transition:transform .2s ease !important;
  }
  body.admin-page .wp-admin-sidebar.open{
    transform:translateX(0) !important;
  }
  body.admin-page .wp-admin-main{
    width:100% !important;
    margin-left:0 !important;
  }
  body.admin-page .wp-admin-menu-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:36px !important;
    height:36px !important;
    border:1px solid var(--np-border) !important;
    border-radius:5px !important;
    background:#fff !important;
  }
  body.admin-page .wp-admin-content{
    width:calc(100% - 36px) !important;
  }
  body.admin-page .stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:600px){
  body.admin-page .wp-admin-topbar{
    padding:0 16px !important;
  }
  body.admin-page .wp-admin-content{
    width:calc(100% - 24px) !important;
    padding-top:22px !important;
  }
  body.admin-page .stats{
    grid-template-columns:1fr !important;
  }
  body.admin-page .admin-grid{
    grid-template-columns:1fr !important;
  }
  body.admin-page .wp-admin-content > h1{
    font-size:26px !important;
  }
}


/* =========================================================
   NAIL'S PARADISE — SALON STUDIO ADMIN
   Original salon-focused dashboard UI
   ========================================================= */

body.admin-page{
  --studio-pink:#d94f82;
  --studio-rose:#f9e5ed;
  --studio-cream:#fffafc;
  --studio-ink:#2b2529;
  --studio-muted:#7e7479;
  --studio-line:#eadde3;
  --studio-card:#ffffff;
  background:linear-gradient(180deg,#fffafd 0,#f8f3f6 100%) !important;
  color:var(--studio-ink) !important;
  font-family:"DM Sans",Arial,sans-serif !important;
}

/* Admin-only canvas */
body.admin-page > .site-header,
body.admin-page > .mobile-bottom-nav{display:none !important;}

body.admin-page .admin-shell{
  min-height:100vh !important;
  display:block !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
}

/* ---------- Top brand bar ---------- */
body.admin-page .wp-admin-sidebar{
  position:fixed !important;
  inset:0 0 auto 0 !important;
  width:100% !important;
  height:78px !important;
  min-width:0 !important;
  padding:0 34px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  background:rgba(255,255,255,.94) !important;
  color:var(--studio-ink) !important;
  border:0 !important;
  border-bottom:1px solid var(--studio-line) !important;
  box-shadow:0 4px 20px rgba(79,49,61,.05) !important;
  overflow:visible !important;
  z-index:3000 !important;
  transform:none !important;
}

body.admin-page .wp-admin-brand{
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
body.admin-page .wp-admin-brand-mark{
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  background:var(--studio-rose) !important;
  color:var(--studio-pink) !important;
  border:1px solid #f1cad9 !important;
  font-size:12px !important;
}
body.admin-page .wp-admin-brand strong{
  color:var(--studio-ink) !important;
  font-size:15px !important;
  font-weight:800 !important;
}
body.admin-page .wp-admin-brand small{
  color:var(--studio-pink) !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:1px !important;
}

/* Turn existing sidebar menu into horizontal studio navigation */
body.admin-page .wp-admin-nav-label{display:none !important;}
body.admin-page .wp-admin-menu{
  margin-left:46px !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:5px !important;
}
body.admin-page .wp-admin-menu a{
  min-height:40px !important;
  padding:8px 12px !important;
  border-radius:22px !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  color:#6d6368 !important;
  font-size:11px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}
body.admin-page .wp-admin-menu a:hover{
  background:var(--studio-rose) !important;
  color:var(--studio-pink) !important;
}
body.admin-page .wp-admin-menu a.active{
  background:var(--studio-pink) !important;
  color:#fff !important;
  box-shadow:0 6px 15px rgba(217,79,130,.18) !important;
}
body.admin-page .wp-admin-menu a.sub{
  display:none !important;
}
body.admin-page .wp-icon{
  width:auto !important;
  min-width:0 !important;
  font-size:14px !important;
}

/* User pill at right */
body.admin-page .wp-admin-sidebar-footer{
  margin:0 0 0 auto !important;
  padding:0 0 0 16px !important;
  border:0 !important;
  display:flex !important;
  align-items:center !important;
}
body.admin-page .wp-admin-user-mini{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 !important;
}
body.admin-page .wp-admin-avatar{
  width:36px !important;
  height:36px !important;
  background:var(--studio-rose) !important;
  color:var(--studio-pink) !important;
  border:1px solid #f1cad9 !important;
}
body.admin-page .wp-admin-user-mini strong{
  color:var(--studio-ink) !important;
  font-size:10px !important;
}
body.admin-page .wp-admin-user-mini small{
  color:var(--studio-muted) !important;
  font-size:8px !important;
}
body.admin-page .wp-admin-logout{
  margin-left:12px !important;
  padding:8px 13px !important;
  border:1px solid #efc9d8 !important;
  border-radius:20px !important;
  color:#a83c65 !important;
  font-size:10px !important;
  text-decoration:none !important;
}

/* ---------- Main content ---------- */
body.admin-page .wp-admin-main{
  width:100% !important;
  min-height:100vh !important;
  margin:0 !important;
  padding-top:78px !important;
  background:transparent !important;
}
body.admin-page .wp-admin-topbar{
  height:48px !important;
  padding:0 5vw !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body.admin-page .wp-admin-topbar strong{
  color:var(--studio-ink) !important;
  font-size:11px !important;
}
body.admin-page .wp-admin-topbar span{
  color:#a0969b !important;
  font-size:10px !important;
}
body.admin-page .wp-view-site{
  color:var(--studio-pink) !important;
  font-size:10px !important;
  font-weight:800 !important;
  padding:7px 13px !important;
  border:1px solid #efc9d8 !important;
  border-radius:18px !important;
  background:#fff !important;
}

/* Hero heading */
body.admin-page .wp-admin-content{
  width:min(1240px,90vw) !important;
  padding:20px 0 70px !important;
}
body.admin-page .wp-admin-content > h1{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:42px !important;
  line-height:1.05 !important;
  letter-spacing:-1px !important;
  color:var(--studio-ink) !important;
}
body.admin-page .wp-admin-content > .muted{
  font-size:12px !important;
  color:var(--studio-muted) !important;
}

/* Stats become elegant pill/cards */
body.admin-page .stats{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:26px 0 24px !important;
}
body.admin-page .stat{
  min-height:112px !important;
  box-sizing:border-box !important;
  padding:19px 20px !important;
  background:var(--studio-card) !important;
  border:1px solid var(--studio-line) !important;
  border-radius:18px !important;
  box-shadow:0 8px 25px rgba(84,49,65,.045) !important;
}
body.admin-page .stat b{
  color:var(--studio-pink) !important;
  font-size:30px !important;
  margin-bottom:10px !important;
}
body.admin-page .stat span{
  color:var(--studio-muted) !important;
  font-size:11px !important;
}

/* Cards */
body.admin-page .admin-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
}
body.admin-page .admin-card{
  border:1px solid var(--studio-line) !important;
  border-radius:18px !important;
  background:#fff !important;
  padding:22px !important;
  box-shadow:0 8px 25px rgba(84,49,65,.045) !important;
}
body.admin-page .admin-card h2,
body.admin-page .admin-card h3{
  font-size:15px !important;
  color:var(--studio-ink) !important;
}

/* Buttons */
body.admin-page .btn,
body.admin-page button{
  min-height:36px !important;
  border-radius:20px !important;
  font-size:11px !important;
}
body.admin-page .btn-main{
  background:var(--studio-pink) !important;
  border-color:var(--studio-pink) !important;
  box-shadow:0 6px 14px rgba(217,79,130,.16) !important;
}
body.admin-page .btn-outline{
  border-color:#e5b8ca !important;
  color:#a83c65 !important;
}

/* Tables */
body.admin-page .table-wrap{
  border:1px solid var(--studio-line) !important;
  border-radius:16px !important;
  box-shadow:0 8px 25px rgba(84,49,65,.04) !important;
}
body.admin-page .table{
  min-width:760px !important;
}
body.admin-page .table th{
  background:#fff8fb !important;
  color:#9a858e !important;
  border-bottom:1px solid var(--studio-line) !important;
  font-size:10px !important;
}
body.admin-page .table td{
  font-size:11px !important;
  padding:13px !important;
}

/* Mobile top navigation becomes scrollable */
@media(max-width:1000px){
  body.admin-page .wp-admin-sidebar{
    position:fixed !important;
    height:66px !important;
    padding:0 15px !important;
    overflow:hidden !important;
  }
  body.admin-page .wp-admin-brand{
    flex:0 0 auto !important;
  }
  body.admin-page .wp-admin-menu{
    margin-left:15px !important;
    overflow-x:auto !important;
    max-width:calc(100vw - 185px) !important;
    scrollbar-width:none !important;
  }
  body.admin-page .wp-admin-menu::-webkit-scrollbar{display:none !important;}
  body.admin-page .wp-admin-menu-toggle{display:none !important;}
  body.admin-page .wp-admin-sidebar-footer{
    display:none !important;
  }
  body.admin-page .wp-admin-main{
    padding-top:66px !important;
  }
  body.admin-page .wp-admin-content{
    width:calc(100% - 28px) !important;
  }
  body.admin-page .stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:620px){
  body.admin-page .wp-admin-brand strong,
  body.admin-page .wp-admin-brand small{
    display:none !important;
  }
  body.admin-page .wp-admin-brand-mark{
    width:38px !important;
    height:38px !important;
  }
  body.admin-page .wp-admin-menu{
    max-width:calc(100vw - 80px) !important;
  }
  body.admin-page .wp-admin-menu a{
    padding:8px 10px !important;
    font-size:10px !important;
  }
  body.admin-page .wp-admin-menu a.sub{display:none !important;}
  body.admin-page .wp-admin-topbar{
    padding:0 14px !important;
  }
  body.admin-page .wp-admin-content > h1{
    font-size:32px !important;
  }
  body.admin-page .stats{
    grid-template-columns:1fr !important;
  }
  body.admin-page .admin-grid{
    grid-template-columns:1fr !important;
  }
}

/* Hide any legacy sidebar-only labels that might be present */
body.admin-page .wp-admin-sidebar .wp-admin-nav-label + .wp-admin-menu a.sub{
  display:none !important;
}


/* =========================================================
   SALON STUDIO DASHBOARD V2
   ========================================================= */
body.admin-page .studio-welcome{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}
body.admin-page .studio-kicker{
  margin:0 0 7px;
  color:var(--studio-pink);
  font-size:10px;
  font-weight:900;
  letter-spacing:1.6px;
  text-transform:uppercase;
}
body.admin-page .studio-welcome h1{
  margin:0;
  font:700 clamp(32px,4vw,46px)/1.08 Georgia,"Times New Roman",serif;
  color:var(--studio-ink);
  letter-spacing:-1px;
}
body.admin-page .studio-welcome h1 span{font-family:Arial,sans-serif;font-size:.7em}
body.admin-page .studio-subtitle{
  margin:9px 0 0;
  color:var(--studio-muted);
  font-size:12px;
}
body.admin-page .studio-primary-action{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 19px;
  border-radius:999px;
  background:var(--studio-pink);
  color:#fff;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  box-shadow:0 8px 20px rgba(217,79,130,.18);
}
body.admin-page .studio-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
body.admin-page .studio-stat-card{
  position:relative;
  min-height:132px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  padding:18px 19px;
  border:1px solid var(--studio-line);
  border-radius:18px;
  background:#fff;
  color:var(--studio-ink);
  text-decoration:none;
  box-shadow:0 8px 25px rgba(84,49,65,.045);
  transition:transform .15s ease,box-shadow .15s ease;
}
body.admin-page .studio-stat-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(84,49,65,.08);
}
body.admin-page .studio-stat-highlight{
  background:linear-gradient(145deg,#fff7fa,#fff);
}
body.admin-page .studio-stat-icon{
  font-size:17px;
  margin-bottom:12px;
}
body.admin-page .studio-stat-number{
  font-size:29px;
  line-height:1;
  color:var(--studio-pink);
  font-weight:900;
}
body.admin-page .studio-stat-label{
  margin-top:7px;
  color:#5e555a;
  font-size:11px;
  font-weight:700;
}
body.admin-page .studio-stat-link{
  margin-top:auto;
  padding-top:12px;
  color:#ad5475;
  font-size:9px;
  font-weight:800;
}
body.admin-page .studio-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);
  gap:16px;
}
body.admin-page .studio-panel{
  min-width:0;
  background:#fff;
  border:1px solid var(--studio-line);
  border-radius:18px;
  padding:20px;
  box-shadow:0 8px 25px rgba(84,49,65,.045);
}
body.admin-page .studio-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
body.admin-page .studio-panel-head h2{
  margin:2px 0 0;
  font-size:16px;
  line-height:1.2;
  color:var(--studio-ink);
}
body.admin-page .studio-panel-head a{
  color:var(--studio-pink);
  font-size:10px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
body.admin-page .studio-panel-eyebrow{
  color:#b68c9c;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.1px;
  text-transform:uppercase;
}
body.admin-page .studio-appointments{
  display:flex;
  flex-direction:column;
}
body.admin-page .studio-appointment{
  display:grid;
  grid-template-columns:70px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px 0;
  border-top:1px solid #f3e8ed;
  color:inherit;
  text-decoration:none;
}
body.admin-page .studio-appointment:first-child{border-top:0}
body.admin-page .studio-time strong{
  display:block;
  color:var(--studio-pink);
  font-size:13px;
}
body.admin-page .studio-time small{
  color:#a3989e;
  font-size:9px;
}
body.admin-page .studio-client strong{
  display:block;
  font-size:11px;
  color:var(--studio-ink);
}
body.admin-page .studio-client span{
  display:block;
  margin-top:3px;
  color:var(--studio-muted);
  font-size:10px;
}
body.admin-page .studio-appointment-right{
  display:flex;
  align-items:flex-end;
  flex-direction:column;
  gap:5px;
}
body.admin-page .studio-appointment-right strong{
  font-size:10px;
  color:#5f555b;
}
body.admin-page .studio-status{
  display:inline-flex;
  padding:4px 8px;
  border-radius:999px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.3px;
}
body.admin-page .studio-status-pending{background:#fff2cf;color:#9a6c00}
body.admin-page .studio-status-confirmed{background:#e8f7ef;color:#28704b}
body.admin-page .studio-status-completed{background:#e9f0ff;color:#47659a}
body.admin-page .studio-status-cancelled,
body.admin-page .studio-status-rejected{background:#fbe9ed;color:#a94b63}
body.admin-page .studio-empty{
  min-height:185px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--studio-muted);
}
body.admin-page .studio-empty div{font-size:25px;margin-bottom:7px}
body.admin-page .studio-empty strong{font-size:12px;color:var(--studio-ink)}
body.admin-page .studio-empty span{margin-top:4px;font-size:10px}
body.admin-page .studio-payment-alert{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:12px;
  border:1px solid #f1d4df;
  border-radius:13px;
  background:#fff8fb;
}
body.admin-page .studio-payment-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fbe5ee;
  color:var(--studio-pink);
  font-weight:900;
}
body.admin-page .studio-payment-alert strong{
  display:block;
  font-size:10px;
}
body.admin-page .studio-payment-alert span{
  display:block;
  margin-top:3px;
  color:var(--studio-muted);
  font-size:9px;
  line-height:1.4;
}
body.admin-page .studio-payment-alert a{
  color:var(--studio-pink);
  font-size:9px;
  font-weight:900;
  text-decoration:none;
}
body.admin-page .studio-payment-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:13px;
}
body.admin-page .studio-payment-stats div{
  padding:12px;
  border:1px solid #f0e6ea;
  border-radius:12px;
}
body.admin-page .studio-payment-stats strong{
  display:block;
  color:var(--studio-pink);
  font-size:16px;
}
body.admin-page .studio-payment-stats span{
  display:block;
  margin-top:3px;
  color:var(--studio-muted);
  font-size:8px;
}
body.admin-page .studio-payment-note{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:14px;
  color:#a28e97;
  font-size:8px;
}
body.admin-page .studio-quick-panel{margin-top:16px}
body.admin-page .studio-actions{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
}
body.admin-page .studio-action{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:12px;
  border:1px solid var(--studio-line);
  border-radius:13px;
  color:inherit;
  text-decoration:none;
  background:#fff;
}
body.admin-page .studio-action:hover{background:#fff8fb}
body.admin-page .studio-action > span{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff0f6;
  color:var(--studio-pink);
  font-weight:900;
}
body.admin-page .studio-action-main{
  border-color:#edbfd0;
  background:#fff8fb;
}
body.admin-page .studio-action strong{
  display:block;
  font-size:9px;
  color:var(--studio-ink);
}
body.admin-page .studio-action small{
  display:block;
  margin-top:3px;
  color:var(--studio-muted);
  font-size:7.5px;
  line-height:1.3;
}
body.admin-page .studio-bottom-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:16px;
  margin-top:16px;
}
body.admin-page .studio-activity-list{
  display:flex;
  flex-direction:column;
}
body.admin-page .studio-activity{
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
  padding:10px 0;
  border-top:1px solid #f3e8ed;
}
body.admin-page .studio-activity:first-child{border-top:0}
body.admin-page .studio-activity-dot{
  width:7px;
  height:7px;
  margin-top:4px;
  border-radius:50%;
  background:var(--studio-pink);
}
body.admin-page .studio-activity strong{
  display:block;
  font-size:9px;
}
body.admin-page .studio-activity span{
  display:block;
  margin-top:3px;
  color:var(--studio-muted);
  font-size:8px;
}
body.admin-page .studio-activity time{
  color:#aaa0a5;
  font-size:8px;
  white-space:nowrap;
}
body.admin-page .studio-empty-small{min-height:120px}
body.admin-page .studio-cms-copy{
  color:var(--studio-muted);
  font-size:10px;
  line-height:1.6;
  margin:0 0 12px;
}
body.admin-page .studio-cms-links{
  display:flex;
  flex-direction:column;
}
body.admin-page .studio-cms-links a{
  display:flex;
  justify-content:space-between;
  padding:10px 0;
  border-top:1px solid #f3e8ed;
  color:#5c5258;
  font-size:9px;
  font-weight:700;
  text-decoration:none;
}
body.admin-page .studio-cms-links a span{color:var(--studio-pink)}

@media(max-width:1050px){
  body.admin-page .studio-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.admin-page .studio-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
  body.admin-page .studio-welcome{align-items:flex-start;flex-direction:column}
  body.admin-page .studio-main-grid,
  body.admin-page .studio-bottom-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  body.admin-page .studio-stat-grid{grid-template-columns:1fr}
  body.admin-page .studio-actions{grid-template-columns:1fr 1fr}
  body.admin-page .studio-action{padding:10px}
  body.admin-page .studio-appointment{grid-template-columns:56px minmax(0,1fr) auto}
  body.admin-page .studio-appointment-right strong{display:none}
  body.admin-page .studio-welcome h1{font-size:31px}
}


/* =========================================================
   FINAL NAVIGATION SYSTEM
   1) Admin: compact salon navigation + More menu
   2) Customer: stable Nykaa-style mobile bottom navigation
   ========================================================= */

/* ---------- ADMIN TOP NAV ---------- */
body.admin-page .wp-admin-menu{
  flex:1 1 auto !important;
  min-width:0 !important;
  margin-left:34px !important;
  overflow:visible !important;
}
body.admin-page .wp-admin-menu > a{
  flex:0 0 auto !important;
}
body.admin-page .admin-menu-more{
  position:relative !important;
  flex:0 0 auto !important;
}
body.admin-page .admin-more-button{
  appearance:none !important;
  border:0 !important;
  background:transparent !important;
  color:#6d6368 !important;
  min-height:40px !important;
  padding:8px 13px !important;
  border-radius:22px !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  font:700 11px "DM Sans",Arial,sans-serif !important;
  cursor:pointer !important;
}
body.admin-page .admin-more-button:hover,
body.admin-page .admin-menu-more.open .admin-more-button{
  background:#f9e5ed !important;
  color:#d94f82 !important;
}
body.admin-page .admin-more-dropdown{
  display:none !important;
  position:absolute !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  width:190px !important;
  padding:7px !important;
  border:1px solid #eadde3 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 15px 35px rgba(60,35,47,.13) !important;
  z-index:5000 !important;
}
body.admin-page .admin-menu-more.open .admin-more-dropdown{
  display:block !important;
}
body.admin-page .admin-more-dropdown a{
  display:block !important;
  padding:9px 11px !important;
  border-radius:9px !important;
  color:#665c61 !important;
  font-size:10px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
body.admin-page .admin-more-dropdown a:hover,
body.admin-page .admin-more-dropdown a.active{
  background:#fff0f6 !important;
  color:#d94f82 !important;
}

/* ---------- CUSTOMER HEADER ---------- */
body.customer-page .site-header{
  position:relative !important;
  z-index:1100 !important;
}
body.customer-page .site-header .brand{
  overflow:hidden !important;
}
body.customer-page .site-header .brand-logo{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:64px !important;
  max-height:58px !important;
  object-fit:contain !important;
}
@media(max-width:720px){
  body.customer-page .site-header{
    min-height:64px !important;
  }
  body.customer-page .site-header .nav-shell{
    min-height:64px !important;
    height:64px !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    padding:0 15px !important;
    overflow:hidden !important;
  }
  body.customer-page .site-header .brand{
    width:54px !important;
    max-width:54px !important;
    height:54px !important;
    flex:0 0 54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }
  body.customer-page .site-header .brand-logo{
    width:auto !important;
    height:auto !important;
    max-width:48px !important;
    max-height:48px !important;
  }

  /* Hide hamburger because bottom nav is the primary customer navigation. */
  body.customer-page .menu-toggle,
  body.customer-page .site-nav{
    display:none !important;
  }

  /* ---------- NYKAA-STYLE BOTTOM NAV ---------- */
  body.customer-page{
    padding-bottom:calc(76px + env(safe-area-inset-bottom)) !important;
    overflow-x:hidden !important;
  }
  body.customer-page .mobile-bottom-nav{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100% !important;
    height:calc(70px + env(safe-area-inset-bottom)) !important;
    min-height:70px !important;
    padding:5px 4px env(safe-area-inset-bottom) !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    align-items:stretch !important;
    background:rgba(255,255,255,.98) !important;
    border-top:1px solid #eadde3 !important;
    border-radius:18px 18px 0 0 !important;
    box-shadow:0 -7px 24px rgba(73,43,56,.10) !important;
    z-index:9999 !important;
  }
  body.customer-page .mobile-bottom-nav .mobile-nav-item{
    position:relative !important;
    min-width:0 !important;
    min-height:60px !important;
    height:60px !important;
    margin:0 !important;
    padding:5px 2px 4px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    box-sizing:border-box !important;
    background:transparent !important;
    border:0 !important;
    border-radius:12px !important;
    color:#5f555b !important;
    text-decoration:none !important;
    font:700 9px/1.1 "DM Sans",Arial,sans-serif !important;
    overflow:hidden !important;
  }
  body.customer-page .mobile-bottom-nav .mobile-nav-item.active{
    color:#d94f82 !important;
    background:#fff8fb !important;
  }
  body.customer-page .mobile-bottom-nav .mobile-nav-item.active::before{
    content:"" !important;
    position:absolute !important;
    top:-1px !important;
    left:50% !important;
    width:28px !important;
    height:3px !important;
    transform:translateX(-50%) !important;
    background:#d94f82 !important;
    border-radius:0 0 5px 5px !important;
  }
  /* IMPORTANT: SVG is direct child in current header.php */
  body.customer-page .mobile-bottom-nav .mobile-nav-item > svg{
    display:block !important;
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    min-height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    flex:0 0 22px !important;
    overflow:hidden !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }
  body.customer-page .mobile-bottom-nav .mobile-nav-item.active > svg{
    stroke-width:2.2 !important;
  }
  body.customer-page .mobile-bottom-nav .mobile-nav-item > span{
    display:block !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  body.customer-page .whatsapp-float{
    bottom:calc(84px + env(safe-area-inset-bottom)) !important;
    z-index:9998 !important;
  }
}
@media(max-width:390px){
  body.customer-page .mobile-bottom-nav{
    height:calc(68px + env(safe-area-inset-bottom)) !important;
    min-height:68px !important;
  }
  body.customer-page .mobile-bottom-nav .mobile-nav-item{
    min-height:58px !important;
    height:58px !important;
    font-size:8px !important;
  }
  body.customer-page .mobile-bottom-nav .mobile-nav-item > svg{
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    min-height:21px !important;
    max-width:21px !important;
    max-height:21px !important;
    flex-basis:21px !important;
  }
}

/* Admin mobile: use a compact horizontal menu, not the customer Nykaa nav. */
@media(max-width:1000px){
  body.admin-page .wp-admin-sidebar{
    height:66px !important;
    min-height:66px !important;
    padding:0 14px !important;
    overflow:hidden !important;
    transform:none !important;
  }
  body.admin-page .wp-admin-brand{
    flex:0 0 auto !important;
  }
  body.admin-page .wp-admin-menu{
    margin-left:14px !important;
    max-width:calc(100vw - 110px) !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
  }
  body.admin-page .wp-admin-menu::-webkit-scrollbar{display:none !important}
  body.admin-page .admin-menu-more{
    display:none !important;
  }
  body.admin-page .wp-admin-sidebar-footer{display:none !important}
  body.admin-page .wp-admin-main{padding-top:66px !important}
  body.admin-page .wp-admin-topbar{display:none !important}
}
@media(max-width:600px){
  body.admin-page .wp-admin-brand strong,
  body.admin-page .wp-admin-brand small{display:none !important}
  body.admin-page .wp-admin-brand-mark{
    width:38px !important;
    height:38px !important;
  }
  body.admin-page .wp-admin-menu{
    max-width:calc(100vw - 70px) !important;
  }
  body.admin-page .wp-admin-menu > a{
    padding:7px 10px !important;
    font-size:9px !important;
  }
}


/* Admin profile dropdown */
body.admin-page .admin-profile-menu{position:relative;margin-left:auto}
body.admin-page .admin-profile-trigger{
  display:flex;align-items:center;gap:8px;min-width:150px;padding:5px 9px 5px 5px;
  border:1px solid #efd6df;border-radius:999px;background:#fff;color:#332b30;
  cursor:pointer;font-family:inherit;text-align:left;
}
body.admin-page .admin-profile-trigger:hover,
body.admin-page .admin-profile-trigger.open{background:#fff8fb;border-color:#e8a9c1}
body.admin-page .admin-profile-trigger .wp-admin-avatar{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  background:#fdebf2!important;border:1px solid #f2c9d8!important;color:#c94678!important;
}
body.admin-page .admin-profile-text{min-width:0;flex:1}
body.admin-page .admin-profile-text strong{display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#332b30}
body.admin-page .admin-profile-text small{display:block;margin-top:2px;font-size:8px;color:#a18f97}
body.admin-page .admin-profile-chevron{color:#b36a85;font-size:13px}
body.admin-page .admin-profile-dropdown{
  position:absolute;right:0;top:calc(100% + 10px);width:225px;padding:8px;
  box-sizing:border-box;background:#fff;border:1px solid #ecdde3;border-radius:16px;
  box-shadow:0 18px 45px rgba(62,35,48,.14);z-index:5000;
}
body.admin-page .admin-profile-dropdown[hidden]{display:none!important}
body.admin-page .admin-profile-dropdown-head{display:flex;align-items:center;gap:10px;padding:9px}
body.admin-page .admin-profile-big-avatar{
  width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;
  border-radius:50%;background:#fdebf2;border:1px solid #f2c9d8;font-size:18px
}
body.admin-page .admin-profile-dropdown-head strong{display:block;font-size:11px;color:#332b30}
body.admin-page .admin-profile-dropdown-head small{display:block;margin-top:3px;font-size:8px;color:#a18f97}
body.admin-page .admin-profile-dropdown-divider{height:1px;margin:5px 3px;background:#f1e6eb}
body.admin-page .admin-profile-item{
  display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;
  box-sizing:border-box!important;padding:10px!important;border-radius:10px!important;
  color:#5b5056!important;text-decoration:none!important;font-size:10px!important;font-weight:700!important;
}
body.admin-page .admin-profile-item>span:first-child{width:20px;text-align:center;color:#c94c7b}
body.admin-page .admin-profile-item:hover{background:#fff4f8!important;color:#c13e70!important}
body.admin-page .admin-profile-logout{color:#a94362!important}
@media(max-width:1000px){body.admin-page .admin-profile-menu{display:none!important}}


/* =========================================================
   NAIL'S PARADISE — FINAL ADMIN ALL-PAGES UI
   ========================================================= */
body.admin-page .admin-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important}
body.admin-page .wp-admin-sidebar{
  position:fixed!important;left:0!important;top:0!important;right:0!important;
  width:100%!important;height:78px!important;min-width:0!important;
  padding:0 34px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;
  background:rgba(255,255,255,.97)!important;border:0!important;
  border-bottom:1px solid #eadde3!important;
  box-shadow:0 5px 22px rgba(72,38,54,.06)!important;
  z-index:3000!important;overflow:visible!important;transform:none!important;
}
body.admin-page .wp-admin-brand{height:auto!important;padding:0!important;margin:0!important;border:0!important;display:flex!important;align-items:center!important;gap:11px!important;flex:0 0 auto!important}
body.admin-page .wp-admin-brand-mark{width:42px!important;height:42px!important;border-radius:50%!important;background:#fff0f6!important;color:#d94f82!important;border:1px solid #f0cad9!important}
body.admin-page .wp-admin-brand strong{font-size:14px!important;color:#2e282c!important}
body.admin-page .wp-admin-brand small{display:block!important;color:#d94f82!important;font-size:9px!important;letter-spacing:1px!important}
body.admin-page .wp-admin-menu{display:flex!important;align-items:center!important;gap:3px!important;margin-left:30px!important;padding:0!important;overflow:visible!important;flex:1 1 auto!important}
body.admin-page .wp-admin-menu>a,
body.admin-page .admin-more-button{
  min-height:40px!important;padding:8px 12px!important;border-radius:22px!important;
  display:flex!important;align-items:center!important;gap:6px!important;
  border:0!important;background:transparent!important;color:#6d6368!important;
  font:700 11px "DM Sans",Arial,sans-serif!important;white-space:nowrap!important;
}
body.admin-page .wp-admin-menu>a:hover,
body.admin-page .admin-more-button:hover,
body.admin-page .admin-menu-more.open .admin-more-button{
  background:#fff0f6!important;color:#d94f82!important;
}
body.admin-page .wp-admin-menu>a.active{background:#d94f82!important;color:#fff!important;box-shadow:0 7px 17px rgba(217,79,130,.18)!important}
body.admin-page .wp-admin-menu .wp-icon{font-size:13px!important;width:auto!important;min-width:0!important}
body.admin-page .admin-menu-more{position:relative!important;flex:0 0 auto!important}
body.admin-page .admin-more-dropdown{
  display:none!important;position:absolute!important;right:0!important;top:calc(100% + 8px)!important;
  width:205px!important;padding:7px!important;background:#fff!important;
  border:1px solid #eadde3!important;border-radius:15px!important;
  box-shadow:0 18px 40px rgba(60,35,47,.14)!important;z-index:6000!important;
}
body.admin-page .admin-menu-more.open .admin-more-dropdown{display:block!important}
body.admin-page .admin-more-dropdown a{display:block!important;padding:10px 11px!important;border-radius:9px!important;color:#665c61!important;font-size:10px!important;font-weight:700!important;white-space:nowrap!important}
body.admin-page .admin-more-dropdown a:hover,
body.admin-page .admin-more-dropdown a.active{background:#fff0f6!important;color:#d94f82!important}

body.admin-page .admin-profile-menu{position:relative!important;flex:0 0 auto!important;margin-left:auto!important}
body.admin-page .admin-profile-trigger{
  display:flex!important;align-items:center!important;gap:8px!important;min-width:155px!important;
  padding:5px 9px 5px 5px!important;border:1px solid #efd6df!important;border-radius:999px!important;
  background:#fff!important;color:#332b30!important;cursor:pointer!important;font-family:inherit!important;text-align:left!important;
}
body.admin-page .admin-profile-trigger:hover,
body.admin-page .admin-profile-trigger.open{background:#fff8fb!important;border-color:#e8a9c1!important}
body.admin-page .admin-profile-trigger .wp-admin-avatar{width:34px!important;height:34px!important;flex:0 0 34px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fdebf2!important;border:1px solid #f2c9d8!important;color:#c94678!important}
body.admin-page .admin-profile-text{min-width:0!important;flex:1!important}
body.admin-page .admin-profile-text strong{display:block!important;max-width:100px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;color:#332b30!important}
body.admin-page .admin-profile-text small{display:block!important;margin-top:2px!important;font-size:8px!important;color:#a18f97!important}
body.admin-page .admin-profile-chevron{color:#b36a85!important;font-size:13px!important}
body.admin-page .admin-profile-dropdown{
  position:absolute!important;right:0!important;top:calc(100% + 10px)!important;width:225px!important;
  padding:8px!important;background:#fff!important;border:1px solid #ecdde3!important;
  border-radius:16px!important;box-shadow:0 18px 45px rgba(62,35,48,.14)!important;z-index:6000!important;
}
body.admin-page .admin-profile-dropdown[hidden]{display:none!important}
body.admin-page .admin-profile-dropdown-head{display:flex!important;align-items:center!important;gap:10px!important;padding:9px!important}
body.admin-page .admin-profile-big-avatar{width:40px!important;height:40px!important;flex:0 0 40px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fdebf2!important;border:1px solid #f2c9d8!important}
body.admin-page .admin-profile-dropdown-head strong{display:block!important;font-size:11px!important;color:#332b30!important}
body.admin-page .admin-profile-dropdown-head small{display:block!important;margin-top:3px!important;font-size:8px!important;color:#a18f97!important}
body.admin-page .admin-profile-dropdown-divider{height:1px!important;margin:5px 3px!important;background:#f1e6eb!important}
body.admin-page .admin-profile-item{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;box-sizing:border-box!important;padding:10px!important;border-radius:10px!important;color:#5b5056!important;text-decoration:none!important;font-size:10px!important;font-weight:700!important}
body.admin-page .admin-profile-item>span:first-child{width:20px!important;text-align:center!important;color:#c94c7b!important}
body.admin-page .admin-profile-item:hover{background:#fff4f8!important;color:#c13e70!important}
body.admin-page .admin-profile-logout{color:#a94362!important}

body.admin-page .wp-admin-main{width:100%!important;margin:0!important;padding-top:78px!important;min-height:100vh!important;background:transparent!important}
body.admin-page .wp-admin-topbar{height:50px!important;padding:0 5vw!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.admin-page .wp-admin-content{width:min(1240px,90vw)!important;margin:0 auto!important;padding:24px 0 70px!important}
body.admin-page .wp-admin-content>h1{font-family:Georgia,"Times New Roman",serif!important;font-size:40px!important;color:#2b2529!important}
body.admin-page .wp-admin-content>.muted{font-size:12px!important;color:#7e7479!important}

/* Ensure ALL non-dashboard admin pages inherit the same visual language */
body.admin-page .admin-page-heading,
body.admin-page .admin-toolbar,
body.admin-page .admin-card,
body.admin-page .table-wrap,
body.admin-page .form-card{
  border-color:#eadde3!important;
}
body.admin-page .admin-card,
body.admin-page .table-wrap,
body.admin-page .form-card{
  border-radius:16px!important;background:#fff!important;box-shadow:0 8px 25px rgba(84,49,65,.045)!important;
}
body.admin-page .table th{background:#fff8fb!important;color:#9a858e!important}
body.admin-page .table td{background:#fff!important}
body.admin-page .btn-main{background:#d94f82!important;border-color:#d94f82!important;border-radius:999px!important}
body.admin-page .btn-outline{border-color:#e5b8ca!important;color:#a83c65!important;border-radius:999px!important}

/* Dashboard */
body.admin-page .studio-welcome{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;margin-bottom:26px!important}
body.admin-page .studio-kicker{margin:0 0 7px!important;color:#d94f82!important;font-size:10px!important;font-weight:900!important;letter-spacing:1.5px!important;text-transform:uppercase!important}
body.admin-page .studio-welcome h1{margin:0!important;font:700 clamp(32px,4vw,46px)/1.08 Georgia,"Times New Roman",serif!important;color:#2b2529!important;letter-spacing:-1px!important}
body.admin-page .studio-subtitle{margin:8px 0 0!important;color:#7e7479!important;font-size:12px!important}
body.admin-page .studio-primary-action{display:inline-flex!important;padding:12px 18px!important;border-radius:999px!important;background:#d94f82!important;color:#fff!important;font-size:11px!important;font-weight:800!important;box-shadow:0 8px 20px rgba(217,79,130,.18)!important}
body.admin-page .studio-stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px!important}
body.admin-page .studio-stat-card{min-height:132px!important;display:flex!important;flex-direction:column!important;padding:18px!important;border:1px solid #eadde3!important;border-radius:18px!important;background:#fff!important;color:#2b2529!important;box-shadow:0 8px 25px rgba(84,49,65,.045)!important}
body.admin-page .studio-stat-number{font-size:29px!important;line-height:1!important;color:#d94f82!important;font-weight:900!important}
body.admin-page .studio-stat-label{margin-top:7px!important;font-size:11px!important;color:#5e555a!important;font-weight:700!important}
body.admin-page .studio-stat-link{margin-top:auto;padding-top:12px!important;font-size:9px!important;color:#ad5475!important;font-weight:800!important}
body.admin-page .studio-main-grid,.studio-bottom-grid{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr)!important;gap:16px!important}
body.admin-page .studio-panel{min-width:0!important;padding:20px!important;border:1px solid #eadde3!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 25px rgba(84,49,65,.045)!important}
body.admin-page .studio-panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:15px!important}
body.admin-page .studio-panel-head h2{margin:2px 0 0!important;font-size:16px!important;color:#2b2529!important}
body.admin-page .studio-panel-head a{color:#d94f82!important;font-size:10px!important;font-weight:800!important}
body.admin-page .studio-panel-eyebrow{color:#b68c9c!important;font-size:9px!important;font-weight:900!important;letter-spacing:1px!important;text-transform:uppercase!important}
body.admin-page .studio-appointment{display:grid!important;grid-template-columns:70px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:12px 0!important;border-top:1px solid #f3e8ed!important;text-decoration:none!important}
body.admin-page .studio-appointment:first-child{border-top:0!important}
body.admin-page .studio-time strong{display:block!important;color:#d94f82!important;font-size:13px!important}
body.admin-page .studio-time small{color:#a3989e!important;font-size:9px!important}
body.admin-page .studio-client strong{display:block!important;font-size:11px!important;color:#2b2529!important}
body.admin-page .studio-client span{display:block!important;margin-top:3px!important;color:#7e7479!important;font-size:10px!important}
body.admin-page .studio-appointment-right{display:flex!important;align-items:flex-end!important;flex-direction:column!important;gap:5px!important}
body.admin-page .studio-appointment-right strong{font-size:10px!important}
body.admin-page .studio-status{display:inline-flex!important;padding:4px 8px!important;border-radius:999px!important;font-size:8px!important;font-weight:900!important}
body.admin-page .studio-status-pending{background:#fff2cf!important;color:#9a6c00!important}
body.admin-page .studio-status-confirmed{background:#e8f7ef!important;color:#28704b!important}
body.admin-page .studio-status-completed{background:#e9f0ff!important;color:#47659a!important}
body.admin-page .studio-payment-alert{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:12px!important;border:1px solid #f1d4df!important;border-radius:13px!important;background:#fff8fb!important}
body.admin-page .studio-payment-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:13px!important}
body.admin-page .studio-payment-stats div{padding:12px!important;border:1px solid #f0e6ea!important;border-radius:12px!important}
body.admin-page .studio-payment-stats strong{display:block!important;color:#d94f82!important;font-size:16px!important}
body.admin-page .studio-payment-stats span{display:block!important;margin-top:3px!important;color:#7e7479!important;font-size:8px!important}
body.admin-page .studio-payment-note{display:flex!important;justify-content:space-between!important;margin-top:13px!important;color:#a28e97!important;font-size:8px!important}
body.admin-page .studio-quick-panel{margin-top:16px!important}
body.admin-page .studio-actions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important}
body.admin-page .studio-action{display:flex!important;align-items:center!important;gap:9px!important;padding:12px!important;border:1px solid #eadde3!important;border-radius:13px!important;background:#fff!important;text-decoration:none!important}
body.admin-page .studio-action>span{width:32px!important;height:32px!important;flex:0 0 32px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fff0f6!important;color:#d94f82!important}
body.admin-page .studio-action strong{display:block!important;font-size:9px!important}
body.admin-page .studio-action small{display:block!important;margin-top:3px!important;color:#7e7479!important;font-size:7.5px!important}
body.admin-page .studio-bottom-grid{grid-template-columns:1.1fr .9fr!important;margin-top:16px!important}
body.admin-page .studio-cms-links a,
body.admin-page .studio-help-actions a{display:flex!important;justify-content:space-between!important;padding:10px 0!important;border-top:1px solid #f3e8ed!important;color:#5c5258!important;font-size:9px!important;font-weight:700!important}
body.admin-page .studio-cms-links a span,
body.admin-page .studio-help-actions a span{color:#d94f82!important}

@media(max-width:1100px){
 body.admin-page .wp-admin-sidebar{padding:0 18px!important}
 body.admin-page .wp-admin-menu{margin-left:15px!important}
 body.admin-page .wp-admin-menu>a,.admin-more-button{padding:8px 8px!important;font-size:9px!important}
 body.admin-page .admin-profile-trigger{min-width:130px!important}
 body.admin-page .studio-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.admin-page .studio-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:800px){
 body.admin-page .wp-admin-sidebar{height:64px!important;padding:0 12px!important}
 body.admin-page .wp-admin-brand strong,body.admin-page .wp-admin-brand small{display:none!important}
 body.admin-page .wp-admin-brand-mark{width:38px!important;height:38px!important}
 body.admin-page .wp-admin-menu{margin-left:8px!important;overflow-x:auto!important;scrollbar-width:none!important}
 body.admin-page .wp-admin-menu::-webkit-scrollbar{display:none!important}
 body.admin-page .admin-profile-menu{display:none!important}
 body.admin-page .wp-admin-main{padding-top:64px!important}
 body.admin-page .wp-admin-topbar{padding:0 14px!important}
 body.admin-page .wp-admin-content{width:calc(100% - 24px)!important;padding-top:20px!important}
 body.admin-page .studio-welcome{flex-direction:column!important;align-items:flex-start!important}
 body.admin-page .studio-main-grid,.studio-bottom-grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
 body.admin-page .studio-stat-grid{grid-template-columns:1fr!important}
 body.admin-page .studio-actions{grid-template-columns:1fr 1fr!important}
 body.admin-page .studio-welcome h1{font-size:31px!important}
 body.admin-page .studio-appointment{grid-template-columns:56px minmax(0,1fr) auto!important}
 body.admin-page .studio-appointment-right strong{display:none!important}
}


/* =========================================================
   ADMIN PROFILE — TOP RIGHT ONLY
   ========================================================= */
body.admin-page .admin-top-profile{
  position:relative;
  margin-left:auto;
  flex:0 0 auto;
  display:flex;
  align-items:center;
}
body.admin-page .wp-admin-topbar{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
body.admin-page .admin-profile-trigger{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:158px!important;
  padding:5px 9px 5px 5px!important;
  border:1px solid #efd6df!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#332b30!important;
  cursor:pointer!important;
  font-family:inherit!important;
  text-align:left!important;
}
body.admin-page .admin-profile-trigger:hover,
body.admin-page .admin-profile-trigger.open{
  background:#fff8fb!important;
  border-color:#e8a9c1!important;
}
body.admin-page .admin-profile-trigger .wp-admin-avatar{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  background:#fdebf2!important;border:1px solid #f2c9d8!important;color:#c94678!important;
}
body.admin-page .admin-profile-text{min-width:0!important;flex:1!important}
body.admin-page .admin-profile-text strong{
  display:block!important;max-width:105px!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;color:#332b30!important;
}
body.admin-page .admin-profile-text small{display:block!important;margin-top:2px!important;font-size:8px!important;color:#a18f97!important}
body.admin-page .admin-profile-chevron{color:#b36a85!important;font-size:13px!important}
body.admin-page .admin-profile-dropdown{
  position:absolute!important;right:0!important;top:calc(100% + 9px)!important;width:225px!important;
  padding:8px!important;background:#fff!important;border:1px solid #ecdde3!important;
  border-radius:16px!important;box-shadow:0 18px 45px rgba(62,35,48,.14)!important;z-index:99999!important;
}
body.admin-page .admin-profile-dropdown[hidden]{display:none!important}
body.admin-page .admin-profile-dropdown-head{display:flex!important;align-items:center!important;gap:10px!important;padding:9px!important}
body.admin-page .admin-profile-big-avatar{
  width:40px!important;height:40px!important;flex:0 0 40px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;background:#fdebf2!important;border:1px solid #f2c9d8!important;
}
body.admin-page .admin-profile-dropdown-head strong{display:block!important;font-size:11px!important;color:#332b30!important}
body.admin-page .admin-profile-dropdown-head small{display:block!important;margin-top:3px!important;font-size:8px!important;color:#a18f97!important}
body.admin-page .admin-profile-dropdown-divider{height:1px!important;margin:5px 3px!important;background:#f1e6eb!important}
body.admin-page .admin-profile-item{
  display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;
  box-sizing:border-box!important;padding:10px!important;border-radius:10px!important;
  color:#5b5056!important;text-decoration:none!important;font-size:10px!important;font-weight:700!important;
}
body.admin-page .admin-profile-item>span:first-child{width:20px!important;text-align:center!important;color:#c94c7b!important}
body.admin-page .admin-profile-item:hover{background:#fff4f8!important;color:#c13e70!important}
body.admin-page .admin-profile-logout{color:#a94362!important}

@media(max-width:800px){
  body.admin-page .admin-top-profile{display:flex!important}
  body.admin-page .admin-profile-trigger{min-width:42px!important;width:42px!important;padding:4px!important;justify-content:center!important}
  body.admin-page .admin-profile-trigger .admin-profile-text,
  body.admin-page .admin-profile-trigger .admin-profile-chevron{display:none!important}
  body.admin-page .admin-profile-dropdown{right:0!important;width:215px!important}
  body.admin-page .wp-view-site{display:none!important}
}

/* =========================================================
   ADMIN PROFILE POSITION — HEADER TOP RIGHT
   ========================================================= */
body.admin-page .wp-admin-topbar{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  padding:0 5vw!important;
  box-sizing:border-box!important;
}
body.admin-page .wp-admin-topbar .wp-view-site{
  order:1!important;
  margin-left:auto!important;
}
body.admin-page .wp-admin-topbar .admin-top-profile{
  order:2!important;
  position:relative!important;
  margin-left:0!important;
  flex:0 0 auto!important;
}
body.admin-page .wp-admin-topbar .admin-profile-trigger{
  min-width:158px!important;
  height:44px!important;
  box-sizing:border-box!important;
}
body.admin-page .wp-admin-topbar .admin-profile-dropdown{
  top:calc(100% + 8px)!important;
  right:0!important;
  z-index:99999!important;
}
@media(max-width:800px){
  body.admin-page .wp-admin-topbar{
    padding:0 14px!important;
    min-height:48px!important;
  }
  body.admin-page .wp-admin-topbar .wp-view-site{display:none!important}
  body.admin-page .wp-admin-topbar .admin-top-profile{margin-left:auto!important}
  body.admin-page .wp-admin-topbar .admin-profile-trigger{
    min-width:42px!important;width:42px!important;height:42px!important;padding:4px!important;
    justify-content:center!important;
  }
  body.admin-page .wp-admin-topbar .admin-profile-trigger .admin-profile-text,
  body.admin-page .wp-admin-topbar .admin-profile-trigger .admin-profile-chevron{display:none!important}
}

/* =========================================================
   NAIL'S PARADISE — CSS CLEAN OVERRIDE
   Authoritative final layout layer
   ========================================================= */

/* ---------- GLOBAL ---------- */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}

/* ---------- CUSTOMER HEADER ---------- */
body.customer-page .site-header{position:relative;z-index:1000}
body.customer-page .site-header .brand img,
body.customer-page .brand img{
  display:block!important;
  width:auto!important;
  height:52px!important;
  max-width:180px!important;
  max-height:52px!important;
  object-fit:contain!important;
}
body.customer-page .site-header .nav-shell{
  min-height:82px!important;
  display:flex!important;
  align-items:center!important;
}
body.customer-page .site-header .site-nav{min-width:0!important}

/* ---------- ADMIN HEADER ---------- */
body.admin-page .wp-admin-sidebar{
  position:fixed!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:78px!important;
  min-height:78px!important;
  padding:0 32px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  background:#fff!important;
  border-bottom:1px solid #eadde3!important;
  box-shadow:0 5px 22px rgba(72,38,54,.06)!important;
  z-index:5000!important;
}
body.admin-page .wp-admin-main{
  width:100%!important;
  margin:0!important;
  padding-top:78px!important;
  min-height:100vh!important;
}
body.admin-page .wp-admin-topbar{
  position:relative!important;
  min-height:54px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  padding:0 5vw!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.admin-page .wp-admin-content{
  width:min(1240px,90vw)!important;
  margin:0 auto!important;
  padding:24px 0 70px!important;
}

/* Admin nav: keep it in the header and prevent accidental wrapping */
body.admin-page .wp-admin-menu{
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin-left:28px!important;
  overflow:visible!important;
}
body.admin-page .wp-admin-menu>a,
body.admin-page .admin-more-button{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}

/* Profile must ONLY be in admin topbar */
body.admin-page .admin-top-profile{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  order:2!important;
}
body.admin-page .wp-admin-topbar .wp-view-site{
  order:1!important;
  margin-left:auto!important;
}
body.admin-page .admin-profile-trigger{
  height:44px!important;
  min-width:158px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:5px 9px 5px 5px!important;
  border:1px solid #efd6df!important;
  border-radius:999px!important;
  background:#fff!important;
}
body.admin-page .admin-profile-dropdown{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  width:225px!important;
  z-index:99999!important;
}
body.admin-page .admin-profile-dropdown[hidden]{display:none!important}

/* More dropdown */
body.admin-page .admin-menu-more{position:relative!important}
body.admin-page .admin-more-dropdown{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  z-index:99999!important;
}
body.admin-page .admin-menu-more.open .admin-more-dropdown{display:block!important}

/* ---------- ALL ADMIN CARDS/TABLES ---------- */
body.admin-page .admin-card,
body.admin-page .form-card,
body.admin-page .table-wrap,
body.admin-page .studio-panel,
body.admin-page .studio-stat-card{
  max-width:100%!important;
}
body.admin-page .table-wrap{
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body.admin-page table{max-width:100%}
body.admin-page input,
body.admin-page select,
body.admin-page textarea,
body.admin-page button{
  max-width:100%;
}

/* ---------- DASHBOARD ---------- */
body.admin-page .studio-stat-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
body.admin-page .studio-main-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr)!important;
  gap:16px!important;
}
body.admin-page .studio-bottom-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
  gap:16px!important;
}
body.admin-page .studio-actions{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
}

/* ---------- CUSTOMER MOBILE NAV ---------- */
.mobile-bottom-nav{display:none!important}
@media(max-width:720px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}

  body.customer-page{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  body.customer-page .site-header{display:block!important}
  body.customer-page .menu-toggle,
  body.customer-page .site-nav{display:none!important}

  body.customer-page .mobile-bottom-nav{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:74px!important;
    min-height:74px!important;
    padding:7px 5px calc(7px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    background:rgba(255,255,255,.98)!important;
    border-top:1px solid #eadde3!important;
    border-radius:24px 24px 0 0!important;
    box-shadow:0 -8px 25px rgba(50,30,40,.08)!important;
    z-index:10000!important;
  }
  body.customer-page .mobile-bottom-nav a{
    position:relative!important;
    min-width:0!important;
    height:60px!important;
    padding:6px 2px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    color:#625960!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1!important;
  }
  body.customer-page .mobile-bottom-nav a.active,
  body.customer-page .mobile-bottom-nav a[aria-current="page"]{
    color:#d94f82!important;
  }
  body.customer-page .mobile-bottom-nav a.active::before,
  body.customer-page .mobile-bottom-nav a[aria-current="page"]::before{
    content:""!important;
    position:absolute!important;
    top:-7px!important;
    left:50%!important;
    width:30px!important;
    height:3px!important;
    transform:translateX(-50%)!important;
    border-radius:999px!important;
    background:#d94f82!important;
  }
  body.customer-page .mobile-bottom-nav .mobile-nav-icon,
  body.customer-page .mobile-bottom-nav a .mobile-nav-icon{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    line-height:1!important;
  }
  body.customer-page .mobile-bottom-nav svg,
  body.customer-page .mobile-bottom-nav a svg,
  body.customer-page .mobile-bottom-nav .mobile-nav-icon svg{
    display:block!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    overflow:visible!important;
  }
  body.customer-page .mobile-bottom-nav a span:not(.mobile-nav-icon){
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Admin mobile header */
  body.admin-page .wp-admin-sidebar{
    height:64px!important;
    min-height:64px!important;
    padding:0 12px!important;
  }
  body.admin-page .wp-admin-brand strong,
  body.admin-page .wp-admin-brand small{display:none!important}
  body.admin-page .wp-admin-brand-mark{
    width:38px!important;height:38px!important;
  }
  body.admin-page .wp-admin-menu{
    margin-left:8px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
  }
  body.admin-page .wp-admin-menu::-webkit-scrollbar{display:none!important}
  body.admin-page .wp-admin-main{padding-top:64px!important}
  body.admin-page .wp-admin-topbar{padding:0 14px!important}
  body.admin-page .admin-profile-trigger{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:4px!important;
    justify-content:center!important;
  }
  body.admin-page .admin-profile-trigger .admin-profile-text,
  body.admin-page .admin-profile-trigger .admin-profile-chevron{display:none!important}
  body.admin-page .wp-view-site{display:none!important}
  body.admin-page .studio-welcome{flex-direction:column!important;align-items:flex-start!important}
  body.admin-page .studio-stat-grid{grid-template-columns:1fr 1fr!important}
  body.admin-page .studio-main-grid,
  body.admin-page .studio-bottom-grid{grid-template-columns:1fr!important}
  body.admin-page .studio-actions{grid-template-columns:1fr 1fr!important}
}
@media(max-width:430px){
  body.admin-page .studio-stat-grid{grid-template-columns:1fr!important}
  body.admin-page .studio-actions{grid-template-columns:1fr!important}
  body.admin-page .studio-welcome h1{font-size:30px!important}
}

/* =========================================================
   ADMIN STRUCTURE FIX — VALID TOPBAR / PROFILE
   ========================================================= */
body.admin-page .wp-admin-topbar{
  position:relative!important;
  width:100%!important;
  min-height:54px!important;
  height:auto!important;
  padding:0 5vw!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
}
body.admin-page .admin-breadcrumb{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  color:#332b30!important;
  font-size:11px!important;
  line-height:1.2!important;
}
body.admin-page .admin-breadcrumb strong{font-weight:800!important}
body.admin-page .admin-breadcrumb span{color:#a3949b!important}

body.admin-page .admin-topbar-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
}
body.admin-page .admin-top-profile{
  position:relative!important;
  display:block!important;
  margin:0!important;
  flex:0 0 auto!important;
}
body.admin-page .wp-view-site{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:9px 15px!important;
  border:1px solid #efbfd0!important;
  border-radius:999px!important;
  color:#c94b79!important;
  background:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
body.admin-page .wp-view-site:hover{
  background:#fff4f8!important;
  border-color:#df8fac!important;
}

body.admin-page .admin-profile-trigger{
  width:auto!important;
  min-width:158px!important;
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:5px 9px 5px 5px!important;
  border:1px solid #efd6df!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#332b30!important;
  cursor:pointer!important;
  font:inherit!important;
  text-align:left!important;
}
body.admin-page .admin-profile-trigger:hover,
body.admin-page .admin-profile-trigger.open{
  background:#fff8fb!important;
  border-color:#e6a3bd!important;
}
body.admin-page .admin-profile-trigger .wp-admin-avatar{
  width:34px!important;height:34px!important;min-width:34px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;background:#fdebf2!important;
  border:1px solid #f2c9d8!important;color:#c94678!important;
}
body.admin-page .admin-profile-text{
  min-width:0!important;
  flex:1!important;
}
body.admin-page .admin-profile-text strong{
  display:block!important;
  max-width:105px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#332b30!important;
  font-size:10px!important;
}
body.admin-page .admin-profile-text small{
  display:block!important;
  margin-top:2px!important;
  color:#a18f97!important;
  font-size:8px!important;
}
body.admin-page .admin-profile-chevron{
  color:#b36a85!important;
  font-size:13px!important;
  line-height:1!important;
}

body.admin-page .admin-profile-dropdown{
  position:absolute!important;
  top:calc(100% + 9px)!important;
  right:0!important;
  width:225px!important;
  margin:0!important;
  padding:8px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #ecdde3!important;
  border-radius:16px!important;
  box-shadow:0 18px 45px rgba(62,35,48,.14)!important;
  z-index:99999!important;
}
body.admin-page .admin-profile-dropdown[hidden]{display:none!important}
body.admin-page .admin-profile-dropdown-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px!important;
}
body.admin-page .admin-profile-big-avatar{
  width:40px!important;height:40px!important;min-width:40px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;background:#fdebf2!important;
  border:1px solid #f2c9d8!important;
}
body.admin-page .admin-profile-dropdown-head strong{
  display:block!important;color:#332b30!important;font-size:11px!important;
}
body.admin-page .admin-profile-dropdown-head small{
  display:block!important;margin-top:3px!important;color:#a18f97!important;font-size:8px!important;
}
body.admin-page .admin-profile-dropdown-divider{
  height:1px!important;
  margin:5px 3px!important;
  background:#f1e6eb!important;
}
body.admin-page .admin-profile-item{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  padding:10px!important;
  box-sizing:border-box!important;
  border-radius:10px!important;
  color:#5b5056!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:700!important;
}
body.admin-page .admin-profile-item>span:first-child{
  width:20px!important;
  text-align:center!important;
  color:#c94c7b!important;
}
body.admin-page .admin-profile-item:hover{
  background:#fff4f8!important;
  color:#c13e70!important;
}
body.admin-page .admin-profile-logout{color:#a94362!important}

@media(max-width:900px){
  body.admin-page .wp-admin-sidebar{padding:0 16px!important}
  body.admin-page .wp-admin-menu{margin-left:12px!important}
  body.admin-page .wp-admin-menu>a,
  body.admin-page .admin-more-button{padding:8px 7px!important;font-size:9px!important}
}
@media(max-width:800px){
  body.admin-page .wp-admin-topbar{
    min-height:48px!important;
    padding:0 14px!important;
  }
  body.admin-page .admin-breadcrumb{font-size:10px!important}
  body.admin-page .admin-topbar-actions{gap:6px!important}
  body.admin-page .wp-view-site{display:none!important}
  body.admin-page .admin-profile-trigger{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:4px!important;
    justify-content:center!important;
  }
  body.admin-page .admin-profile-text,
  body.admin-page .admin-profile-chevron{display:none!important}
  body.admin-page .admin-profile-dropdown{
    right:0!important;
    width:215px!important;
  }
}

/* =========================================================
   CUSTOMER PROFILE — HEADER + ACCOUNT
   ========================================================= */
body.customer-page .customer-profile-menu{
  position:relative!important;
  flex:0 0 auto!important;
  margin-left:12px!important;
}
body.customer-page .customer-profile-trigger{
  height:46px!important;
  min-width:155px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:5px 9px 5px 5px!important;
  border:1px solid #efd6df!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#342c31!important;
  cursor:pointer!important;
  font:inherit!important;
  text-align:left!important;
}
body.customer-page .customer-profile-trigger:hover,
body.customer-page .customer-profile-trigger.open{
  border-color:#e3a1bc!important;
  background:#fff8fb!important;
}
body.customer-page .customer-profile-avatar{
  width:34px!important;height:34px!important;min-width:34px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  background:#fff0f6!important;
  border:1px solid #f1cad9!important;
}
body.customer-page .customer-profile-trigger-text{min-width:0!important;flex:1!important}
body.customer-page .customer-profile-trigger-text strong{
  display:block!important;max-width:100px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:10px!important;
}
body.customer-page .customer-profile-trigger-text small{
  display:block!important;margin-top:2px!important;
  color:#a08f97!important;font-size:8px!important;
}
body.customer-page .customer-profile-chevron{color:#bd6684!important;font-size:13px!important}
body.customer-page .customer-profile-dropdown{
  position:absolute!important;right:0!important;top:calc(100% + 8px)!important;
  width:230px!important;padding:8px!important;
  background:#fff!important;border:1px solid #eadde3!important;
  border-radius:16px!important;
  box-shadow:0 18px 45px rgba(62,35,48,.15)!important;
  z-index:20000!important;
}
body.customer-page .customer-profile-dropdown[hidden]{display:none!important}
body.customer-page .customer-profile-head{
  display:flex!important;align-items:center!important;gap:10px!important;padding:9px!important;
}
body.customer-page .customer-profile-big-avatar{
  width:40px!important;height:40px!important;min-width:40px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  background:#fff0f6!important;border:1px solid #f1cad9!important;
}
body.customer-page .customer-profile-head strong{display:block!important;font-size:11px!important}
body.customer-page .customer-profile-head small{display:block!important;margin-top:3px!important;color:#9b8c93!important;font-size:8px!important}
body.customer-page .customer-profile-divider{height:1px!important;background:#f0e5ea!important;margin:5px 3px!important}
body.customer-page .customer-profile-dropdown>a{
  display:flex!important;align-items:center!important;gap:9px!important;
  padding:10px!important;border-radius:9px!important;
  color:#5b5056!important;text-decoration:none!important;
  font-size:10px!important;font-weight:800!important;
}
body.customer-page .customer-profile-dropdown>a:hover{background:#fff3f7!important;color:#c53f72!important}
body.customer-page .customer-profile-dropdown>a:first-letter{color:#d94f82!important}
body.customer-page .customer-profile-dropdown .customer-profile-logout{color:#a83b5e!important}

/* Account option cards */
.customer-account-shell .account-actions-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.customer-account-shell .account-action-card{min-width:0!important}
.customer-account-shell .account-action-card span:nth-child(2){min-width:0!important}
.customer-account-shell .account-action-card small{
  overflow:hidden!important;text-overflow:ellipsis!important;
}

@media(max-width:900px){
  body.customer-page .customer-profile-trigger{min-width:140px!important}
}
@media(max-width:720px){
  /* On phones the profile control sits at the top-right and is always available. */
  body.customer-page .customer-profile-menu{
    display:block!important;
    position:absolute!important;
    top:17px!important;
    right:14px!important;
    margin:0!important;
    z-index:11000!important;
  }
  body.customer-page .customer-profile-trigger{
    width:42px!important;min-width:42px!important;height:42px!important;
    padding:4px!important;justify-content:center!important;
  }
  body.customer-page .customer-profile-trigger-text,
  body.customer-page .customer-profile-chevron{display:none!important}
  body.customer-page .customer-profile-dropdown{
    top:49px!important;right:0!important;width:225px!important;
  }
  body.customer-page .site-header .nav-shell{
    min-height:76px!important;padding-right:64px!important;
  }
  body.customer-page .brand-logo,
  body.customer-page .site-header .brand img{
    max-width:145px!important;height:48px!important;max-height:48px!important;
  }
  .customer-account-shell .account-actions-grid{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   CUSTOMER PROFILE PAGE — FINAL STYLES
   ========================================================= */
body.customer-page .profile-page{
  width:min(1180px,calc(100% - 40px))!important;
  margin:0 auto!important;
  padding:54px 0 90px!important;
}
body.customer-page .profile-page-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:24px!important;
  margin-bottom:28px!important;
}
body.customer-page .profile-page-head h1{
  margin:5px 0 8px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:48px!important;
  line-height:1.05!important;
  color:#2d272b!important;
}
body.customer-page .profile-page-head .eyebrow,
body.customer-page .profile-section-label{
  color:#d94f82!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:1.8px!important;
}
body.customer-page .profile-page-head .muted{margin:0!important;color:#85777e!important}
body.customer-page .profile-back{
  display:inline-flex!important;align-items:center!important;
  padding:11px 16px!important;
  border:1px solid #efbfd0!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#c94b79!important;
  font-size:10px!important;font-weight:800!important;
  text-decoration:none!important;white-space:nowrap!important;
}
body.customer-page .profile-layout{
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
body.customer-page .profile-summary,
body.customer-page .profile-edit-card{
  background:#fff!important;
  border:1px solid #eadde3!important;
  border-radius:20px!important;
  box-shadow:0 10px 28px rgba(84,49,65,.05)!important;
}
body.customer-page .profile-summary{padding:26px!important;text-align:center!important}
body.customer-page .profile-avatar-fallback,
body.customer-page .profile-avatar-photo{
  width:112px!important;height:112px!important;margin:0 auto 16px!important;
  border-radius:50%!important;display:grid!important;place-items:center!important;
  background:#fff0f6!important;border:1px solid #f0cad9!important;
  object-fit:cover!important;font-size:42px!important;
}
body.customer-page .profile-summary h2{margin:0!important;font-size:19px!important;color:#30292d!important}
body.customer-page .profile-summary p{margin:6px 0 10px!important;color:#85777e!important;font-size:10px!important;word-break:break-word!important}
body.customer-page .profile-role{
  display:inline-block!important;padding:6px 10px!important;border-radius:999px!important;
  background:#fff0f6!important;color:#c94b79!important;font-size:8px!important;font-weight:900!important;letter-spacing:.8px!important;
}
body.customer-page .profile-summary-links{margin-top:22px!important;border-top:1px solid #f1e6eb!important;text-align:left!important}
body.customer-page .profile-summary-links a{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  padding:13px 2px!important;border-bottom:1px solid #f1e6eb!important;
  color:#5e555a!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important;
}
body.customer-page .profile-summary-links a span{color:#d94f82!important}
body.customer-page .profile-summary-links .profile-logout{color:#ad3d60!important}
body.customer-page .profile-edit-card{padding:27px!important}
body.customer-page .profile-card-head h2{margin:4px 0 22px!important;font-size:21px!important;color:#30292d!important}
body.customer-page .profile-photo-row{
  display:flex!important;align-items:center!important;gap:15px!important;
  padding:15px!important;margin-bottom:20px!important;
  border:1px solid #f0e4e9!important;border-radius:14px!important;background:#fff9fb!important;
}
body.customer-page .profile-mini-photo{
  width:62px!important;height:62px!important;min-width:62px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
  overflow:hidden!important;background:#fff0f6!important;border:1px solid #f0cad9!important;font-size:26px!important;
}
body.customer-page .profile-mini-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
body.customer-page .profile-photo-row label,
body.customer-page .profile-form label{display:block!important;margin-bottom:7px!important;font-size:10px!important;font-weight:800!important;color:#4e454a!important}
body.customer-page .profile-photo-row input{font-size:10px!important;max-width:100%!important}
body.customer-page .profile-photo-row small,
body.customer-page .profile-form small{display:block!important;margin-top:5px!important;color:#998c92!important;font-size:8px!important}
body.customer-page .profile-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
body.customer-page .profile-form-grid .profile-full{grid-column:1/-1!important}
body.customer-page .profile-form input{
  width:100%!important;height:44px!important;padding:0 13px!important;
  border:1px solid #e6d8df!important;border-radius:10px!important;
  background:#fff!important;color:#342c30!important;font:inherit!important;
}
body.customer-page .profile-form input:focus{outline:none!important;border-color:#d94f82!important;box-shadow:0 0 0 3px rgba(217,79,130,.08)!important}
body.customer-page .profile-form-actions{display:flex!important;justify-content:flex-end!important;gap:9px!important;margin-top:22px!important}
body.customer-page .profile-form-actions .btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;padding:11px 18px!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important;
}
body.customer-page .profile-form-actions .btn-main{background:#d94f82!important;color:#fff!important;border:1px solid #d94f82!important}
body.customer-page .profile-form-actions .btn-outline{background:#fff!important;color:#d94f82!important;border:1px solid #efbfd0!important}

/* Make customer profile dropdown visible in the desktop header without affecting layout. */
body.customer-page .customer-profile-menu{position:relative!important;display:flex!important;align-items:center!important;margin-left:12px!important;flex:0 0 auto!important}
body.customer-page .customer-profile-trigger{display:flex!important;align-items:center!important;gap:8px!important;min-width:150px!important;height:44px!important;padding:5px 9px 5px 5px!important;border:1px solid #efd6df!important;border-radius:999px!important;background:#fff!important;cursor:pointer!important}
body.customer-page .customer-profile-avatar{width:34px!important;height:34px!important;min-width:34px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fdebf2!important;border:1px solid #f2c9d8!important}
body.customer-page .customer-profile-trigger-text{min-width:0!important;text-align:left!important;flex:1!important}
body.customer-page .customer-profile-trigger-text strong{display:block!important;max-width:95px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;color:#332b30!important}
body.customer-page .customer-profile-trigger-text small{display:block!important;margin-top:2px!important;color:#a08f97!important;font-size:8px!important}
body.customer-page .customer-profile-chevron{color:#bd6684!important;font-size:13px!important}
body.customer-page .customer-profile-dropdown{position:absolute!important;right:0!important;top:calc(100% + 8px)!important;width:230px!important;padding:8px!important;background:#fff!important;border:1px solid #eadde3!important;border-radius:16px!important;box-shadow:0 18px 45px rgba(62,35,48,.15)!important;z-index:20000!important}
body.customer-page .customer-profile-dropdown[hidden]{display:none!important}
body.customer-page .customer-profile-dropdown a{display:flex!important;align-items:center!important;gap:9px!important;padding:10px!important;border-radius:9px!important;color:#5b5056!important;text-decoration:none!important;font-size:10px!important;font-weight:800!important}
body.customer-page .customer-profile-dropdown a:hover{background:#fff3f7!important;color:#c53f72!important}

/* Suppress accidental literal newline marker if an older cached fragment remains. */
body.customer-page > .legacy-newline-marker{display:none!important}

@media(max-width:720px){
  body.customer-page .profile-page{width:calc(100% - 28px)!important;padding:30px 0 100px!important}
  body.customer-page .profile-page-head{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}
  body.customer-page .profile-page-head h1{font-size:36px!important}
  body.customer-page .profile-layout{grid-template-columns:1fr!important}
  body.customer-page .profile-summary{padding:21px!important}
  body.customer-page .profile-edit-card{padding:19px!important}
  body.customer-page .profile-form-grid{grid-template-columns:1fr!important}
  body.customer-page .profile-form-grid .profile-full{grid-column:auto!important}
  body.customer-page .profile-photo-row{align-items:flex-start!important}
  body.customer-page .profile-photo-row input{width:100%!important}
  body.customer-page .profile-form-actions{justify-content:stretch!important}
  body.customer-page .profile-form-actions .btn{flex:1!important}
  body.customer-page .customer-profile-menu{position:absolute!important;right:14px!important;top:17px!important;margin:0!important;z-index:11000!important}
  body.customer-page .customer-profile-trigger{width:42px!important;min-width:42px!important;height:42px!important;padding:4px!important;justify-content:center!important}
  body.customer-page .customer-profile-trigger-text,body.customer-page .customer-profile-chevron{display:none!important}
  body.customer-page .customer-profile-dropdown{top:49px!important;right:0!important;width:225px!important}
}

/* =========================================================
   CUSTOMER PROFILE MENU — FINAL FUNCTIONAL UI
   ========================================================= */
body.customer-page .customer-profile-menu{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin-left:8px!important;
  z-index:12000!important;
}
body.customer-page .customer-profile-trigger{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid #efd6df!important;
  background:#fff!important;
  color:#332b30!important;
  cursor:pointer!important;
  width:auto!important;
  min-width:170px!important;
  height:48px!important;
  padding:5px 10px 5px 5px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border-radius:999px!important;
  box-shadow:0 4px 16px rgba(75,38,53,.04)!important;
}
body.customer-page .customer-profile-trigger:hover,
body.customer-page .customer-profile-trigger.open{
  border-color:#e6a0bc!important;
  background:#fff8fb!important;
}
body.customer-page .customer-profile-avatar{
  width:36px!important;height:36px!important;min-width:36px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  background:#fdebf2!important;
  border:1px solid #f2c9d8!important;
  font-size:17px!important;
}
body.customer-page .customer-profile-trigger-text{
  flex:1!important;min-width:0!important;text-align:left!important;
}
body.customer-page .customer-profile-trigger-text strong{
  display:block!important;
  max-width:120px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10px!important;
  line-height:1.2!important;
}
body.customer-page .customer-profile-trigger-text small{
  display:block!important;
  margin-top:3px!important;
  color:#a08f97!important;
  font-size:8px!important;
  line-height:1!important;
}
body.customer-page .customer-profile-chevron{
  font-size:13px!important;
  color:#bd6684!important;
  transition:transform .18s ease!important;
}
body.customer-page .customer-profile-trigger.open .customer-profile-chevron{
  transform:rotate(180deg)!important;
}
body.customer-page .customer-profile-dropdown{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  right:0!important;
  width:245px!important;
  padding:8px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #eadde3!important;
  border-radius:17px!important;
  box-shadow:0 20px 50px rgba(62,35,48,.16)!important;
  z-index:20000!important;
}
body.customer-page .customer-profile-dropdown[hidden]{
  display:none!important;
}
body.customer-page .customer-profile-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
}
body.customer-page .customer-profile-big-avatar{
  width:42px!important;height:42px!important;min-width:42px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  background:#fdebf2!important;
  border:1px solid #f2c9d8!important;
}
body.customer-page .customer-profile-head strong{
  display:block!important;
  font-size:11px!important;
  color:#332b30!important;
}
body.customer-page .customer-profile-head small{
  display:block!important;
  margin-top:3px!important;
  color:#998c92!important;
  font-size:8px!important;
}
body.customer-page .customer-profile-divider{
  height:1px!important;
  margin:4px 3px!important;
  background:#f1e6eb!important;
}
body.customer-page .customer-profile-dropdown>a{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  padding:11px!important;
  border-radius:10px!important;
  color:#5b5056!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:800!important;
  box-sizing:border-box!important;
}
body.customer-page .customer-profile-dropdown>a:hover{
  background:#fff3f7!important;
  color:#c53f72!important;
}
body.customer-page .customer-profile-dropdown>a:first-child{}
body.customer-page .customer-profile-dropdown .customer-profile-logout{
  color:#ad3d60!important;
}
body.customer-page .customer-profile-dropdown .customer-profile-logout:hover{
  background:#fff1f4!important;
  color:#9c294f!important;
}

/* The profile menu replaces the old standalone Logout in the customer header. */
body.customer-page .site-nav a[href="/logout.php"]{
  display:none!important;
}

/* Profile page: no duplicate logout in the content area. */
body.customer-page .profile-summary-links .profile-logout{
  display:none!important;
}

@media(max-width:900px){
  body.customer-page .customer-profile-trigger{
    min-width:155px!important;
  }
}
@media(max-width:720px){
  body.customer-page .customer-profile-menu{
    position:absolute!important;
    top:17px!important;
    right:14px!important;
    margin:0!important;
    z-index:12000!important;
  }
  body.customer-page .customer-profile-trigger{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:4px!important;
    justify-content:center!important;
  }
  body.customer-page .customer-profile-trigger-text,
  body.customer-page .customer-profile-chevron{
    display:none!important;
  }
  body.customer-page .customer-profile-dropdown{
    top:49px!important;
    right:0!important;
    width:230px!important;
  }
}

/* Remove accidental raw newline marker if an older template injected one. */
body.customer-page .legacy-newline-marker,
body.customer-page .literal-newline-marker{
  display:none!important;
}

/* Final customer header/profile spacing */
@media(max-width:720px){
  body.customer-page .site-header .nav-shell{
    position:relative!important;
    min-height:78px!important;
    padding-right:62px!important;
  }
  body.customer-page .brand{
    max-width:calc(100% - 58px)!important;
  }
  body.customer-page .brand-logo{
    max-width:145px!important;
    width:auto!important;
    height:48px!important;
    object-fit:contain!important;
  }
}

/* MY BOOKINGS CLEAN PAGE */
.customer-bookings-clean{
  max-width:1180px;
  margin:0 auto;
  padding:72px 24px 90px;
}
.customer-bookings-clean .bookings-welcome{
  margin-bottom:48px;
}
.customer-bookings-clean .bookings-welcome h1{
  margin:8px 0 8px;
  font-size:clamp(42px,5vw,72px);
  line-height:1.02;
}
.customer-bookings-clean .bookings-welcome .muted{
  margin:0;
  font-size:18px;
}
.customer-bookings-clean #my-bookings{
  margin-top:0;
}
@media(max-width:720px){
  .customer-bookings-clean{
    padding:38px 18px 100px;
  }
  .customer-bookings-clean .bookings-welcome{
    margin-bottom:30px;
  }
  .customer-bookings-clean .bookings-welcome h1{
    font-size:38px;
  }
  .customer-bookings-clean .bookings-welcome .muted{
    font-size:16px;
  }
}

/* =========================================================
   MY BOOKINGS — PROFESSIONAL CUSTOMER UI
   ========================================================= */
.customer-bookings-clean{
  width:min(1240px,calc(100% - 48px));
  max-width:1240px;
  margin:0 auto;
  padding:58px 0 88px;
}

.customer-bookings-clean .bookings-welcome{
  margin:0 0 34px;
  padding:0 2px;
}

.customer-bookings-clean .bookings-welcome .eyebrow{
  display:block;
  margin-bottom:12px;
  color:var(--pink);
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:2.6px;
  text-transform:uppercase;
}

.customer-bookings-clean .bookings-welcome h1{
  margin:0;
  color:var(--ink);
  font:600 clamp(42px,4.2vw,62px)/1.06 'Playfair Display',serif;
  letter-spacing:-1.1px;
}

.customer-bookings-clean .bookings-welcome .muted{
  margin:10px 0 0;
  color:var(--muted);
  font:500 15px/1.6 'DM Sans',sans-serif;
}

.customer-bookings-clean .account-bookings-section{
  padding:0;
  margin:0;
}

.customer-bookings-clean .customer-bookings-table{
  margin:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #eadbe2;
  border-radius:22px;
  box-shadow:0 14px 45px rgba(75,35,53,.07);
}

.customer-bookings-clean .bookings-table-title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  border-bottom:1px solid #f0e3e8;
  background:linear-gradient(180deg,#fffafd 0%,#fff 100%);
}

.customer-bookings-clean .bookings-table-title strong{
  font-size:18px;
  font-weight:800;
  color:#332b30;
}

.customer-bookings-clean .bookings-table-title span{
  font-size:12px;
  color:#9a8c93;
}

.customer-bookings-clean .customer-bookings-table .table{
  width:100%;
  min-width:980px;
  border-collapse:separate;
  border-spacing:0;
  table-layout:auto;
  background:#fff;
}

.customer-bookings-clean .customer-bookings-table .table thead{
  display:table-header-group;
}

.customer-bookings-clean .customer-bookings-table .table tbody{
  display:table-row-group;
}

.customer-bookings-clean .customer-bookings-table .table tr{
  display:table-row;
  background:#fff;
  border:0;
  box-shadow:none;
}

.customer-bookings-clean .customer-bookings-table .table th{
  padding:13px 16px;
  background:#fff7fa;
  color:#8f7e86;
  border-bottom:1px solid #eadde3;
  font:800 10px/1.2 'DM Sans',sans-serif;
  letter-spacing:.9px;
  text-transform:uppercase;
  white-space:nowrap;
}

.customer-bookings-clean .customer-bookings-table .table td{
  padding:17px 16px;
  background:#fff;
  color:#433a3f;
  border-bottom:1px solid #f1e7eb;
  font:500 13px/1.45 'DM Sans',sans-serif;
  vertical-align:middle;
  white-space:nowrap;
}

.customer-bookings-clean .customer-bookings-table .table tbody tr:last-child td{
  border-bottom:0;
}

.customer-bookings-clean .customer-bookings-table .table tbody tr:hover td{
  background:#fffafd;
}

.customer-bookings-clean .customer-bookings-table .table td::before{
  display:none;
}

.customer-bookings-clean .customer-bookings-table .table td:first-child{
  color:#2f282d;
  font-weight:700;
}

.customer-bookings-clean .customer-bookings-table .table td:nth-child(4),
.customer-bookings-clean .customer-bookings-table .table td:nth-child(5){
  font-weight:700;
}

.customer-bookings-clean .customer-bookings-table .table td[data-label="Actions"]{
  white-space:normal;
}

.customer-bookings-clean .customer-bookings-table .small-btn{
  min-height:34px;
  padding:8px 12px;
  border-radius:9px;
  font-size:11px;
}

.customer-bookings-clean .customer-bookings-table .badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:27px;
  padding:5px 9px;
  border-radius:999px;
  font:800 9px/1 'DM Sans',sans-serif;
  letter-spacing:.5px;
  text-transform:uppercase;
}

.customer-bookings-clean .customer-bookings-table .empty-bookings{
  display:table-row;
}

.customer-bookings-clean .customer-bookings-table .empty-bookings td{
  display:table-cell;
  padding:42px 24px;
  text-align:center;
  color:var(--muted);
  white-space:normal;
}

@media(max-width:900px){
  .customer-bookings-clean{
    width:min(100% - 32px,1240px);
    padding-top:46px;
  }
  .customer-bookings-clean .bookings-welcome h1{
    font-size:48px;
  }
}

@media(max-width:720px){
  .customer-bookings-clean{
    width:calc(100% - 28px);
    padding:34px 0 96px;
  }

  .customer-bookings-clean .bookings-welcome{
    margin-bottom:24px;
  }

  .customer-bookings-clean .bookings-welcome h1{
    font-size:38px;
    letter-spacing:-.6px;
  }

  .customer-bookings-clean .bookings-welcome .muted{
    font-size:14px;
  }

  .customer-bookings-clean .customer-bookings-table{
    border-radius:17px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .customer-bookings-clean .bookings-table-title{
    position:sticky;
    left:0;
    min-width:980px;
    padding:17px 18px;
  }

  .customer-bookings-clean .bookings-table-title strong{
    font-size:16px;
  }

  .customer-bookings-clean .bookings-table-title span{
    font-size:10px;
  }

  .customer-bookings-clean .customer-bookings-table .table{
    min-width:980px;
  }

  .customer-bookings-clean .customer-bookings-table .table th{
    padding:11px 13px;
    font-size:9px;
  }

  .customer-bookings-clean .customer-bookings-table .table td{
    padding:14px 13px;
    font-size:12px;
  }
}

/* =========================================================
   NAIL'S PARADISE — NEW CRM / WEBSITE LAYOUT
   Clean override layer for the converted legacy CRM.
   ========================================================= */
:root{--np-ink:#241b20;--np-muted:#7b6d74;--np-pink:#d94f82;--np-pink-dark:#b83b68;--np-soft:#fff5f8;--np-line:#eadde2;--np-card:#fff;--np-shadow:0 18px 55px rgba(55,25,38,.08)}
body.customer-page{background:#fffafc;color:var(--np-ink)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(234,221,226,.7)}
.site-nav{gap:26px}.site-nav a{font-weight:750}.site-nav a.active{color:var(--np-pink)}
.brand-logo{max-height:52px;width:auto;object-fit:contain}.brand{min-width:160px}
.np-page-hero{padding:92px 0 72px;background:linear-gradient(135deg,#fff7fa 0%,#fff 62%);border-bottom:1px solid var(--np-line)}
.np-page-hero h1{font:600 clamp(42px,6vw,72px)/1.02 'Playfair Display',serif;margin:12px 0 16px;max-width:850px;letter-spacing:-1.5px}.np-page-hero p{max-width:680px;color:var(--np-muted);font-size:17px;line-height:1.75;margin:0}
.np-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.np-service-card{background:#fff;border:1px solid var(--np-line);border-radius:24px;padding:28px;box-shadow:var(--np-shadow);transition:.2s}.np-service-card:hover{transform:translateY(-2px)}.np-service-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.np-service-card h2{font:600 31px/1.15 'Playfair Display',serif;margin:18px 0 10px}.np-service-card p{color:var(--np-muted);line-height:1.7;min-height:54px}.np-service-price{font-weight:900;color:var(--np-pink);font-size:20px}.np-service-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--np-line);font-size:12px;color:var(--np-muted)}
.service-card-premium{position:relative}.service-book-link{display:inline-block;margin-top:16px;color:var(--np-pink);font-size:13px;font-weight:900;text-decoration:none}
.np-about-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}.np-about-image{border-radius:28px;overflow:hidden;box-shadow:var(--np-shadow)}.np-about-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.np-about h2,.np-contact-info h2{font:600 clamp(36px,4vw,56px)/1.08 'Playfair Display',serif;margin:10px 0 18px}.np-about p,.np-contact-info>p{color:var(--np-muted);line-height:1.8}.np-about-points{margin:28px 0}.np-about-points>div{display:flex;gap:18px;padding:17px 0;border-top:1px solid var(--np-line)}.np-about-points b{color:var(--np-pink)}.np-about-points span{display:grid;gap:5px;color:var(--np-muted);line-height:1.6}.np-about-points strong{color:var(--np-ink)}
.np-contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:60px;align-items:start}.np-contact-info>a,.np-contact-info>div{display:grid;gap:5px;padding:18px 0;border-top:1px solid var(--np-line);text-decoration:none;color:var(--np-ink)}.np-contact-info small{color:var(--np-muted);text-transform:uppercase;letter-spacing:1.3px;font-weight:900;font-size:10px}.np-contact-info strong{font-size:15px}.np-contact-info .btn{display:inline-flex;margin-top:18px}.np-contact-form{background:#fff;border:1px solid var(--np-line);border-radius:24px;padding:30px;box-shadow:var(--np-shadow)}.np-contact-form h2{font:600 34px 'Playfair Display',serif;margin:0 0 20px}.np-contact-form label{display:block;margin:14px 0;font-weight:800;font-size:12px}.np-contact-form label span{font-weight:500;color:var(--np-muted)}.np-contact-form input,.np-contact-form textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid var(--np-line);border-radius:13px;background:#fff;font:inherit;box-sizing:border-box}.np-contact-form textarea{resize:vertical}
/* CRM shell */
body.admin-page{background:#f8f6f7}.admin-page .site-header{display:none}.admin-page main{min-height:100vh}.admin-page .container.admin-shell{max-width:none;width:100%;padding:0;margin:0;display:block}.admin-page .wp-admin-sidebar{position:fixed!important;left:0;top:0;bottom:0;width:255px!important;padding:22px 16px!important;background:#211a1f!important;border:0!important;border-radius:0!important;box-shadow:14px 0 35px rgba(25,12,18,.08);z-index:120;overflow:auto}.crm-brand{display:flex;align-items:center;gap:11px;color:#fff;padding:5px 8px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.crm-brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#e96b98,#b83b68);display:grid;place-items:center;font-weight:950}.crm-brand strong{display:block;font-size:14px}.crm-brand small{display:block;color:#bcaeb4;font-size:10px;margin-top:2px}.crm-user-mini{display:flex;gap:10px;align-items:center;padding:18px 8px}.crm-avatar{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--np-pink);display:grid;place-items:center;font-weight:900}.crm-user-mini strong{display:block;color:#fff;font-size:12px}.crm-user-mini small{display:block;color:#a99ba1;font-size:10px;margin-top:2px}.admin-page .crm-menu{display:grid!important;gap:5px!important;margin:0!important;overflow:visible!important}.admin-page .crm-menu a{display:flex!important;align-items:center!important;gap:12px!important;padding:11px 12px!important;min-height:42px!important;border-radius:11px!important;color:#c9bec3!important;background:transparent!important;border:0!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important}.admin-page .crm-menu a span:first-child{width:18px;text-align:center;color:#a99ba1}.admin-page .crm-menu a.active,.admin-page .crm-menu a:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}.admin-page .crm-menu a.active span:first-child{color:#f58eb1}.crm-sidebar-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:18px;padding-top:15px;display:grid;gap:4px}.crm-sidebar-bottom a{padding:10px 12px;color:#bfb1b7;text-decoration:none;font-size:11px;font-weight:800;border-radius:10px}.crm-sidebar-bottom a:hover{background:rgba(255,255,255,.07);color:#fff}.admin-page .wp-admin-main{margin-left:255px!important;min-height:100vh;padding:0 34px 60px!important;background:#f8f6f7}.admin-page .wp-admin-topbar{position:sticky!important;top:0!important;z-index:50!important;margin:0 -34px 30px!important;padding:18px 34px!important;background:rgba(248,246,247,.94)!important;border-bottom:1px solid #e9e2e5!important;backdrop-filter:blur(14px)}.admin-page .admin-breadcrumb strong{font-size:18px!important;color:var(--np-ink)}.admin-page .admin-breadcrumb span{color:var(--np-muted);font-size:12px}.admin-page .wp-admin-content{max-width:1280px!important;margin:0 auto!important}.admin-page .admin-card,.admin-page .table-wrap{border-radius:18px!important;border:1px solid #e8dfe3!important;box-shadow:0 12px 35px rgba(40,20,30,.045)!important}.admin-page h1{font:600 clamp(35px,4vw,48px)/1.05 'Playfair Display',serif!important;letter-spacing:-.6px}.admin-page h2{font-family:'Playfair Display',serif}.admin-page .stats{gap:14px!important}.admin-page .stat{border-radius:18px!important;padding:20px!important;background:#fff!important;border:1px solid #e8dfe3!important;box-shadow:0 12px 35px rgba(40,20,30,.04)}
.crm-page-heading{max-width:1280px;margin:0 auto 22px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.crm-page-heading h1{margin:7px 0}.crm-heading-actions{display:flex;align-items:center;gap:9px}.crm-month-label{min-width:125px;text-align:center}.crm-calendar{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.crm-cal-head{padding:10px 8px;color:var(--np-muted);font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:1px}.crm-cal-day{min-height:135px;background:#fff;border:1px solid #e8dfe3;border-radius:14px;padding:9px;overflow:hidden}.crm-cal-day.is-empty{background:transparent;border-style:dashed}.crm-cal-day.is-today{border-color:#e36b97;box-shadow:inset 0 0 0 1px #e36b97}.crm-cal-date{font-weight:900;font-size:12px;margin-bottom:8px}.crm-cal-event{display:block;padding:7px 8px;margin:5px 0;background:#fff3f7;border-radius:9px;text-decoration:none;color:var(--np-ink);border-left:3px solid var(--np-pink)}.crm-cal-event strong{font-size:10px;color:var(--np-pink);display:block}.crm-cal-event span,.crm-cal-event small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-cal-event span{font-size:10px;font-weight:800}.crm-cal-event small{font-size:9px;color:var(--np-muted);margin-top:2px}
.crm-customer-detail{max-width:1200px;padding-top:34px;padding-bottom:60px}.crm-back{display:inline-block;color:var(--np-muted);font-size:12px;font-weight:800;text-decoration:none;margin-bottom:20px}.crm-customer-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid #e8dfe3;border-radius:22px;padding:24px;box-shadow:var(--np-shadow);margin-bottom:16px}.crm-customer-id{display:flex;align-items:center;gap:18px}.crm-customer-photo{width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--np-soft);display:grid;place-items:center;color:var(--np-pink);font-weight:900;font-size:24px}.crm-customer-photo img{width:100%;height:100%;object-fit:cover}.crm-customer-hero h1{font:600 40px 'Playfair Display',serif;margin:5px 0}.crm-customer-hero p{margin:0;color:var(--np-muted);font-size:13px}.crm-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.crm-stat-grid>div{background:#fff;border:1px solid #e8dfe3;border-radius:16px;padding:18px}.crm-stat-grid b{display:block;font-size:22px}.crm-stat-grid span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--np-muted);font-weight:900}.crm-section-title{margin-bottom:15px}.crm-section-title h2{margin:4px 0;font-size:28px}
@media(max-width:1000px){.admin-page .wp-admin-sidebar{width:225px!important}.admin-page .wp-admin-main{margin-left:225px!important;padding-left:22px!important;padding-right:22px!important}.admin-page .wp-admin-topbar{margin-left:-22px!important;margin-right:-22px!important;padding-left:22px!important;padding-right:22px!important}.crm-stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.np-service-grid,.np-about-grid,.np-contact-grid{grid-template-columns:1fr}.np-about-grid{gap:30px}.np-page-hero{padding:65px 0 50px}.np-service-footer{align-items:flex-start;flex-direction:column}.crm-calendar{grid-template-columns:repeat(2,1fr)}.crm-cal-head{display:none}.crm-cal-day.is-empty{display:none}.crm-customer-hero{align-items:flex-start;flex-direction:column}.crm-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-page .wp-admin-sidebar{transform:translateX(-100%);transition:.2s;width:270px!important}.admin-page .wp-admin-sidebar.open{transform:translateX(0)}.admin-page .wp-admin-main{margin-left:0!important;padding:0 14px 50px!important}.admin-page .wp-admin-topbar{margin:0 -14px 22px!important;padding:14px!important}.admin-page .wp-admin-menu-toggle{display:inline-flex!important}.crm-page-heading{align-items:flex-start;flex-direction:column}.admin-page .wp-admin-content{width:100%!important}.admin-page .table-wrap{overflow-x:auto}.crm-customer-detail{padding-top:20px}.customer-profile-menu{display:none}}
.crm-filter-bar{max-width:1280px;margin:0 auto 16px;background:#fff;border:1px solid #e8dfe3;border-radius:16px;padding:12px;box-shadow:0 8px 25px rgba(40,20,30,.035)}.crm-filter-bar form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.crm-filter-bar input,.crm-filter-bar select{height:40px;border:1px solid #e6dce1;border-radius:10px;padding:0 12px;background:#fff;color:var(--np-ink);font:500 12px inherit}.crm-filter-bar input[name=q]{min-width:270px;flex:1}.crm-simple-page{max-width:1280px;padding:34px 0 60px}.admin-page .crm-simple-page{margin-left:auto;margin-right:auto}
@media(max-width:720px){.crm-filter-bar form>*{width:100%!important}.crm-filter-bar input[name=q]{min-width:0}.crm-filter-bar .btn{justify-content:center}}


/* =========================================================
   NAIL'S PARADISE CRM — ADMIN SHELL / NAVIGATION FIX
   v20260918.10
   Keep one consistent CRM shell on every /admin/ page.
   ========================================================= */
@media (min-width: 721px) {
  body.admin-page {
    overflow-x: hidden;
  }

  body.admin-page .wp-admin-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: 260px !important;
    min-width: 260px !important;
    height: 100vh !important;
    max-height: 100vh !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 1200 !important;
  }

  body.admin-page .crm-menu {
    display: grid !important;
    grid-template-columns: 1fr !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.admin-page .crm-menu a {
    width: 100% !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.admin-page .wp-admin-main {
    margin-left: 260px !important;
    width: auto !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.admin-page .wp-admin-topbar {
    width: auto !important;
    box-sizing: border-box !important;
  }

  body.admin-page .wp-admin-content {
    min-width: 0 !important;
  }

  body.admin-page .table-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
  }
}

@media (max-width: 720px) {
  body.admin-page {
    overflow-x: hidden;
  }

  body.admin-page .wp-admin-sidebar {
    width: min(290px, 86vw) !important;
    min-width: 0 !important;
    max-width: 86vw !important;
    box-sizing: border-box !important;
  }

  body.admin-page .wp-admin-main {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.admin-page .wp-admin-topbar {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 64px !important;
  }

  body.admin-page .admin-breadcrumb {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  body.admin-page .admin-breadcrumb strong {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.admin-page .admin-topbar-actions {
    flex: 0 0 auto !important;
  }

  body.admin-page .wp-view-site {
    display: none !important;
  }

  body.admin-page .crm-enquiries-table {
    overflow-x: auto !important;
  }

  body.admin-page .crm-enquiries-table .table {
    min-width: 760px !important;
  }
}

.crm-enquiry-message {
  max-width: 420px;
  white-space: normal;
  line-height: 1.55;
}

.crm-enquiry-action {
  display: flex !important;
  align-items: center;
  gap: 7px;
  margin: 0 !important;
}

.crm-enquiry-action select {
  min-width: 125px;
}

/* Public website responsive safety — 20260918.11 */
@media (max-width: 1100px) and (min-width: 721px) {
  body.customer-page .nav-shell { gap: 14px !important; }
  body.customer-page .site-nav { gap: 12px !important; font-size: 12px !important; }
  body.customer-page .site-nav .nav-book { padding: 10px 13px !important; }
  body.customer-page .brand { font-size: 26px !important; }
}
@media (max-width: 900px) {
  body.customer-page .site-header { height: 72px !important; }
  body.customer-page .nav-shell { width: min(100% - 28px,1180px) !important; }
  body.customer-page .menu-toggle { display: block !important; }
  body.customer-page .site-nav {
    position: fixed !important;
    top: 72px !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 10px 18px !important;
    background: #fff !important;
    border-bottom: 1px solid var(--line) !important;
    box-shadow: 0 18px 40px rgba(30,15,22,.12) !important;
    transform: translateY(-130%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 1000 !important;
  }
  body.customer-page .site-nav.open { transform: translateY(0) !important; opacity: 1 !important; pointer-events: auto !important; }
  body.customer-page .site-nav a { padding: 13px 8px !important; border-bottom: 1px solid #f4e8ed !important; }
  body.customer-page .site-nav .nav-book { margin: 8px 0 !important; }
}
@media (max-width: 430px) {
  body.customer-page .brand-logo { max-height: 48px !important; width: auto !important; }
  body.customer-page .customer-profile-menu { display: none !important; }
  body.customer-page .mobile-bottom-nav { display: flex !important; }
}

/* =========================================================
   MY BOOKINGS — TRUE RESPONSIVE MOBILE CARDS
   v20260919.1
   ========================================================= */
.mobile-bookings-list{display:none}

@media (max-width:720px){
  .customer-bookings-clean{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    padding:28px 0 118px!important;
    box-sizing:border-box!important;
  }
  .customer-bookings-clean .bookings-welcome{margin-bottom:22px!important}
  .customer-bookings-clean .bookings-welcome .eyebrow{font-size:10px!important;letter-spacing:2.2px!important;margin-bottom:10px!important}
  .customer-bookings-clean .bookings-welcome h1{
    font-size:clamp(32px,9vw,42px)!important;
    line-height:1.08!important;
    letter-spacing:-.7px!important;
    overflow-wrap:anywhere!important;
  }
  .customer-bookings-clean .bookings-welcome .muted{font-size:13px!important;line-height:1.5!important}

  .desktop-bookings-table{display:none!important}
  .mobile-bookings-list{display:block!important}
  .mobile-bookings-heading{
    display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
    padding:18px 17px 16px;
    background:linear-gradient(180deg,#fffafd 0%,#fff 100%);
    border:1px solid #eadbe2;border-bottom:0;
    border-radius:18px 18px 0 0;
  }
  .mobile-bookings-heading strong{font-size:17px;color:#332b30}
  .mobile-bookings-heading span{font-size:10px;color:#9a8c93;text-align:right}

  .mobile-booking-card{
    margin:0 0 12px;
    padding:18px;
    background:#fff;
    border:1px solid #eadbe2;
    border-radius:18px;
    box-shadow:0 10px 28px rgba(75,35,53,.055);
    box-sizing:border-box;
  }
  .mobile-booking-card:last-child{margin-bottom:0}
  .mobile-booking-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
  .mobile-booking-label,.mobile-booking-meta span,.mobile-booking-payment span,.mobile-booking-utr span{
    display:block;color:#9a8c93;font-size:9px;line-height:1.2;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  }
  .mobile-booking-card h2{margin:5px 0 0;color:#2f282d;font-size:19px;line-height:1.25;font-weight:800}
  .mobile-booking-card-top .badge{flex:0 0 auto;max-width:105px;text-align:center}
  .mobile-booking-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;padding:14px 0;border-top:1px solid #f0e3e8;border-bottom:1px solid #f0e3e8}
  .mobile-booking-meta strong{display:block;margin-top:5px;color:#433a3f;font-size:13px;font-weight:700}
  .mobile-booking-payment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px 0 4px}
  .mobile-booking-payment strong{display:block;margin-top:5px;color:#332b30;font-size:13px;font-weight:800}
  .mobile-booking-payment .badge{display:inline-flex;margin-top:5px;max-width:100%;white-space:normal;text-align:center}
  .mobile-booking-utr{margin-top:10px;padding:10px 12px;background:#fff7fa;border-radius:10px;overflow:hidden}
  .mobile-booking-utr strong{display:block;margin-top:4px;color:#433a3f;font-size:11px;overflow-wrap:anywhere}
  .mobile-booking-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid #f0e3e8}
  .mobile-booking-actions form{margin:0!important}
  .mobile-booking-actions .small-btn{min-height:36px;padding:8px 11px;font-size:10px}
  .mobile-booking-empty{padding:32px 18px;text-align:center;background:#fff;border:1px solid #eadbe2;border-radius:0 0 18px 18px;color:#8f7e86;font-size:13px;line-height:1.7}
}

@media (max-width:380px){
  .customer-bookings-clean{width:calc(100% - 20px)!important;padding-left:0!important;padding-right:0!important}
  .mobile-booking-card{padding:15px}
  .mobile-booking-card h2{font-size:17px}
  .mobile-booking-payment{grid-template-columns:1fr 1fr}
  .mobile-booking-payment>div:last-child{grid-column:1/-1}
  .mobile-bookings-heading{padding-left:14px;padding-right:14px}
}


/* =========================================================
   FINAL FIX — BOOK NOW BUTTON
   v20260919.2
   ========================================================= */
.nav-book,
.site-nav .nav-book {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  width: auto !important;
  min-width: 120px !important;
  max-width: none !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 22px !important;
  line-height: 1 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.nav-book * {
  white-space: nowrap !important;
}

@media (max-width: 720px) {
  .site-nav .nav-book {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 20px !important;
    margin: 14px auto 10px !important;
  }
}


/* =========================================================
   HOMEPAGE — SERVICE CARD BOOK NOW FIX
   Fixes the homepage service-card CTA wrapping:
   "Book Now" must stay on one line.
   This is intentionally scoped to homepage service cards
   so the Services page button styling remains unchanged.
   ========================================================= */

.service-card-premium .btn,
.service-card-premium a.btn,
.service-grid-premium .btn,
.service-grid-premium a.btn,
.home-service-card .btn,
.home-service-card a.btn,
.home-services .btn,
.home-services a.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  width: auto !important;
  min-width: 112px !important;
  max-width: none !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 20px !important;
  line-height: 1.15 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.service-card-premium .btn *,
.service-grid-premium .btn *,
.home-service-card .btn *,
.home-services .btn * {
  white-space: nowrap !important;
}

@media (max-width: 720px) {
  .service-card-premium .btn,
  .service-card-premium a.btn,
  .service-grid-premium .btn,
  .service-grid-premium a.btn,
  .home-service-card .btn,
  .home-service-card a.btn,
  .home-services .btn,
  .home-services a.btn {
    min-width: 112px !important;
    width: auto !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 18px !important;
  }
}


/* =========================================================
   FINAL ADMIN SIDEBAR FIX
   v20260920.1
   Keep the CRM sidebar vertical on Profile and every admin tab.
   Overrides older horizontal admin-header rules.
   ========================================================= */

@media (min-width: 721px) {
  body.admin-page .admin-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  body.admin-page .wp-admin-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    height: 100vh !important;
    min-height: 100vh !important;
    padding: 22px 16px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #211a1f !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 14px 0 35px rgba(25,12,18,.08) !important;
    transform: none !important;
    z-index: 5000 !important;
  }

  body.admin-page .wp-admin-brand {
    width: 100% !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    margin: 0 0 16px !important;
    padding: 5px 8px 20px !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
  }

  body.admin-page .wp-admin-brand-mark {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg,#e96b98,#b83b68) !important;
    color: #fff !important;
    border: 0 !important;
    display: grid !important;
    place-items: center !important;
    font-size: 13px !important;
    font-weight: 950 !important;
  }

  body.admin-page .wp-admin-brand strong {
    display: block !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  body.admin-page .wp-admin-brand small {
    display: block !important;
    margin-top: 2px !important;
    color: #bcaeb4 !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;
  }

  body.admin-page .wp-admin-menu {
    width: 100% !important;
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.admin-page .wp-admin-menu > a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 11px 12px !important;
    margin: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #c9bec3 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.admin-page .wp-admin-menu > a:hover,
  body.admin-page .wp-admin-menu > a.active {
    background: rgba(255,255,255,.09) !important;
    color: #fff !important;
  }

  body.admin-page .wp-admin-menu .wp-icon {
    flex: 0 0 18px !important;
    width: 18px !important;
    text-align: center !important;
    color: #a99ba1 !important;
  }

  body.admin-page .wp-admin-menu > a.active .wp-icon {
    color: #f58eb1 !important;
  }

  body.admin-page .admin-menu-more {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.admin-page .admin-more-button {
    width: 100% !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 11px 12px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #c9bec3 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-align: left !important;
    cursor: pointer !important;
  }

  body.admin-page .admin-more-button:hover {
    background: rgba(255,255,255,.09) !important;
    color: #fff !important;
  }

  body.admin-page .admin-more-dropdown {
    position: static !important;
    width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 4px 0 4px 30px !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.admin-page .admin-more-dropdown a {
    display: block !important;
    padding: 8px 10px !important;
    color: #bfb1b7 !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  body.admin-page .wp-admin-main {
    margin-left: 260px !important;
    width: auto !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    min-height: 100vh !important;
  }
}

/* Ensure the profile page itself never affects the sidebar. */
body.admin-page .admin-profile-page {
  position: relative !important;
  z-index: 1 !important;
}


/* =========================================================
   FINAL OVERRIDE — MOBILE CRM SIDEBAR
   v20260922.2
   IMPORTANT: .crm-menu is the actual navigation container.
   Older CSS later in this file changes it to horizontal flex.
   These rules are intentionally placed at the very end.
   ========================================================= */

@media (max-width: 720px) {
  html, body {
    overflow-x: hidden !important;
  }

  body.admin-page .wp-admin-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 280px !important;
    max-width: 280px !important;
    min-width: 280px !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    padding: 18px 14px 24px !important;
    margin: 0 !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    transform: translate3d(-105%, 0, 0) !important;
    transition: transform .24s ease !important;
    z-index: 9999 !important;
  }

  body.admin-page .wp-admin-sidebar.open {
    transform: translate3d(0, 0, 0) !important;
  }

  body.admin-page .crm-brand {
    flex: 0 0 auto !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 0 14px !important;
    padding: 5px 8px 18px !important;
    box-sizing: border-box !important;
  }

  body.admin-page .crm-user-mini {
    flex: 0 0 auto !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 12px 8px 16px !important;
    box-sizing: border-box !important;
  }

  /* THE IMPORTANT FIX:
     Force the actual .crm-menu back to a vertical one-column grid. */
  body.admin-page .wp-admin-sidebar .crm-menu,
  body.admin-page .wp-admin-sidebar nav.wp-admin-menu.crm-menu {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: minmax(42px, auto) !important;
    align-content: start !important;
    align-items: stretch !important;
    justify-items: stretch !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 5px !important;

    overflow: visible !important;
    white-space: normal !important;
    transform: none !important;
  }

  body.admin-page .wp-admin-sidebar .crm-menu > a,
  body.admin-page .wp-admin-sidebar nav.wp-admin-menu.crm-menu > a {
    display: flex !important;
    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 42px !important;

    flex: none !important;
    grid-column: 1 !important;

    align-items: center !important;
    justify-content: flex-start !important;
    flex-direction: row !important;
    gap: 11px !important;

    margin: 0 !important;
    padding: 10px 11px !important;
    box-sizing: border-box !important;

    border-radius: 11px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  body.admin-page .wp-admin-sidebar .crm-menu > a > span:first-child {
    display: inline-flex !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.admin-page .wp-admin-sidebar .crm-menu > a > span:last-child {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.admin-page .crm-sidebar-bottom {
    flex: 0 0 auto !important;
    width: 100% !important;
    margin-top: 16px !important;
  }

  /* Mobile main content stays full width. */
  body.admin-page .wp-admin-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding: 0 14px 50px !important;
    box-sizing: border-box !important;
  }

  /* Backdrop behind drawer. */
  body.admin-page .wp-admin-mobile-backdrop,
  body.admin-page .admin-sidebar-backdrop,
  body.admin-page .wp-admin-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9998 !important;
  }
}


/* =========================================================
   ACTUAL MOBILE ADMIN NAV FIX
   v20260922.3
   The real sidebar <nav> uses .wp-admin-menu (NOT .crm-menu).
   This final block is intentionally scoped to <=720px and
   placed at the very end so legacy horizontal rules cannot win.
   ========================================================= */

@media (max-width: 720px) {

  body.admin-page .wp-admin-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    height: 100dvh !important;
    max-height: 100dvh !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    padding: 18px 14px 24px !important;
    margin: 0 !important;
    box-sizing: border-box !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    transform: translate3d(-105%,0,0) !important;
    transition: transform .24s ease !important;
    z-index: 9999 !important;
  }

  body.admin-page .wp-admin-sidebar.open {
    transform: translate3d(0,0,0) !important;
  }

  /* Actual navigation element */
  body.admin-page .wp-admin-sidebar > .wp-admin-menu,
  body.admin-page .wp-admin-sidebar nav.wp-admin-menu {
    position: static !important;

    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    flex: 0 0 auto !important;
    gap: 5px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;

    white-space: normal !important;
    transform: none !important;
  }

  /* Every menu link is its own full-width row */
  body.admin-page .wp-admin-sidebar > .wp-admin-menu > a,
  body.admin-page .wp-admin-sidebar nav.wp-admin-menu > a {
    position: relative !important;

    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;

    gap: 11px !important;
    border-radius: 11px !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  body.admin-page .wp-admin-sidebar > .wp-admin-menu > a > .wp-icon,
  body.admin-page .wp-admin-sidebar nav.wp-admin-menu > a > .wp-icon {
    display: inline-flex !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.admin-page .wp-admin-sidebar > .wp-admin-menu > a > span:last-child,
  body.admin-page .wp-admin-sidebar nav.wp-admin-menu > a > span:last-child {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /* Make sure brand stays at top and doesn't create a huge blank area. */
  body.admin-page .wp-admin-sidebar > .wp-admin-brand {
    position: static !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 5px 8px 18px !important;
    box-sizing: border-box !important;
  }

  /* Main content: no desktop sidebar offset on phone */
  body.admin-page .wp-admin-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding: 0 14px 50px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Header */
  body.admin-page .wp-admin-topbar {
    width: auto !important;
    margin: 0 -14px 22px !important;
    padding: 14px !important;
    box-sizing: border-box !important;
  }

  body.admin-page .wp-admin-menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    z-index: 10001 !important;
  }

  /* Backdrop */
  body.admin-page .wp-admin-mobile-backdrop,
  body.admin-page #wpAdminBackdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9998 !important;
  }

  /* Admin tables on phone should scroll inside their own card,
     rather than making the whole page wider. */
  body.admin-page .table-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.admin-page .table-wrap table {
    min-width: 760px !important;
  }
}