@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#17231f;--muted:#6f7b76;--line:#dde3df;--paper:#f5f6f2;--card:#fff;--green:#12382f;--mint:#d8eadf;--gold:#b9914b;--danger:#a6463d;--shadow:0 16px 45px rgba(18,56,47,.08)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}h1,h2,strong{font-family:Manrope,sans-serif}h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.08;letter-spacing:-.045em;margin:.25rem 0 .6rem}h2{font-size:1.15rem;letter-spacing:-.025em}p{line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--green);color:#edf5f1;padding:28px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px}.brand>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #a8c8b8;border-radius:50%;font:800 1.1rem Manrope}.brand strong{letter-spacing:.14em}.brand small{font-size:.55rem;display:block;letter-spacing:.26em;color:#a9c5b9}.brand.large{color:var(--green);justify-content:center;margin-bottom:30px}.brand.large>span{width:44px;height:44px}.sidebar nav{display:grid;gap:6px;margin:44px 0}.sidebar nav a{padding:12px 14px;border-radius:9px;color:#c2d2cb}.sidebar nav a:hover{background:#224a40;color:white}.sidebar-foot{margin-top:auto;border-top:1px solid #31574e;padding-top:18px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.sidebar-foot small{display:block;color:#9eb8ad;text-transform:capitalize}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#fff;font-weight:700}.icon-btn{border:0;background:none;color:#fff;font-size:1.2rem}.app{margin-left:244px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4vw;gap:20px}.search{max-width:560px;flex:1;display:flex;gap:8px;background:var(--paper);border-radius:9px;padding:10px 13px}.search input{border:0;background:none;outline:0;width:100%}.menu{display:none}.date{margin-left:auto;color:var(--muted)}.page{padding:38px 4vw 70px;max-width:1500px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.page-head p{margin:0;color:var(--muted)}.eyebrow{font-size:.7rem!important;letter-spacing:.16em!important;font-weight:700!important;color:var(--gold)!important}.primary{background:var(--green);color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:700;cursor:pointer}.button{display:inline-block}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat-grid article,.panel,.table-card,.ticket{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 0 rgba(18,56,47,.02)}.stat-grid article{padding:21px}.stat-grid span{font-size:.68rem;letter-spacing:.12em;color:var(--muted);font-weight:700}.stat-grid strong{font-size:2rem;display:block;margin:8px 0}.stat-grid small{color:var(--muted)}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.panel{padding:24px}.panel.dark{background:var(--green);color:#fff;min-height:290px;display:flex;flex-direction:column;justify-content:flex-end;background-image:radial-gradient(circle at 85% 15%,rgba(216,234,223,.16),transparent 32%)}.panel.dark p{color:#c4d5ce}.panel.dark a{color:#d6bb88;font-weight:700}.panel-head{display:flex;justify-content:space-between;align-items:center}.count{background:var(--mint);color:var(--green);border-radius:20px;padding:5px 10px;font-weight:700}.queue{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.queue-icon{width:36px;height:36px;display:grid;place-items:center;background:#edf3ef;border-radius:50%;color:var(--green)}.queue small,.queue strong{display:block}.queue small{margin-top:3px;color:var(--muted);text-transform:capitalize}.filters{display:flex;gap:10px;margin-bottom:16px}.filters input,.filters select,.big-search input{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px 14px}.filters input{flex:1}.table-card{overflow:auto}table{border-collapse:collapse;width:100%;min-width:790px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line)}th{font-size:.7rem;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}td small{display:block;color:var(--muted);margin-top:3px}.status{display:inline-block;border-radius:20px;padding:5px 9px;background:#edf0ee;color:#47554f;font-size:.72rem;font-weight:700;text-transform:capitalize;white-space:nowrap}.status.occupied,.status.active,.status.approved,.status.converted{background:#dcecdf;color:#27613f}.status.available,.status.owner_review,.status.renewal_pending{background:#f4ead6;color:#7d5b21}.status.rejected,.status.emergency{background:#f5dfdc;color:var(--danger)}.status.high{background:#f5e6dc;color:#8a4c27}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.facts,.ticket-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.facts span,.ticket-meta span{color:var(--muted);font-size:.8rem}.facts strong,.ticket-meta strong{display:block;color:var(--ink);margin-top:7px}.timeline>div{display:grid;grid-template-columns:20px 1fr;gap:15px;padding:10px 0}.timeline i{width:10px;height:10px;border-radius:50%;background:var(--gold);margin-top:7px;box-shadow:0 0 0 5px #f5eee1}.timeline p{margin:.2rem 0;color:var(--muted)}.pipeline{display:flex;justify-content:space-between;position:relative;background:#fff;border:1px solid var(--line);padding:18px 26px;border-radius:12px;margin-bottom:16px;color:var(--muted);font-size:.75rem}.pipeline:before{content:'';position:absolute;top:50%;left:8%;right:8%;height:1px;background:var(--line)}.pipeline span{background:#fff;padding:3px 8px;z-index:1}.text-btn{border:0;background:none;color:var(--green);font-weight:700;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ticket{padding:23px}.ticket-top{display:flex;justify-content:space-between}.ticket>p{color:var(--muted)}.ticket-meta{padding:17px 0;border-block:1px solid var(--line);margin:18px 0}.actions{display:flex;gap:8px;justify-content:flex-end}.actions button:not(.primary){border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 13px}.empty{text-align:center;color:var(--muted);padding:35px}.large-empty{background:#fff;border:1px dashed #cbd4cf;border-radius:14px;padding:80px 20px}.large-empty strong{font-size:1.3rem}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#dce9e2,transparent 35%),var(--paper)}.login-card{width:min(430px,100%);background:#fff;padding:38px;border-radius:18px;box-shadow:var(--shadow)}.login-card{text-align:center}.stack{display:grid;gap:16px;text-align:left}.stack label{font-size:.8rem;font-weight:700}.stack input,.stack select,.stack textarea{width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:8px}.muted,.demo,.fine{color:var(--muted)}.demo{font-size:.78rem;margin-top:18px}.flash{margin-bottom:18px;padding:12px 15px;border-radius:8px}.flash.success{background:#dcecdf;color:#27613f}.flash.error{background:#f5dfdc;color:var(--danger)}dialog{border:0;border-radius:14px;padding:24px;width:min(520px,90vw);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(10,24,19,.5)}.days{font-weight:800;color:var(--gold)}.big-search{display:flex;gap:9px}.big-search input{flex:1}.search-results{margin-top:18px;display:grid;gap:8px}.search-results a{display:flex;justify-content:space-between;background:#fff;padding:16px;border:1px solid var(--line);border-radius:10px}.search-results span{color:var(--muted)}.application-shell{max-width:920px;margin:auto}.apply-hero{text-align:center;background:var(--green);color:#fff;border-radius:18px;padding:45px 20px}.apply-hero>p{color:#c2d5cc}.price strong{font-size:2rem}.price span{display:block;color:#a9c5b9}.apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.cost span{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.checklist{padding-left:20px;color:var(--muted);line-height:1.8}.full{width:100%}.back{color:var(--muted);font-size:.85rem}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.app{margin-left:0}.menu{display:block;border:0;background:none;font-size:1.2rem}.stat-grid{grid-template-columns:1fr 1fr}.split,.detail-grid{grid-template-columns:1fr}.topbar{padding:0 18px}.page{padding:28px 18px}.date{display:none}}
@media(max-width:620px){.page-head{align-items:flex-start;flex-direction:column}.stat-grid,.cards,.apply-grid{grid-template-columns:1fr}.filters{overflow:auto}.pipeline{overflow:auto;gap:20px;justify-content:flex-start}.pipeline:before{display:none}.facts,.ticket-meta{grid-template-columns:1fr 1fr}.login-card{padding:28px 22px}.search-results a{flex-direction:column;gap:5px}}

/* Product interaction system: copy-owned patterns adapted from the reviewed UI references. */
:where(button,a,input,select,textarea):focus-visible{outline:3px solid rgba(185,145,75,.42);outline-offset:2px}button,.button,.sidebar nav a{min-height:44px}.stat-grid strong,.days,.price strong,td{font-variant-numeric:tabular-nums}.quiet-button,.danger-button{min-height:44px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer}.danger-button{color:var(--danger);border-color:#ecd1cd}.workflow-stepper{list-style:none;margin:0 0 20px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:repeat(6,1fr);overflow:hidden}.workflow-stepper li{position:relative;display:flex;align-items:center;gap:10px;color:#909993;min-width:0}.workflow-stepper li:not(:last-child):after{content:'';height:2px;background:#dce2de;position:absolute;left:calc(50% + 24px);right:12px;top:17px}.workflow-stepper i{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#eef1ef;border:1px solid #dce2de;font-style:normal;font-size:.75rem;font-weight:800}.workflow-stepper b,.workflow-stepper small{display:block}.workflow-stepper b{font-size:.77rem;color:var(--ink)}.workflow-stepper small{font-size:.67rem;margin-top:3px}.workflow-stepper .done i{background:var(--green);color:#fff;border-color:var(--green)}.workflow-stepper .done:not(:last-child):after{background:#7aa090}.workflow-stepper .current i{background:#fff;color:var(--green);border:2px solid var(--gold);box-shadow:0 0 0 4px #f5eee1}.workflow-stepper .current b{color:var(--green)}.review-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:18px}.person{display:flex;align-items:center;gap:14px;padding:20px 0}.person h2,.person p{margin:0}.person p{color:var(--muted);margin-top:4px}.applicant-avatar{width:48px;height:48px;background:#d8eadf;color:var(--green)}.verification-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.verification{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:#fbfcfa;padding:12px;border-radius:10px;min-height:64px}.verification i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:#dcecdf;color:#27613f;font-weight:800}.verification span,.verification strong{display:block}.verification span{font-size:.72rem;color:var(--muted)}.verification strong{font-size:.82rem;color:var(--ink);margin-top:2px}.recommendation{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;margin-top:18px;padding:16px;background:#f1f6f2;border:1px solid #d9e6dc;border-radius:11px}.recommendation small,.recommendation strong{display:block}.recommendation small{color:#6b7f75;font-size:.65rem;letter-spacing:.1em;font-weight:800}.recommendation strong{margin-top:4px}.recommendation p{font-size:.82rem;color:var(--muted);margin:.4rem 0 0}.confidence{font-size:.7rem;background:#fff;padding:5px 8px;border-radius:20px;color:#27613f;white-space:nowrap}.approval-card{align-self:start;position:sticky;top:96px}.decision-note{font-size:.76rem;font-weight:700;display:block;margin:18px 0}.decision-note textarea{display:block;width:100%;margin-top:7px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:11px}.decision-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.decision-actions .primary{grid-column:1/-1}.decision-box{padding:12px;background:#edf6f0;border:1px solid #cfe2d5;border-radius:9px}.decision-box p{font-size:.8rem;margin:.3rem 0 0}.queue,.ticket,.stat-grid article,.verification{transition:border-color 160ms ease,box-shadow 160ms ease,transform 120ms ease}.queue:hover,.ticket:hover,.stat-grid article:hover{border-color:#c8d4cd;box-shadow:0 8px 25px rgba(18,56,47,.06)}button:active,.button:active{transform:scale(.98)}
@media(max-width:1100px){.workflow-stepper{grid-template-columns:repeat(3,1fr);gap:18px}.workflow-stepper li:after{display:none}.review-layout{grid-template-columns:1fr}.approval-card{position:static}}
@media(max-width:620px){.workflow-stepper{grid-template-columns:1fr 1fr;padding:16px}.workflow-stepper span{min-width:0}.verification-grid{grid-template-columns:1fr}.recommendation{grid-template-columns:auto 1fr}.confidence{grid-column:2}.decision-actions{grid-template-columns:1fr}.decision-actions .primary{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

.sidebar nav a{display:flex;align-items:center;gap:12px}.sidebar nav i{width:20px;text-align:center;font-style:normal;color:#9fbaae}.mobile-drawer-head,.mobile-brand,.mobile-search,.mobile-tabs,.nav-scrim{display:none}
@media(max-width:900px){body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.sidebar{display:flex;width:min(86vw,320px);padding-top:max(18px,env(safe-area-inset-top));box-shadow:22px 0 60px rgba(9,30,24,.2);visibility:hidden}.sidebar.open{visibility:visible}.mobile-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#aec4bb;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.nav-close{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#254b42;color:#fff;font-size:1.5rem}.nav-scrim{position:fixed;inset:0;z-index:4;border:0;background:rgba(11,29,24,.48);opacity:0;visibility:hidden;transition:opacity 160ms ease}.nav-open .nav-scrim{display:block;opacity:1;visibility:visible}.nav-open{overflow:hidden}.topbar{height:64px;position:sticky;top:0;z-index:3;padding-top:env(safe-area-inset-top)}.mobile-brand{display:flex;align-items:center;gap:7px;margin-right:auto;color:var(--green)}.mobile-brand span{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--green);border-radius:50%;font:800 .78rem Manrope}.mobile-brand b{font:800 .82rem Manrope;letter-spacing:.12em}.topbar .search{display:none;position:absolute;left:12px;right:12px;top:68px;max-width:none;box-shadow:var(--shadow);border:1px solid var(--line)}.topbar.search-open .search{display:flex}.mobile-search{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--ink);font-size:1.35rem}.mobile-tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:4;bottom:0;left:0;right:0;height:calc(66px + env(safe-area-inset-bottom));padding:5px 6px env(safe-area-inset-bottom);background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -8px 28px rgba(18,56,47,.06);backdrop-filter:blur(12px)}.mobile-tabs a,.mobile-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:56px;border:0;background:none;color:#7b8782;font-size:.65rem}.mobile-tabs i{font-style:normal;font-size:1.2rem;line-height:1}.mobile-tabs .nav-active{color:var(--green)!important;background:#eef4f0;border-radius:10px}.mobile-tabs em{position:absolute;top:5px;left:55%;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--gold);color:white;font-style:normal;font-size:.58rem;font-weight:800}.page{padding-top:24px}.page-head{margin-bottom:22px}.page-head .primary,.page-head .quiet-button{width:100%}.demo-ribbon{bottom:78px!important;font-size:10px!important}.flash{position:sticky;top:72px;z-index:2}.cards{gap:12px}.ticket,.panel{border-radius:12px}.actions{flex-wrap:wrap}.actions button{flex:1;min-width:130px}}
@media(max-width:620px){h1{font-size:1.85rem}.stat-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-18px;padding:0 18px 8px;scrollbar-width:none}.stat-grid article{flex:0 0 78vw;scroll-snap-align:start}.split{gap:12px}.queue{min-height:72px}.table-card{border:0;background:transparent;box-shadow:none;overflow:visible}.table-card table,.table-card tbody{display:block;min-width:0}.table-card thead{display:none}.table-card tr{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:12px}.table-card td{display:grid;grid-template-columns:minmax(92px,34%) 1fr;gap:10px;align-items:center;padding:8px 4px;border:0;text-align:right}.table-card td:first-child{display:block;text-align:left;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:5px}.table-card td:not(:first-child):before{content:'Detail';text-align:left;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.table-card td:nth-child(2):before{content:'Owner / tenant'}.table-card td:nth-child(3):before{content:'Tenant / rent'}.table-card td:nth-child(4):before{content:'Rent / expiry'}.table-card td:nth-child(5):before{content:'Expiry / milestone'}.table-card td:nth-child(6):before{content:'Status / action'}.filters{margin-inline:-18px;padding:0 18px;scrollbar-width:none}.filters input{min-width:210px}.search-results a{min-height:64px}.large-empty{padding:55px 18px}}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}.form-grid label{font-size:.78rem;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.ticket label input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:8px}.check{display:flex!important;align-items:flex-start;gap:9px}.check input{width:19px!important;min-height:19px;margin:1px 0!important}.review-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.review-list span{color:var(--muted)}
@media(max-width:620px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}dialog{padding:19px}.application-shell{width:100%}}

/* Shared navigation and modal usability fixes. */
.sidebar nav{margin:32px 0 16px;overflow-y:auto;min-height:0;flex:1;padding-right:4px;scrollbar-width:thin}.sidebar-foot{margin-top:0;flex:0 0 auto;grid-template-columns:auto minmax(0,1fr) auto}.sidebar-foot strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dialog{position:relative;max-height:min(88vh,760px);overflow:auto;padding-top:28px}.dialog-close{position:sticky;z-index:2;top:-18px;float:right;display:grid;place-items:center;width:40px;height:40px;margin:-10px -10px 0 10px;border:0;border-radius:50%;background:#eef2ef;color:var(--ink);font-size:1.45rem;line-height:1;cursor:pointer}.dialog-close:hover{background:#dfe8e3}.dialog-close+form>h2{padding-right:38px}

/* Consistent table action controls across desktop and mobile. */
td>.actions{justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;white-space:nowrap}td>.actions>form{display:flex;align-items:stretch;margin:0}td>.actions button{height:44px;min-width:72px;padding:9px 13px!important}.danger-button{background:#fff!important;color:var(--danger)!important;border:1px solid #ecd1cd!important}@media(max-width:620px){td>.actions{justify-content:flex-end;flex-wrap:wrap}td>.actions button{min-width:88px!important}}

/* Mobile action rows and payment destination cards. */
.payment-accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.payment-account{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px}.payment-account span,.payment-account small{display:block;color:var(--muted)}.payment-account strong{display:block;font-size:1.1rem;margin:8px 0 3px}.account-number{font-size:1.35rem!important;letter-spacing:.06em}.payment-reference{padding:13px 15px;background:#f4ead6;border-radius:9px;color:#6d5123;margin-bottom:18px}.notice{padding:13px 15px;background:#edf3ef;border:1px solid #d7e3db;border-radius:9px;color:#36594a;margin-bottom:18px}@media(max-width:620px){.payment-accounts{grid-template-columns:1fr}.table-card td.action-cell{display:block!important;text-align:right;padding-top:12px;border-top:1px solid var(--line);margin-top:5px}.table-card td.action-cell:before{display:none!important}.table-card td.action-cell>.actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.table-card td.action-cell>.actions>form{display:block}.table-card td.action-cell>.actions button{width:100%;min-width:0!important}.table-card td.action-cell>a{display:block}.table-card td.action-cell:empty{display:none!important}}

/* Narrow-phone and modal centering corrections. */
dialog[open]{position:fixed;inset:0;margin:auto;width:min(520px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);transform:none;padding:28px 20px 20px}.dialog-close{position:absolute;top:10px;right:10px;float:none;margin:0}.dialog-close+form>h2{padding-right:44px}@media(max-width:340px){.page{padding-inline:12px}.table-card tr{padding:10px}.table-card td{grid-template-columns:minmax(78px,32%) minmax(0,1fr);gap:7px}.table-card td.action-cell>.actions,.ticket>.actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}.table-card td.action-cell>.actions>form,.ticket>.actions>form{min-width:0}.table-card td.action-cell>.actions button,.ticket>.actions button{width:100%;min-width:0!important;padding-inline:7px!important}dialog[open]{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:26px 14px 16px}}

.review-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.review-facts span{color:var(--muted);font-size:.74rem}.review-facts strong{display:block;margin-top:5px;color:var(--ink);font-size:.86rem;overflow-wrap:anywhere}.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.evidence-card{display:flex;flex-direction:column;gap:5px;min-height:96px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fbfcfa;color:var(--ink);transition:border-color 150ms ease,box-shadow 150ms ease}.evidence-card:hover{border-color:#9fb7ac;box-shadow:0 8px 24px rgba(18,56,47,.06)}.evidence-card span,.evidence-card small{font-size:.7rem;color:var(--muted)}.review-item{padding:15px 0;border-top:1px solid var(--line)}.review-item>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.review-item p{font-size:.78rem;color:var(--muted)}.history-row{padding:12px 0;border-top:1px solid var(--line)}.history-row small{display:block;color:var(--muted);margin-top:3px}.history-row p{font-size:.82rem}.cost-total{font-size:1rem!important;background:#f4ead6;margin-top:8px;padding-inline:10px!important;border-radius:8px;border:0!important}.package-banner,.payment-summary{margin-bottom:18px}.package-banner{display:flex;justify-content:space-between;align-items:center;gap:16px}.package-banner h2,.package-banner p{margin:.3rem 0}.payment-summary>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.package-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.package-items span{padding:10px;background:#f7f9f7;border-radius:8px;color:var(--muted);font-size:.72rem}.package-items strong{display:block;color:var(--ink);margin-top:4px;font-variant-numeric:tabular-nums}.package-progress{height:8px;background:#e7ece9;border-radius:8px;overflow:hidden;margin:14px 0}.package-progress i{display:block;height:100%;background:var(--green)}.vault-folder{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:14px;overflow:hidden}.vault-folder>summary,.vault-subfolder>summary{display:flex;align-items:center;gap:12px;min-height:60px;padding:14px 18px;cursor:pointer;list-style:none}.vault-folder>summary>span:nth-child(2){flex:1}.vault-folder summary small{display:block;color:var(--muted);margin-top:3px}.vault-folder summary>b,.vault-subfolder summary>b{margin-left:auto;color:var(--muted);font-size:.72rem}.folder-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#f4ead6;color:#8b692f}.vault-groups{padding:0 14px 14px}.vault-subfolder{border-top:1px solid var(--line)}.vault-subfolder>summary{min-height:52px}.document-list{padding:0 14px 12px}.document-list a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border-radius:8px;color:var(--ink)}.document-list a:hover{background:#f5f8f6}.document-list small{display:block;color:var(--muted);margin-top:3px}.document-list>a>b{font-size:.72rem;color:var(--muted);white-space:nowrap}@media(max-width:620px){.review-facts,.package-items{grid-template-columns:1fr 1fr}.evidence-grid{grid-template-columns:1fr}.package-banner,.payment-summary>div:first-child{align-items:flex-start;flex-direction:column}.package-banner .button{width:100%;text-align:center}.vault-folder>summary{padding:12px}.vault-folder>summary>b{display:none}.document-list{padding-inline:4px}}@media(max-width:340px){.review-facts,.package-items{grid-template-columns:1fr}.page-head>.actions{display:grid;width:100%;grid-template-columns:1fr}}

/* Guarantor invitation recovery and delivery history. */
.guarantor-invitations{margin-top:18px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.invitation-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.invitation-head h3,.invitation-head p{margin:.2rem 0}.invitation-head>div{min-width:0}.copy-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end;margin-top:16px}.copy-link label{min-width:0;font-size:.76rem;font-weight:700}.copy-link input{display:block;width:100%;min-width:0;height:44px;margin-top:6px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#f7f9f7;color:#41524b;text-overflow:ellipsis}.copy-link .copied{background:#e2f0e5;border-color:#bdd7c4;color:#27613f}.guarantor-invitations>.fine{font-size:.74rem;margin:.55rem 0 0}.invitation-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.invitation-actions form{display:flex}.invitation-history{margin-top:16px;border-top:1px solid var(--line)}.invitation-history>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer;font-weight:700;list-style:none}.invitation-history>summary::-webkit-details-marker{display:none}.invitation-history>summary b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:20px;background:#edf2ef;font-size:.72rem}.invitation-history article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;padding:13px 0;border-top:1px solid var(--line)}.invitation-history article>div:first-child{min-width:0}.invitation-history small{display:block;color:var(--muted);font-size:.7rem;line-height:1.5}.invitation-history article>small{grid-column:1/-1}.invitation-states{display:flex;align-items:flex-start;justify-content:flex-end;gap:5px;flex-wrap:wrap}.status.revoked,.status.failed,.status.rejected{background:#f5dfdc;color:var(--danger)}.status.sent,.status.submitted,.status.verified{background:#dcecdf;color:#27613f}.status.retry{background:#f4ead6;color:#7d5b21}
@media(max-width:620px){.guarantor-invitations{padding:15px}.copy-link{grid-template-columns:1fr}.copy-link .quiet-button{width:100%}.invitation-actions{display:grid;grid-template-columns:1fr 1fr}.invitation-actions form,.invitation-actions button{width:100%}.invitation-history article{grid-template-columns:1fr}.invitation-states{justify-content:flex-start}.invitation-history article>small{grid-column:auto}}
@media(max-width:340px){.invitation-head{display:grid}.invitation-actions{grid-template-columns:1fr}}

.account-connection{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;margin:16px 0;padding:14px;border:1px solid #cfe2d5;border-radius:10px;background:#f1f6f2}.account-connection strong,.account-connection small{min-width:0;overflow-wrap:anywhere}.account-connection small{color:var(--muted)}.account-connection .status{grid-column:2;grid-row:1/3}.account-connection+.primary{margin-top:2px}
@media(max-width:340px){.account-connection{grid-template-columns:1fr}.account-connection .status{grid-column:auto;grid-row:auto;justify-self:start}}

.renewal-offer{display:grid;grid-template-columns:1fr 1fr;gap:9px}.renewal-offer span{padding:12px;border:1px solid var(--line);border-radius:9px;background:#f7f9f7;color:var(--muted);font-size:.74rem}.renewal-offer span:last-child{grid-column:1/-1}.renewal-offer strong{display:block;margin-top:5px;color:var(--ink);font-size:.92rem;font-variant-numeric:tabular-nums}@media(max-width:340px){.renewal-offer{grid-template-columns:1fr}.renewal-offer span:last-child{grid-column:auto}}

/* Move-out evidence and reconciliation states. */
.exit-eligibility{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.exit-eligibility span{color:var(--muted)}.exit-card .ticket-top{align-items:center}.exit-inspection{font-size:.72rem;font-weight:700}.exit-inspection.ready{color:#27613f}.exit-inspection.pending{color:#7d5b21}.exit-action{text-align:center}.exit-card .full{display:block;width:100%}.exit-card dialog .renewal-offer span:last-child{grid-column:auto}
@media(max-width:340px){.exit-card .ticket-top{align-items:flex-start;flex-direction:column;gap:8px}.exit-card .ticket-meta{grid-template-columns:1fr}.exit-card .actions{grid-template-columns:1fr}}

/* Maintenance quote routing and immutable decision history. */
.maintenance-head-actions{flex-wrap:wrap}.threshold-summary{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:6px 12px}.threshold-summary span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.threshold-summary strong{font-size:1.05rem;font-variant-numeric:tabular-nums}.threshold-summary small{color:var(--muted)}.quote-state{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-6px 0 16px}.quote-state small{color:var(--muted)}.status.owner_review,.status.tenant_review,.status.awaiting_approval{background:#f4ead6;color:#7d5b21}.decision-panel{margin-top:16px;padding:15px;border:1px solid #dfcfad;border-radius:10px;background:#fcf8ee}.decision-panel>strong{display:block}.decision-panel>p{margin:.35rem 0 12px;color:var(--muted);font-size:.82rem}.decision-panel label{font-size:.76rem;font-weight:700}.decision-panel textarea{display:block;width:100%;min-height:68px;margin:6px 0 11px;padding:10px;border:1px solid var(--line);border-radius:8px;resize:vertical}.approval-wait{padding:12px 14px;border-radius:9px;background:#f4ead6;color:#6f5427;font-size:.82rem}.quote-history{margin-top:16px;border-top:1px solid var(--line)}.quote-history>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer;font-weight:700;list-style:none}.quote-history>summary::-webkit-details-marker{display:none}.quote-history>summary b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:20px;background:#edf2ef;font-size:.72rem}.quote-history article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 0;border-top:1px solid var(--line)}.quote-history article small{display:block;margin-top:3px;color:var(--muted)}.quote-history article p{grid-column:1/-1;margin:0;color:var(--muted);font-size:.8rem}.maintenance-actions{margin-bottom:12px}
@media(max-width:620px){.maintenance-head-actions{display:grid;width:100%;grid-template-columns:1fr}.threshold-summary{grid-template-columns:1fr auto}.threshold-summary small{grid-column:1/-1}.quote-state{align-items:flex-start;flex-direction:column}.decision-panel .actions{display:grid;grid-template-columns:1fr 1fr}.decision-panel .actions .primary{grid-column:1/-1}.quote-history article{grid-template-columns:1fr}.quote-history article .status{justify-self:start}.quote-history article p{grid-column:auto}}
@media(max-width:340px){.maintenance-card .ticket-meta{grid-template-columns:1fr}.decision-panel .actions{grid-template-columns:1fr}.decision-panel .actions .primary{grid-column:auto}}
