/* PlaceTab Premium SaaS V6 | Independent of V5 | 2026-10-21
   Scoped visual layer: no route, model, form-handler or payment behavior changes.
   Built on the installed V3/V4 layers from mahali.zip.
*/
:root{--pt6-navy:#101f37;--pt6-ink:#17243c;--pt6-muted:#61728b;--pt6-blue:#3669eb;--pt6-cyan:#18b8c4;--pt6-border:#dce6f2;--pt6-paper:#ffffff;--pt6-canvas:#f4f8fc;--pt6-shadow:0 14px 35px rgba(19,40,76,.065);--pt6-radius:18px}
.pt6-app,.pt6-auth,.pt6-guest{font-family:Inter,"Plus Jakarta Sans",Figtree,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.pt6-app #main-content{background:radial-gradient(ellipse 820px 500px at 96% 0%,rgba(31,164,210,.065),transparent 65%),var(--pt6-canvas);scroll-behavior:smooth}
.pt6-app #main-content main{min-width:0;padding-bottom:clamp(16px,3vw,36px)}
.pt6-app #main-content main>div{min-width:0}
.pt6-app #main-content :is(h1,h2,h3){font-feature-settings:"ss01" on;letter-spacing:-.028em}
.pt6-app #main-content :is(button,[role="button"],a):focus-visible,.pt6-auth :is(button,a,input):focus-visible,.pt6-guest :is(button,a,input):focus-visible{outline:3px solid rgba(56,122,239,.42);outline-offset:3px}
/* Application chrome — no change to sidebar or menu behavior. */
.pt6-app #sidebar{border-right:1px solid rgba(158,180,214,.16);box-shadow:8px 0 28px rgba(10,20,39,.035)}
.pt6-app #main-content nav[aria-label="Breadcrumb"]{color:#657691}
.pt6-app #main-content nav[aria-label="Breadcrumb"] a:hover{color:#2563eb}
/* Per-module section shell: only on designated screen templates. */
.pt6-screen{--pt6-accent:#376ce3;--pt6-accent-soft:#eaf1ff;--pt6-accent-ink:#2c5dc6;min-width:0;color:var(--pt6-ink)}
.pt6-screen.pt6-tenants{--pt6-accent:#3975d9;--pt6-accent-soft:#ebf3ff;--pt6-accent-ink:#2d63c0}
.pt6-screen.pt6-properties{--pt6-accent:#148e82;--pt6-accent-soft:#e5f9f4;--pt6-accent-ink:#087f73}
.pt6-screen.pt6-rent{--pt6-accent:#226bc6;--pt6-accent-soft:#eaf2ff;--pt6-accent-ink:#245aab}
.pt6-screen.pt6-utilities{--pt6-accent:#068caa;--pt6-accent-soft:#e7f8fb;--pt6-accent-ink:#077e99}
.pt6-screen.pt6-maintenance{--pt6-accent:#cf7c38;--pt6-accent-soft:#fff3e8;--pt6-accent-ink:#a95b25}
.pt6-screen.pt6-tickets{--pt6-accent:#8460bf;--pt6-accent-soft:#f4eeff;--pt6-accent-ink:#7246ae}
.pt6-screen.pt6-owners{--pt6-accent:#158f76;--pt6-accent-soft:#e6f8f0;--pt6-accent-ink:#117e68}
.pt6-screen.pt6-assets{--pt6-accent:#5876b7;--pt6-accent-soft:#ecf3ff;--pt6-accent-ink:#4362a5}
.pt6-screen.pt6-visitors{--pt6-accent:#0d94b3;--pt6-accent-soft:#e4f7ff;--pt6-accent-ink:#167b9a}
.pt6-screen.pt6-notices{--pt6-accent:#b07445;--pt6-accent-soft:#fff4e8;--pt6-accent-ink:#9b6037}
.pt6-screen.pt6-staff{--pt6-accent:#536dd9;--pt6-accent-soft:#edf0ff;--pt6-accent-ink:#4b62b8}
.pt6-screen.pt6-services{--pt6-accent:#068f96;--pt6-accent-soft:#e8f9f8;--pt6-accent-ink:#0a7880}
.pt6-screen.pt6-amenities{--pt6-accent:#805db9;--pt6-accent-soft:#f3edff;--pt6-accent-ink:#7652ad}
.pt6-screen.pt6-parking{--pt6-accent:#4674af;--pt6-accent-soft:#edf5ff;--pt6-accent-ink:#31629f}
.pt6-screen.pt6-subscriptions{--pt6-accent:#8b5bd0;--pt6-accent-soft:#f4edff;--pt6-accent-ink:#7449b4}
.pt6-screen.pt6-societies{--pt6-accent:#3969bb;--pt6-accent-soft:#eaf2ff;--pt6-accent-ink:#2e5aa5}
.pt6-screen.pt6-reports{--pt6-accent:#7754c8;--pt6-accent-soft:#f1eeff;--pt6-accent-ink:#6247b6}
.pt6-screen.pt6-settings{--pt6-accent:#4a609c;--pt6-accent-soft:#edf2fb;--pt6-accent-ink:#405488}
.pt6-screen>.h-screen{height:auto!important;min-height:calc(100dvh - 9rem)}
/* Deliberately redesigned heading block for previously unstyled module screens. */
.pt6-heading{display:flex;align-items:center;gap:16px;min-width:0}
.pt6-heading__icon{width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:17px;background:var(--pt6-accent-soft);color:var(--pt6-accent);border:1px solid color-mix(in srgb,var(--pt6-accent) 19%,transparent);box-shadow:0 8px 22px rgba(32,65,112,.07)}
.pt6-heading-svg{width:27px;height:27px}
.pt6-heading__copy{min-width:0}
.pt6-heading__eyebrow{display:block;font-weight:800;font-size:10px;letter-spacing:.17em;color:var(--pt6-accent-ink);line-height:1.5}
.pt6-heading h1{margin:3px 0 0!important;font-size:clamp(1.3rem,1.8vw,1.88rem)!important;line-height:1.18!important;font-weight:800!important;color:var(--pt6-ink)!important}
.pt6-heading__summary{margin:6px 0 0!important;font-size:12.5px;line-height:1.5;color:var(--pt6-muted)}
/* Personalize the already polished V4 headers instead of replacing their stable markup. */
.pt6-screen.ptm-screen .ptm-toolbar{border-radius:var(--pt6-radius);box-shadow:var(--pt6-shadow);border:1px solid var(--pt6-border);margin-top:16px;background:linear-gradient(112deg,#fff 8%,#f5faff 69%,var(--pt6-accent-soft) 123%)!important}
.pt6-screen.ptm-screen .ptm-heading-icon{border-radius:16px;box-shadow:0 6px 18px rgba(36,67,103,.065)}
.pt6-screen.ptm-screen .ptm-kicker{letter-spacing:.16em;font-size:10px}
.pt6-screen.ptm-screen .ptm-heading h1{font-weight:800!important}
.pt6-screen.ptm-screen .ptm-lead{font-size:12.5px}
.pt6-screen.ptm-screen .ptm-settings-hero,.pt6-screen.ptm-screen .ptm-subscription-intro{border-radius:var(--pt6-radius);box-shadow:var(--pt6-shadow)}
/* Existing legacy module toolbars, restructured as visual canvases but not DOM-wise. */
.pt6-screen .pt6-toolbar{position:relative;background:linear-gradient(112deg,#fff 7%,#f7faff 74%,var(--pt6-accent-soft) 145%)!important;border:1px solid var(--pt6-border)!important;border-radius:22px!important;box-shadow:var(--pt6-shadow);padding:clamp(17px,2.4vw,26px)!important;margin:16px 16px 15px!important;overflow:visible}
.pt6-screen .pt6-toolbar::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;background:linear-gradient(var(--pt6-accent),var(--pt6-cyan));border-radius:0 4px 4px 0}
.pt6-screen .pt6-toolbar .items-center.justify-between{gap:12px}
.pt6-screen .pt6-toolbar .inline-flex.items-center{flex-wrap:wrap;gap:8px}
.pt6-screen .pt6-toolbar :is(button,a.inline-flex){min-height:39px;border-radius:11px}
.pt6-screen .pt6-toolbar :is(input[type=search],input[type=text]){background:#fff;border:1px solid #cfdaea;border-radius:12px;min-height:42px;max-width:100%}
.pt6-screen .pt6-toolbar form{max-width:100%}
.pt6-screen :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea){max-width:100%;border-radius:11px;border-color:#cbd7e7;transition:border-color .17s,box-shadow .17s}
.pt6-screen :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea):focus{border-color:var(--pt6-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--pt6-accent) 14%,transparent)}
.pt6-screen :is(button,[role=button]){touch-action:manipulation}
.pt6-screen :is(input,select,textarea,button):disabled{cursor:not-allowed;opacity:.67}
/* Tables: preserve every row, selectable checkbox and Livewire action; scroll only the data surface. */
.pt6-screen .pt6-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#aebed6 transparent;border-radius:16px}
.pt6-screen .pt6-table-scroll>div{min-width:0}
.pt6-screen table{border-collapse:separate;border-spacing:0;font-size:13px;font-variant-numeric:tabular-nums}
.pt6-screen table thead{background:#f0f5fb!important}
.pt6-screen table th{color:#62748f!important;text-transform:uppercase;font-size:10.5px!important;letter-spacing:.063em;font-weight:760!important;white-space:nowrap;border-bottom:1px solid var(--pt6-border)!important}
.pt6-screen table td{border-color:#e7edf5!important;line-height:1.55;vertical-align:middle}
.pt6-screen table tbody tr:hover{background:#f6faff!important}
.pt6-screen table td a{font-weight:600}
.pt6-screen .pt6-table-scroll .overflow-hidden.shadow{border-radius:15px;border:1px solid #e1e8f2;box-shadow:var(--pt6-shadow)}
.pt6-screen :is(.pagination,.relative.z-0.inline-flex) a{border-radius:7px}
/* Cards, detail panels and report filters. Keep HTML nesting and input field names. */
.pt6-screen:not(.ptm-screen)>div>.bg-white.rounded-lg,.pt6-screen:not(.ptm-screen)>.bg-white.rounded-lg,
.pt6-screen:not(.ptm-screen)>div>.bg-white.rounded-xl,.pt6-screen:not(.ptm-screen)>.bg-white.rounded-xl{border:1px solid var(--pt6-border);border-radius:var(--pt6-radius);box-shadow:var(--pt6-shadow)}
.pt6-screen:not(.ptm-screen)>div>.grid>.bg-white,.pt6-screen:not(.ptm-screen)>.grid>.bg-white{border:1px solid var(--pt6-border);border-radius:16px}
.pt6-screen.pt6-tickets .grid.sm\:grid-cols-2>div{background:#fff;border:1px solid #e1eaf5;border-radius:15px;box-shadow:0 8px 20px rgba(14,35,65,.035);transition:transform .17s,border-color .17s}
.pt6-screen.pt6-tickets .grid.sm\:grid-cols-2>div:hover{border-color:#c7d7ef;transform:translateY(-1px)}
.pt6-screen.pt6-reports :is(.bg-gray-50.rounded-lg,.bg-gray-100.rounded-lg){border:1px solid var(--pt6-border);border-radius:15px}
.pt6-screen.pt6-reports input[type=radio]{accent-color:var(--pt6-accent)}
.pt6-screen.pt6-settings .ptm-settings-hero{background:linear-gradient(118deg,#fff,#f2f6ff)!important}
.pt6-screen.pt6-subscriptions .ptm-subscription-intro{background:linear-gradient(113deg,#fff 10%,#f5efff)!important}
.pt6-screen.pt6-subscriptions .body-font{border-radius:19px}
.pt6-screen.pt6-subscriptions .body-font .rounded-xl{border-radius:16px}
.pt6-screen.pt6-rent table td,.pt6-screen.pt6-utilities table td{font-variant-numeric:tabular-nums}
/* Authentication: focused, two-panel property-management experience; reuse V3 estate illustration. */
.pt6-auth .pt-auth-stage{background:radial-gradient(ellipse at 10% 12%,#e6efff 0%,transparent 45%),linear-gradient(137deg,#f7fbff,#eaf1f9)!important}
.pt6-auth .pt-auth-showcase{background:linear-gradient(150deg,#132946 1%,#23496a 66%,#185963)!important;border:1px solid rgba(233,244,255,.18);box-shadow:0 24px 65px rgba(9,28,55,.2)}
.pt6-auth .pt-auth-showcase__image{filter:drop-shadow(0 15px 25px rgba(11,26,47,.22))}
.pt6-auth .pt-auth-form-stack{min-width:0}
.pt6-auth .pt-auth-form-stack .shadow-md{border:1px solid #dee7f2;box-shadow:0 22px 55px rgba(14,36,70,.1)!important;border-radius:20px!important}
.pt6-auth-heading{margin:4px 0 22px}
.pt6-auth-heading__eyebrow{color:#315fd3;font-size:10px;font-weight:800;letter-spacing:.16em}
.pt6-auth-heading h1{margin:8px 0 3px;color:#122640;font-size:clamp(1.65rem,3vw,2.1rem);font-weight:800;letter-spacing:-.04em;line-height:1.16}
.pt6-auth-heading p{margin-top:5px;color:#62758d;font-size:13px;line-height:1.65}
.pt6-auth input:not([type=checkbox]):not([type=hidden]){min-height:43px;border-radius:11px}
.pt6-auth button[type=submit]{min-height:43px;border-radius:11px}
.pt6-guest #main-content{background:transparent}
/* Mobile: controls remain fully usable; no horizontal overflow of the module shell. */
@media(max-width:1023px){
 .pt6-app #main-content main{padding:0 0 26px}
 .pt6-screen .pt6-toolbar{margin:12px 12px 12px!important;padding:18px!important}
 .pt6-screen.ptm-screen .ptm-toolbar{margin:12px!important}
 .pt6-screen .pt6-table-scroll{border-radius:12px}
}
@media(max-width:639px){
 .pt6-heading{gap:11px;align-items:flex-start}.pt6-heading__icon{width:44px;height:44px;border-radius:13px}.pt6-heading-svg{width:23px;height:23px}
 .pt6-heading h1{font-size:1.28rem!important}.pt6-heading__summary{font-size:11.5px}
 .pt6-screen .pt6-toolbar{margin:9px 9px 11px!important;padding:15px!important;border-radius:16px!important}
 .pt6-screen .pt6-toolbar .inline-flex.items-center{gap:6px;width:100%}
 .pt6-screen .pt6-toolbar .inline-flex.items-center>button{flex:0 1 auto}
 .pt6-screen .pt6-toolbar .sm\:w-64,.pt6-screen .pt6-toolbar .xl\:w-96{width:100%!important;max-width:100%}
 .pt6-screen .pt6-toolbar form{width:100%}
 .pt6-screen.ptm-screen .ptm-toolbar{padding:17px 16px!important;border-radius:16px}
 .pt6-screen.ptm-screen .ptm-heading-icon{width:42px;height:42px}
 .pt6-screen table{font-size:12px}
 .pt6-screen table td,.pt6-screen table th{padding:10px 12px!important}
 .pt6-auth .pt-auth-stage{padding:12px 12px 24px!important}
 .pt6-auth .pt-auth-form-stack .shadow-md{border-radius:18px!important}
}
/* RTL support — don't invert payment data values or program state. */
[dir=rtl] .pt6-screen .pt6-toolbar::before{left:auto;right:0;border-radius:4px 0 0 4px}
[dir=rtl] .pt6-heading{flex-direction:row}
/* Dark-mode legibility, including Tailwind dark variant surfaces. */
.dark .pt6-app #main-content{background:radial-gradient(ellipse at 90% 0%,rgba(32,95,147,.12),transparent 65%),#0f1828}
.dark .pt6-screen{--pt6-ink:#eff5ff;--pt6-muted:#aebfd6;--pt6-border:#33455c;--pt6-paper:#1c293d;--pt6-canvas:#111c2d;--pt6-shadow:0 11px 29px rgba(0,0,0,.17);--pt6-accent-soft:#283a54;--pt6-accent-ink:#b5cbff}
.dark .pt6-screen .pt6-toolbar,.dark .pt6-screen.ptm-screen .ptm-toolbar{background:linear-gradient(110deg,#1b2a40,#223550)!important;border-color:var(--pt6-border)!important}
.dark .pt6-screen .pt6-heading h1{color:#eff5ff!important}
.dark .pt6-screen table thead{background:#22344b!important}
.dark .pt6-screen table th{color:#c2d0e0!important;border-color:#384b66!important}
.dark .pt6-screen table td{border-color:#34445e!important}
.dark .pt6-screen table tbody tr:hover{background:#23354d!important}
.dark .pt6-screen .pt6-toolbar :is(input[type=search],input[type=text]){background:#22324a;border-color:#41546d;color:#fff}
.dark .pt6-screen.pt6-tickets .grid.sm\:grid-cols-2>div{background:#203149;border-color:#364b65}
.dark .pt6-auth .pt-auth-stage{background:linear-gradient(125deg,#101b2c,#18283d)!important}
.dark .pt6-auth-heading h1{color:#f1f6ff}.dark .pt6-auth-heading p{color:#b7c7d9}
.dark .pt6-auth .pt-auth-form-stack .shadow-md{border-color:#364962}
@media(prefers-reduced-motion:reduce){.pt6-app #main-content{scroll-behavior:auto}.pt6-app *, .pt6-auth *, .pt6-guest *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}