/* Мой Дом — монохромный интерфейс по референсу. Цвет используется только в фотографиях. */
:root{--md-bg:#f2f2f2;
--md-surface:#fff;
--md-ink:#171717;
--md-muted:#666666;
--md-soft:#f2f2f2;
--md-accent:#171717;
--md-strong:#171717;
--md-line:#e8e8e8;
--md-error:#333333;
--md-radius:24px;
--md-sidebar:228px;
--md-shadow:0 8px 30px rgba(0,0,0,.035)}

*{box-sizing:border-box}
html{font-size:16px;
background:var(--md-bg);
scroll-behavior:smooth}
body.md-body{margin:0;
font-size:16px;
color:var(--md-ink);
background:var(--md-bg);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
font-weight:400;
line-height:1.5;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit;
color:inherit}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default;
opacity:.48}
a{color:inherit;
text-decoration:none}
button{border:0}
img{display:block;
max-width:100%}
h1,h2,h3,p{margin:0}
small,sub,sup{font-size:12px}
sub,sup{line-height:0}
h1,h2,h3{font-weight:600;
line-height:1.2;
letter-spacing:-.035em}
a,button,input,textarea,select{outline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #737373}
svg{flex-shrink:0}
input[type=checkbox]{accent-color:var(--md-accent)}
[hidden]{display:none!important}
.md-icon{width:24px;
height:24px;
vertical-align:middle;
flex-shrink:0}
.md-large-icon{height:54px;
width:54px;
color:var(--md-accent)}
.md-skip{position:fixed;
top:-100px;
left:20px;
z-index:1000;
background:var(--md-ink);
color:#fff;
padding:12px 18px;
border-radius:10px}
.md-skip:focus{top:12px}
.md-brand{display:flex;
align-items:center;
gap:12px;
font-size:23px;
font-weight:650;
letter-spacing:-1px;
white-space:nowrap}
.md-brand>.md-icon{width:39px;
height:39px;
color:var(--md-accent);
stroke-width:1.3}
.md-brand span{display:block}
.md-brand small,.md-brand>span>small{font-size:12px;
white-space:normal;
line-height:1.4;
letter-spacing:.05px;
color:var(--md-muted);
font-weight:400;
display:block;
margin-top:1px}
.md-start{min-height:100dvh;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:35px;
padding:28px}
.md-start>.md-brand{display:block;
text-align:center}
.md-start>.md-brand>span{display:block;
font-size:14px;
letter-spacing:0;
color:var(--md-muted);
font-weight:400}
.md-spinner{height:28px;
width:28px;
border-radius:50%;
border:2px solid var(--md-soft);
border-top-color:var(--md-accent);
animation:md-spin .7s linear infinite}
.md-loading{min-height:350px;
display:flex;
align-items:center;
justify-content:center;
gap:16px;
flex-direction:column;
color:var(--md-muted);
font-size:14px}
@keyframes md-spin{to{transform:rotate(360deg)}
}
.md-shell{max-width:1720px;
margin:auto;
min-height:100dvh}
.md-sidebar{position:fixed;
top:0;
bottom:0;
width:var(--md-sidebar);
padding:35px 22px 24px;
background:#fff;
border-right:1px solid var(--md-line);
display:flex;
flex-direction:column;
z-index:20}
.md-sidebar .md-brand{margin:6px 4px 40px}
.md-sidebar nav{display:flex;
flex-direction:column;
gap:8px}
.md-nav-link{display:flex;
align-items:center;
gap:13px;
font-size:14px;
font-weight:500;
color:#5b5b5b;
padding:14px 14px;
border-radius:15px;
transition:background .18s,color .18s}
.md-nav-link>.md-icon{width:22px;
height:22px;
stroke-width:1.5}
.md-nav-link:hover{background:#f5f5f5;
color:var(--md-ink)}
.md-nav-link.active{background:var(--md-soft);
color:var(--md-strong)}
.md-nav-link.active>.md-icon{stroke-width:1.9}
.md-sidebar-bottom{margin-top:auto;
padding-top:34px}
.md-sidebar-bottom>span{display:block;
font-size:14px;
color:#666666;
line-height:1.7;
padding:26px 14px 0}
.md-workspace{margin-left:var(--md-sidebar);
padding:0 30px 45px}
.md-topbar{min-width:0;
height:102px;
display:flex;
align-items:center;
justify-content:flex-end;
gap:22px}
.md-desktop-greeting{min-width:0;
font-size:25px;
font-weight:600;
letter-spacing:-.75px;
line-height:1.25;
margin-right:auto}
.md-house-picker{flex:0 1 auto;
display:flex;
align-items:center;
gap:10px;
background:white;
padding:9px 15px;
border:1px solid var(--md-line);
border-radius:28px;
max-width:340px;
min-width:0}
.md-house-picker>svg{width:22px;
height:22px}
.md-house-picker label{min-width:0;max-width:100%;width:100%}
.md-house-picker label>span{display:none;
font-size:12px;
color:var(--md-muted)}
.md-house-picker select{appearance:none;
-webkit-appearance:none;
background:transparent;
border:0;
outline-offset:5px;
padding:1px 24px 1px 0;
font-size:16px;
font-weight:500;
max-width:260px;
width:100%;
text-overflow:ellipsis;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='1.7'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
background-position:right center;
background-repeat:no-repeat}
.md-header-actions{display:flex;
align-items:center;
gap:12px}
.md-icon-button{height:42px;
width:42px;
display:inline-flex;
align-items:center;
justify-content:center;
background:transparent;
border-radius:50%;
position:relative;
flex-shrink:0}
.md-icon-button:hover{background:var(--md-soft)}
.md-bell>.md-icon{width:25px;
height:25px;
stroke-width:1.5}
.md-unread{min-width:20px;
height:20px;
border-radius:12px;
position:absolute;
right:0;
top:0;
background:var(--md-accent);
color:white;
font-size:12px;
line-height:20px;
text-align:center;
padding:0 3px;
box-shadow:0 0 0 3px var(--md-bg)}
.md-avatar{width:35px;
height:35px;
background:var(--md-soft);
color:var(--md-strong);
border-radius:50%;
font-size:14px;
font-weight:600;
display:flex;
align-items:center;
justify-content:center}
.md-online-state{font-size:14px;
color:var(--md-error)}
.md-layout{display:grid;
grid-template-columns:minmax(0,1fr) 215px;
gap:22px;
align-items:start}
.md-main{min-width:0;
outline:none}
.md-right-rail{display:flex;
flex-direction:column;
gap:20px;
min-width:0}
.md-rail-house,.md-rail-finance,.md-rail-emergency,.md-rail-contacts{background:#fff;
padding:23px 19px;
border-radius:22px;
border:1px solid var(--md-line)}
.md-rail-house>.md-icon{color:var(--md-accent);
width:34px;
height:34px;
margin-bottom:22px}
.md-rail-house h3{font-size:18px;
margin-bottom:9px}
.md-rail-house p{font-size:15px;
color:var(--md-muted);
margin-bottom:20px;
line-height:1.7}
.md-rail-house .md-text-link{font-size:14px}
.md-rail-finance>span,.md-rail-emergency>span{font-size:14px;
font-weight:500}
.md-rail-finance>strong{display:block;
font-size:29px;
letter-spacing:-1px;
line-height:1.2;
margin-top:16px}
.md-rail-finance>small{font-size:12px;
color:var(--md-muted);
display:block;
margin:12px 0 22px}
.md-rail-finance .md-button{font-size:14px;
min-height:43px;
padding:10px 12px;
width:100%}
.md-rail-emergency>a{font-size:40px;
display:flex;
align-items:center;
gap:14px;
font-weight:600;
letter-spacing:-2px;
margin:18px 0 8px}
.md-rail-emergency .md-round-icon{width:45px;
height:45px}
.md-rail-emergency p{font-size:15px;
line-height:1.45}
.md-rail-contacts h3{font-size:15px;
margin-bottom:17px}
.md-rail-contacts>p{font-size:15px;
line-height:1.7;
color:var(--md-muted);
margin-bottom:20px}
.md-rail-contacts .md-button{font-size:14px;
padding:10px}
.md-rail-contacts .md-contact{gap:8px;
margin:18px 0 0;
padding:0}
.md-rail-contacts .md-round-icon{height:30px;
width:30px}
.md-rail-contacts .md-round-icon>.md-icon{width:17px;
height:17px}
.md-rail-contacts .md-contact strong{font-size:14px}
.md-rail-contacts .md-contact a{font-size:14px}
.md-rail-contacts .md-contact small{font-size:12px}
.md-help-note{display:flex;
gap:11px;
padding:5px 8px;
color:var(--md-muted);
font-size:14px}
.md-help-note .md-icon{height:21px;
width:21px;
color:var(--md-accent)}
.md-help-note p{font-weight:500;
color:#5d5d5d;
line-height:1.5}
.md-help-note span{font-weight:400;
display:block;
font-size:14px;
line-height:1.7;
color:var(--md-muted);
margin-top:6px}
.md-install-rail{display:flex;
align-items:center;
gap:10px;
text-align:left;
background:transparent;
padding:20px 6px;
color:var(--md-strong)}
.md-install-rail>.md-icon{width:22px;
height:22px}
.md-install-rail>span{font-size:14px;
font-weight:500}
.md-install-rail small{display:block;
font-size:12px;
color:var(--md-muted);
font-weight:400;
margin-top:3px}
.md-page-head{display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:18px;
margin:3px 0 26px}
.md-page-title{font-size:29px;
line-height:1.15;
letter-spacing:-.9px;
outline:none}
.md-page-head p{font-size:15px;
color:var(--md-muted);
margin-top:9px}
.md-page-head>.md-button{flex-shrink:0}
.md-page-head>div{min-width:0;flex:1 1 170px}
.md-home-page .md-page-head{display:none}
.md-home-hero{position:relative;
min-height:252px;
overflow:hidden;
border-radius:24px;
background:#eeeeee;
display:flex;
align-items:center;
padding:34px 32px}
.md-home-hero>.md-hero-content{position:relative;
z-index:2;
width:64%;
min-width:0}
.md-home-hero h2{font-size:34px;
letter-spacing:-1.35px;
line-height:1.12;
max-width:410px}
.md-home-hero p{font-size:15px;
color:#454545;
margin:20px 0 24px;
line-height:1.5;
max-width:265px}
.md-home-hero .md-button{font-size:14px}

.md-button{display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:43px;
padding:12px 18px;
border-radius:12px;
font-size:14px;
font-weight:500;
line-height:1.3;
background:transparent;
text-align:center;
transition:background .18s,transform .18s;
white-space:normal;
text-decoration:none}
.md-button:hover{filter:brightness(.98)}
.md-button:active{transform:translateY(1px)}
.md-button>.md-icon{width:19px;
height:19px;
stroke-width:1.7}
.md-primary{background:var(--md-accent);
color:white}
.md-primary:hover{background:#333333}
.md-soft{background:#f0f0f0;
color:#424242}
.md-white{background:#fff;
color:var(--md-ink)}
.md-wide{width:100%}
.md-wide+.md-wide{margin-top:12px}
.md-link-button{background:transparent;
padding:9px 2px;
color:var(--md-strong);
min-height:0;
text-decoration:underline;
text-underline-offset:3px;
font-size:14px}
.md-text-link{display:inline-flex;
align-items:center;
gap:6px;
font-size:14px;
font-weight:500;
line-height:1.35;
background:none;
padding:2px 0}
.md-text-link>.md-icon{width:15px;
height:15px}
.md-text-link:hover{text-decoration:underline;
text-underline-offset:3px}
.md-quick-actions{display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin:16px 0 30px}
.md-quick-actions>a{background:#fff;
border:1px solid var(--md-line);
display:flex;
align-items:center;
gap:12px;
padding:18px 15px;
border-radius:18px;
min-height:93px;
transition:background .18s}
.md-quick-actions>a:hover{background:#f3f3f3}
.md-quick-actions>a>.md-icon:first-child{background:var(--md-soft);
color:var(--md-strong);
padding:9px;
border-radius:50%;
width:47px;
height:47px;
stroke-width:1.5}
.md-quick-actions strong{overflow-wrap:anywhere;
font-size:14px;
line-height:1.55;
font-weight:500;
flex:1}
.md-quick-actions>a>.md-icon:last-child{height:16px;
width:16px}
.md-section-head{display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:15px;
margin:28px 0 13px}
.md-section-head h2{font-size:20px;
letter-spacing:-.6px}
.md-section-head .md-text-link{font-size:14px;
color:#515151;
flex-shrink:0}
.md-surface{background:#fff;
border-radius:var(--md-radius);
border:1px solid var(--md-line);
overflow:hidden}
.md-notice-row{padding:23px;
display:flex;
align-items:flex-start;
gap:15px}
.md-notice-row+.md-notice-row{border-top:1px solid var(--md-line)}
.md-notice-row>div{min-width:0;
flex:1}
.md-round-icon{display:inline-flex;
align-items:center;
justify-content:center;
width:43px;
height:43px;
flex-shrink:0;
background:var(--md-soft);
color:var(--md-strong);
border-radius:50%}
.md-round-icon>.md-icon{height:25px;
width:25px;
stroke-width:1.45}
.md-subtle{background:#ededed;
color:#666666}
.md-row-meta{color:var(--md-muted);
font-size:12px;
display:flex;
justify-content:space-between;
gap:8px;
margin-bottom:7px}
.md-row-meta time{white-space:nowrap}
.md-notice-row h3{font-size:15px;
line-height:1.3;
letter-spacing:-.2px;
margin-bottom:7px}
.md-notice-row p{font-size:15px;
color:#676767;
line-height:1.65;
white-space:pre-wrap;
overflow-wrap:anywhere}
.md-date-range{display:flex;
align-items:center;
gap:6px;
font-size:12px;
margin-top:12px;
color:#676767;
line-height:1.5}
.md-date-range>.md-icon{height:15px;
width:15px}
.md-empty{text-align:center;
padding:43px 24px 45px;
max-width:520px;
margin:auto}
.md-empty>.md-icon{height:42px;
width:42px;
stroke-width:1.2;
color:#666666;
margin:0 auto 20px}
.md-empty h3{font-size:18px;
margin-bottom:10px}
.md-empty p{font-size:15px;
line-height:1.75;
color:var(--md-muted);
max-width:360px;
margin:0 auto}
.md-empty .md-button{margin-top:22px}
.md-debt-banner{display:none;
background:#ededed;
align-items:center;
gap:13px;
padding:17px 20px;
border-radius:20px;
margin:12px 0 25px}
.md-debt-banner>div{flex:1}
.md-debt-banner strong{font-size:14px;
font-weight:600}
.md-debt-banner p{font-size:15px;
color:#666666;
margin-top:4px}
.md-debt-banner>.md-icon{width:18px;
height:18px}
.md-ticket-row{padding:21px;
display:flex;
align-items:center;
gap:13px;
transition:background .15s}
.md-ticket-row:hover{background:#f7f7f7}
.md-ticket-row+.md-ticket-row{border-top:1px solid var(--md-line)}
.md-ticket-row>div{flex:1;
min-width:0}
.md-ticket-row small{font-size:12px;
color:var(--md-muted);
display:block;
margin-bottom:4px}
.md-ticket-row strong{font-size:14px;
font-weight:500;
display:block;
overflow-wrap:anywhere}
.md-ticket-row time{font-size:12px;
color:var(--md-muted);
display:block;
margin-top:5px}
.md-ticket-row>.md-icon{width:16px;
height:16px}
.md-status{display:inline-flex;
max-width:100%;
align-items:center;
line-height:1.2;
padding:6px 9px;
border-radius:8px;
white-space:normal;
overflow-wrap:anywhere;
font-size:12px;
color:#636363;
background:#f1f1f1;
font-weight:500}
.md-status-new,.md-status-pending,.md-status-requested,.md-status-waiting{color:#6d6d6d;
background:#f0f0f0}
.md-status-accepted,.md-status-approved,.md-status-published,.md-status-resolved,.md-status-completed{color:#636363;
background:#eeeeee}
.md-status-rejected,.md-status-cancelled{color:#616161;
background:#ececec}
.md-status-in_progress,.md-status-offered{color:#676767;
background:#f0f0f0}
.md-status-closed{color:#666666;
background:#f1f1f1}
.md-listings-grid{display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:17px}
.md-listing-card{display:block;
background:white;
border:1px solid var(--md-line);
border-radius:20px;
overflow:hidden;
transition:box-shadow .2s}
.md-listing-card:hover{box-shadow:0 7px 20px rgba(0,0,0,.07)}
.md-listing-photo{height:174px;
position:relative;
background:#efefef;
overflow:hidden}
.md-listing-photo>img{height:100%;
width:100%;
object-fit:cover;
transition:transform .2s}
.md-listing-card:hover img{transform:scale(1.025)}
.md-no-photo{display:flex;
align-items:center;
justify-content:center;
background:#ebebeb}
.md-no-photo>.md-icon{height:51px;
width:51px;
stroke-width:1;
color:#666666}
.md-photo-category{position:absolute;
bottom:11px;
left:11px;
background:rgba(255,255,255,.93);
border-radius:30px;
max-width:calc(100% - 22px);
font-size:12px;
line-height:1.5;
padding:5px 9px}
.md-listing-info{padding:16px 16px 19px;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:6px}
.md-listing-info>strong{font-size:14px;
line-height:1.35;
font-weight:500;
overflow-wrap:anywhere}
.md-listing-info>span{font-size:14px;
font-weight:600}
.md-listing-info>small{font-size:12px;
color:var(--md-muted);
margin-top:2px}
.md-listing-info>.md-status{margin-top:5px;
font-size:12px}
.md-neighbor-invite{display:flex;
gap:25px;
align-items:center;
background:#eeeeee;
padding:28px;
border-radius:22px}
.md-neighbor-invite>div{flex:1}
.md-neighbor-invite h3{font-size:21px;
margin-bottom:10px}
.md-neighbor-invite p{font-size:15px;
line-height:1.6;
color:#6e6e6e;
max-width:390px;
margin-bottom:20px}
.md-neighbor-invite>.md-icon{width:68px;
height:68px;
stroke-width:1;
color:#666666}
.md-tabs{display:flex;
flex-wrap:wrap;
gap:9px;
margin:0 0 22px;
align-items:center}
.md-tabs>a{font-size:14px;
border-radius:30px;
min-height:41px;
padding:11px 18px;
font-weight:500}
.md-tabs>a.active{background:var(--md-ink);
color:#fff}
.md-tabs>a:not(.active):hover{background:var(--md-soft)}
.md-filter{display:flex;
align-items:center;
gap:12px;
margin-bottom:25px}
.md-search{display:flex;
align-items:center;
flex:1;
gap:10px;
min-width:0;
background:white;
border:1px solid var(--md-line);
padding:5px 5px 5px 13px;
border-radius:12px}
.md-search>.md-icon{width:18px;
height:18px;
color:var(--md-muted)}
.md-search input{width:100%;
min-width:0;
border:0;
background:none;
font-size:16px;
padding:8px 0;
outline-offset:1px}
.md-search button{width:30px;
height:30px;
padding:5px;
background:var(--md-soft);
border-radius:8px;
flex-shrink:0}
.md-search button>.md-icon{width:18px;
height:18px}
.md-filter>select{min-width:0;
width:100%;
max-width:100%;
border:1px solid var(--md-line);
border-radius:12px;
background:#fff;
padding:13px 28px 13px 12px;
font-size:16px;
max-width:200px;
height:auto}
.md-mine{display:flex;
align-items:center;
gap:6px;
font-size:14px;
white-space:nowrap;
padding:10px 0}
.md-mine input{height:17px;
width:17px}
.md-pagination{display:flex;
justify-content:center;
align-items:center;
gap:22px;
margin-top:25px;
font-size:14px;
color:var(--md-muted)}
.md-back-link{display:inline-flex;
align-items:center;
gap:7px;
color:var(--md-muted);
font-size:14px;
margin:3px 0 24px}
.md-back-link .md-icon{height:17px;
width:17px}
.md-detail{padding:28px}
.md-detail-meta{display:flex;
gap:12px;
align-items:center;
justify-content:space-between;
font-size:14px;
color:var(--md-muted);
margin-bottom:18px}
.md-detail .md-page-title{font-size:28px;
line-height:1.25;
overflow-wrap:anywhere}
.md-detail-price{font-size:23px;
margin-top:15px;
font-weight:600;
letter-spacing:-.6px}
.md-prose{font-size:15px;
line-height:1.8;
white-space:pre-wrap;
overflow-wrap:anywhere;
margin:20px 0;
color:#4d4d4d}
.md-detail>.md-muted{font-size:14px;
margin-top:12px}
.md-attachments{display:flex;
flex-wrap:wrap;
gap:10px;
margin:21px 0 12px}
.md-photo-link{width:calc(50% - 5px);
height:220px;
border-radius:16px;
overflow:hidden;
background:var(--md-soft)}
.md-photo-link>img{width:100%;
height:100%;
object-fit:cover}
.md-photo-link:only-child{width:100%;
height:auto;
max-height:500px}
.md-photo-link:only-child>img{height:auto;
max-height:500px;
object-fit:contain}
.md-document{display:flex;
gap:11px;
align-items:center;
padding:13px 16px;
border-radius:12px;
background:#f3f3f3;
width:100%}
.md-document>.md-icon{width:21px;
height:21px;
color:var(--md-accent)}
.md-document>span{flex:1;
overflow-wrap:anywhere;
font-size:14px;
min-width:0}
.md-document small{font-size:12px;
color:var(--md-muted);
display:block;
margin-top:3px}
.md-author{display:flex;
align-items:center;
gap:13px;
padding:22px 0 0;
margin-top:25px;
border-top:1px solid var(--md-line)}
.md-author>.md-icon{background:var(--md-soft);
color:var(--md-accent);
width:42px;
height:42px;
padding:10px;
border-radius:50%}
.md-author strong{display:block;
font-size:14px;
font-weight:500}
.md-author small{display:block;
font-size:12px;
margin-top:2px;
color:var(--md-muted)}
.md-shared-contact{padding:16px 0 2px}
.md-shared-contact>span{font-size:12px;
color:var(--md-muted)}
.md-shared-contact>p{font-size:15px;
white-space:pre-wrap;
overflow-wrap:anywhere;
margin-top:4px}
.md-detail-actions{display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:25px}
.md-emergency-note{display:flex;
align-items:center;
gap:13px;
padding:0 0 24px;
color:#666666;
font-size:14px;
line-height:1.65}
.md-emergency-note .md-icon{width:20px;
height:20px}
.md-emergency-note a{color:var(--md-ink);
font-weight:600}
.md-conversation{display:flex;
flex-direction:column;
gap:15px;
padding:8px 0 23px}
.md-conversation-empty{text-align:center;
color:var(--md-muted);
font-size:14px;
padding:20px}
.md-message{max-width:91%;
background:white;
padding:19px 21px;
border-radius:19px 19px 19px 4px;
align-self:flex-start;
min-width:220px}
.md-message-own{background:#ececec;
border-radius:19px 19px 4px 19px;
align-self:flex-end}
.md-message-heading{display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:25px;
align-items:center;
margin-bottom:9px}
.md-message-heading strong{font-size:14px;
font-weight:600}
.md-message-heading time{font-size:12px;
color:var(--md-muted)}
.md-message>p{white-space:pre-wrap;
overflow-wrap:anywhere;
font-size:15px;
line-height:1.7}
.md-message .md-attachments{margin:14px 0 0}
.md-message .md-photo-link{height:140px}
.md-message-form{padding:25px}
.md-message-form .md-upload{padding:12px 15px}
.md-message-form .md-upload small{display:none}
.md-message-form>.md-button{width:auto;
float:none}
.md-finance-summary{padding:32px;
border-radius:24px;
background:#eeeeee}
.md-finance-summary>span{font-size:14px;
color:#696969}
.md-finance-summary>h2{font-size:49px;
margin:9px 0 10px;
letter-spacing:-2px;
font-weight:600}
.md-finance-summary>p{font-size:14px;
color:#666666;
line-height:1.7}
.md-finance-summary>.md-button{margin-top:24px}
.md-finance-summary+.md-field-help{margin-top:18px}
.md-plan{padding:24px;
margin-bottom:18px}
.md-plan-head{display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:22px}
.md-plan h3{font-size:18px}
.md-schedule>div{display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
padding:13px 0;
font-size:14px}
.md-schedule>div>*{min-width:0;overflow-wrap:anywhere}
.md-schedule>div+div{border-top:1px solid var(--md-line)}
.md-schedule>div>span:last-child{text-align:right}
.md-schedule-labels{font-size:12px!important;
color:var(--md-muted)}
.md-schedule strong{font-weight:500}
.md-plan-note{font-size:15px;
line-height:1.6;
white-space:pre-wrap;
margin:18px 0 10px;
color:#696969}
.md-paid{color:var(--md-strong)!important}
.md-muted{color:var(--md-muted)}
small.md-muted{font-size:12px}
.md-plan-total{font-size:14px;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:15px}
.md-plan-total strong{font-size:22px;
white-space:nowrap;
letter-spacing:-.75px}
.md-plan-remainder{font-size:14px;
color:#666666;
margin:15px 0 20px}
.md-schedule-input{display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;
gap:10px;
align-items:center}
.md-schedule-input>.md-icon-button{width:32px;
height:32px;
margin-top:6px}
.md-house-description{display:flex;
align-items:flex-start;
gap:22px;
padding:27px}
.md-house-description>.md-round-icon{width:55px;
height:55px}
.md-house-description>.md-round-icon>.md-icon{height:30px;
width:30px}
.md-house-description>div{min-width:0;overflow-wrap:anywhere}
.md-house-description h2{font-size:22px;
margin-bottom:8px}
.md-house-description p{font-size:15px;
color:var(--md-muted)}
.md-house-description .md-prose{margin-bottom:0}
.md-house-contacts{padding:7px 24px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0 24px}
.md-contact{display:flex;
align-items:center;
gap:15px;
padding:23px 0}
.md-contact>div{min-width:0}
.md-contact strong{display:block;
font-weight:500;
font-size:14px;
line-height:1.4;
overflow-wrap:anywhere}
.md-contact a{display:block;
font-size:17px;
font-weight:500;
white-space:nowrap;
margin:5px 0 2px}
.md-contact small{font-size:12px;
display:block;
color:var(--md-muted);
line-height:1.5}
.md-documents{padding:22px 26px}
.md-documents>article+article{padding-top:20px;
margin-top:20px;
border-top:1px solid var(--md-line)}
.md-documents h3{font-size:16px}
.md-documents>.md-muted{font-size:14px;
line-height:1.8}
.md-documents .md-prose{font-size:15px;
margin:8px 0}
.md-meter-grid{display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px}
.md-meter{padding:23px}
.md-meter-head{display:flex;
align-items:center;
gap:13px}
.md-meter h2{font-size:16px;
letter-spacing:-.3px}
.md-meter-head small{font-size:12px;
color:var(--md-muted);
display:block;
margin-top:5px}
.md-meter-value{display:flex;
flex-direction:column;
margin:27px 0 23px;
gap:6px}
.md-meter-value>span{font-size:14px;
color:var(--md-muted)}
.md-meter-value>strong{font-size:30px;
line-height:1.25;
font-weight:500;
letter-spacing:-1px}
.md-meter-value>strong>small{font-size:14px;
letter-spacing:0}
.md-meter-value>small{font-size:12px;
color:var(--md-muted)}
.md-meter-grid+.md-field-help{margin-top:20px}
.md-reading-history{margin-top:20px;
font-size:14px}
.md-reading-history summary{color:var(--md-muted);
cursor:pointer;
margin-bottom:8px}
.md-reading-history>div{display:flex;
align-items:center;
justify-content:space-between;
padding:9px 0;
border-top:1px solid var(--md-line);
font-size:14px}
.md-reading-history strong{font-weight:500}
.md-profile-section{padding:26px;
margin-bottom:22px}
.md-profile-section h2{font-size:20px;
margin-bottom:23px}
.md-profile-section>p:not(.md-field-help):not(.md-info){font-size:15px;
color:var(--md-muted);
line-height:1.7;
margin-bottom:20px}
.md-profile-section>.md-field-help{margin-top:-12px;
margin-bottom:19px}
.md-profile-section>.md-button{width:auto}
.md-profile-section>.md-info{margin-bottom:7px}
.md-membership{display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:15px;
padding:17px 0;
border-top:1px solid var(--md-line)}
.md-membership>div{min-width:0;flex:1 1 180px}
.md-membership>.md-status{flex:0 0 auto;white-space:nowrap;overflow-wrap:normal}
.md-membership strong{font-size:14px;
font-weight:500;
overflow-wrap:anywhere}
.md-membership small{display:block;
font-size:12px;
color:var(--md-muted);
margin-top:5px}
.md-membership+.md-button{margin-top:10px}
.md-toggle-row{display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
min-height:80px;
padding:18px 0;
cursor:pointer}
.md-toggle-row+.md-toggle-row,#md-push-categories>.md-toggle-row{border-top:1px solid var(--md-line)}
.md-toggle-row>span:first-child{min-width:0}
.md-toggle-row strong{font-size:14px;
font-weight:500;
display:block}
.md-toggle-row small{font-size:12px;
line-height:1.6;
color:var(--md-muted);
display:block;
margin-top:4px}
.md-toggle{width:44px;
height:27px;
position:relative;
flex-shrink:0}
.md-toggle>input{position:absolute;
inset:0;
opacity:0;
width:100%;
height:100%;
margin:0;
z-index:1;
cursor:pointer}
.md-toggle>span{position:absolute;
inset:0;
border-radius:30px;
background:#dcdcdc;
transition:background .18s}
.md-toggle>span:after{content:"";
position:absolute;
top:3px;
left:3px;
width:21px;
height:21px;
border-radius:50%;
background:#fff;
box-shadow:0 1px 4px #0002;
transition:transform .18s}
.md-toggle>input:checked+span{background:var(--md-accent)}
.md-toggle>input:checked+span:after{transform:translateX(17px)}
.md-toggle>input:disabled+span{opacity:.4}
.md-toggle>input:focus-visible+span{outline:3px solid #737373;
outline-offset:4px}
.md-profile-footer{display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
flex-wrap:wrap}
.md-profile-footer .md-text-link{font-size:14px;
color:var(--md-muted)}
.md-notification{display:flex;
align-items:flex-start;
gap:15px;
padding:25px}
.md-notification+.md-notification{border-top:1px solid var(--md-line)}
.md-notification>div{flex:1;
min-width:0}
.md-notification.unread{background:#f7f7f7}
.md-notification.unread .md-round-icon:after{content:"";
width:6px;
height:6px;
background:var(--md-accent);
border-radius:50%;
position:absolute;
top:0;
right:0}
.md-notification .md-round-icon{position:relative}
.md-notification time{font-size:12px;
color:var(--md-muted);
display:block;
margin-bottom:7px}
.md-notification h3{font-size:15px;
line-height:1.4;
font-weight:500;
letter-spacing:-.2px}
.md-notification p{font-size:15px;
color:#6d6d6d;
line-height:1.7;
white-space:pre-wrap;
overflow-wrap:anywhere;
margin:8px 0 14px}
.md-notification .md-text-link{color:var(--md-strong);
font-size:14px}
.md-toast{position:fixed;
bottom:30px;
left:50%;
transform:translate(-50%,20px);
max-width:min(540px,calc(100% - 36px));
padding:15px 23px;
border-radius:15px;
background:#2c2c2c;
color:white;
font-size:14px;
line-height:1.6;
opacity:0;
pointer-events:none;
transition:opacity .18s,transform .18s;
z-index:200;
box-shadow:0 8px 25px #0002;
text-align:center;
width:max-content}
.md-toast.visible{opacity:1;
transform:translate(-50%,0)}
.md-modal-open{overflow:hidden}
.md-modal-shade{position:fixed;
inset:0;
z-index:100;
background:#1e1e1e66;
backdrop-filter:blur(5px);
display:flex;
justify-content:center;
align-items:center;
padding:30px}
.md-modal{width:100%;
max-width:520px;
max-height:calc(100dvh - 60px);
background:#fff;
border-radius:26px;
box-shadow:0 20px 80px #1c1c1c33;
overflow:auto;
overscroll-behavior:contain;
scrollbar-width:thin}
.md-modal-wide{max-width:720px}
.md-modal>header{display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
padding:22px 25px 16px;
position:sticky;
top:0;
background:#fff;
z-index:5;
border-radius:26px 26px 0 0}
.md-modal>header h2{font-size:21px;
line-height:1.25}
.md-modal>header>.md-icon-button{width:32px;
height:32px;
background:var(--md-bg)}
.md-modal>header>.md-icon-button>.md-icon{width:19px;
height:19px}
.md-modal-body{padding:0 25px 28px}
.md-modal-body>p{font-size:15px;
line-height:1.75;
margin:0 0 20px;
color:var(--md-muted)}
.md-field{display:flex;
flex-direction:column;
gap:8px;
margin:0 0 17px;
min-width:0}
.md-field>span{font-size:14px;
font-weight:500}
.md-field input,.md-field select,.md-field textarea{width:100%;
min-width:0;
border:1px solid #e5e5e5;
border-radius:11px;
padding:13px 14px;
background:#f2f2f2;
font-size:16px;
line-height:1.4;
min-height:47px;
box-shadow:none;
transition:border-color .15s}
.md-field input::placeholder,.md-field textarea::placeholder{color:#666666;
font-size:16px}
.md-field input:hover,.md-field select:hover,.md-field textarea:hover{border-color:#cecece}
.md-field textarea{min-height:110px;
resize:vertical}
.md-field select{padding-right:25px}
.md-field input[type=date]{min-height:47px;
appearance:none;
-webkit-appearance:none;
text-align:left}
.md-form-row{display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:16px}
.md-field-help{font-size:14px!important;
line-height:1.75!important;
color:var(--md-muted)!important;
margin:-6px 0 19px}
.md-check{display:flex;
align-items:flex-start;
gap:10px;
font-size:14px;
line-height:1.65;
cursor:pointer;
margin:18px 0}
.md-check>input{width:17px;
height:17px;
margin:2px 0 0;
flex-shrink:0}
.md-check a{color:var(--md-strong);
text-decoration:underline;
text-underline-offset:2px}
.md-form-error{font-size:14px;
line-height:1.6;
color:var(--md-error);
padding:12px 14px;
background:#f0f0f0;
border-radius:10px;
margin:14px 0}
.md-info{background:#f3f3f3;
padding:13px 15px;
border-radius:12px;
font-size:14px;
line-height:1.7;
color:#717171;
margin:17px 0;
white-space:pre-wrap;
overflow-wrap:anywhere}
.md-upload{position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
gap:12px;
padding:17px;
border-radius:13px;
background:#f3f3f3;
margin:15px 0;
color:var(--md-strong);
cursor:pointer}
.md-upload>.md-icon{height:25px;
width:25px;
stroke-width:1.4}
.md-upload>span{font-size:14px;
font-weight:500}
.md-upload small{font-size:12px;
font-weight:400;
display:block;
margin-top:4px;
color:#666666}
.md-upload>input{position:absolute;
inset:0;
opacity:0;
cursor:pointer;
width:100%;
height:100%}
.md-upload:focus-within{outline:3px solid #737373;
outline-offset:4px}
.md-file-preview{display:flex;
gap:6px;
flex-wrap:wrap;
margin-bottom:10px}
.md-file-preview>span{display:inline-block;
font-size:14px;
max-width:100%;
overflow-wrap:anywhere;
background:var(--md-bg);
border-radius:7px;
padding:5px 8px;
color:var(--md-muted)}
.md-is-loading{position:relative;
opacity:.65}
.md-is-loading:after{content:"";
width:14px;
height:14px;
border:2px solid currentColor;
border-right-color:transparent;
border-radius:50%;
animation:md-spin .6s linear infinite}
.md-install-help>.md-large-icon{display:block;
margin:8px 0 25px}
.md-install-help>h3{font-size:19px;
margin-bottom:17px}
.md-install-help ol{padding-left:24px;
margin:0 0 22px;
font-size:14px;
line-height:1.7}
.md-install-help li{padding-left:6px;
margin-bottom:11px}
.md-install-help>p{font-size:14px;
color:var(--md-muted);
line-height:1.7;
margin-bottom:23px}
.md-mobile-nav{display:none}
.md-auth{display:grid;
grid-template-columns:minmax(0,1fr) minmax(400px,1fr);
min-height:100dvh;
background:#fff;
padding:18px;
gap:18px}
.md-auth-story{background:#eaeaea;
border-radius:29px;
padding:38px 45px;
display:flex;
flex-direction:column;
position:relative;
overflow:hidden;
min-height:650px}
.md-auth-story:after{content:"";
position:absolute;
bottom:45px;
right:-20px;
width:65%;
height:48%;
background:none;
background-size:contain;
opacity:.55;
pointer-events:none}
.md-auth-story .md-brand{position:relative;
z-index:1}
.md-auth-story>div{margin:auto 0;
position:relative;
z-index:1;
padding-bottom:120px}
.md-auth-story h1{font-size:54px;
line-height:1.08;
letter-spacing:-2.5px;
max-width:540px}
.md-auth-story p{font-size:16px;
line-height:1.7;
max-width:360px;
color:#6b6b6b;
margin-top:24px}
.md-auth-caption{font-size:12px;
color:#666666;
position:relative;
z-index:1}
.md-auth-panel{display:flex;
align-items:center;
justify-content:center;
padding:40px}
.md-auth-content{width:100%;
max-width:360px}
.md-auth-content h2{font-size:30px;
letter-spacing:-1px;
margin-bottom:13px}
.md-auth-content>p{font-size:15px;
color:var(--md-muted);
line-height:1.7;
margin-bottom:30px}
.md-auth-switch{margin-top:35px;
text-align:center;
color:var(--md-muted);
font-size:14px;
border-top:1px solid var(--md-line);
padding-top:20px}
.md-auth-switch .md-link-button{font-size:14px;
padding:5px}
.md-auth-content>form+.md-link-button{display:block;
margin:19px auto 0}
.md-auth-mobile-brand{display:none}
.md-pending{min-height:100dvh;
display:flex;
align-items:center;
flex-direction:column;
justify-content:center;
padding:30px;
gap:30px}
.md-pending-card{background:white;
padding:40px;
border-radius:27px;
width:100%;
max-width:560px;
box-shadow:var(--md-shadow)}
.md-pending-card>.md-large-icon{display:block;
margin-bottom:26px}
.md-pending-card>h1{font-size:29px;
margin-bottom:19px;
line-height:1.2}
.md-pending-card>p{font-size:15px;
line-height:1.8;
color:var(--md-muted);
margin-bottom:23px}
.md-pending-card>.md-wide{margin-top:18px}
.md-pending-card>.md-link-button{display:block;
margin:19px auto 0}
.md-noscript{padding:25px;
background:white;
color:var(--md-ink);
text-align:center}

@media(min-width:1450px){.md-workspace{padding-left:38px;
padding-right:38px}
.md-layout{grid-template-columns:minmax(0,1fr) 245px;
gap:26px}
.md-home-hero{min-height:280px;
padding:38px}
.md-home-hero h2{font-size:39px}
.md-home-hero p{font-size:17px;
max-width:300px}
.md-quick-actions>a{padding:20px;
min-height:100px}
.md-quick-actions strong{font-size:15px}
.md-listing-photo{height:205px}
.md-rail-finance,.md-rail-emergency,.md-rail-contacts{padding:25px}
.md-rail-finance>strong{font-size:33px}
.md-sidebar{padding-left:24px;
padding-right:24px}
}

@media(min-width:1720px){.md-sidebar{left:calc((100vw - 1720px)/2)}
}

@media(max-width:1220px){:root{--md-sidebar:205px}
.md-sidebar{padding-left:15px;
padding-right:15px}
.md-sidebar .md-brand{font-size:21px;
gap:7px}
.md-sidebar .md-brand>.md-icon{width:32px;
height:32px}
.md-workspace{padding-left:22px;
padding-right:22px}
.md-layout{grid-template-columns:minmax(0,1fr) 220px;
gap:17px}
.md-right-rail{gap:17px}
.md-rail-house,.md-rail-finance,.md-rail-emergency,.md-rail-contacts{padding:19px 15px}
.md-rail-finance>strong{font-size:26px}
.md-desktop-greeting{font-size:21px}
.md-topbar{gap:12px;
height:94px}
.md-house-picker{max-width:290px;
padding:8px 12px}
.md-house-picker select{max-width:215px;
font-size:16px}
.md-header-actions{gap:5px}
.md-avatar{display:none}
.md-home-hero{padding:27px;
min-height:240px}
.md-home-hero h2{font-size:29px;
letter-spacing:-1px}
.md-home-hero p{font-size:15px;
max-width:225px;
margin:17px 0 24px}
.md-home-hero .md-button{font-size:14px;
padding:11px 13px}
.md-quick-actions{gap:9px}
.md-quick-actions>a{padding:14px 11px;
gap:9px}
.md-quick-actions>a>.md-icon:first-child{width:37px;
height:37px;
padding:7px}
.md-quick-actions>a>.md-icon:last-child{display:none}
.md-quick-actions strong{font-size:14px}
.md-page-title{font-size:25px}
.md-page-head{align-items:flex-start}
.md-page-head>.md-button{max-width:155px;
font-size:14px;
padding:11px 13px}
.md-listings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.md-home-listings{grid-template-columns:repeat(3,minmax(0,1fr));
gap:11px}
.md-home-listings .md-listing-photo{height:135px}
.md-home-listings .md-listing-info{padding:12px}
.md-home-listings .md-listing-info>strong{font-size:14px}
.md-home-listings .md-photo-category{font-size:12px}
.md-notice-row{padding:20px;
gap:12px}
.md-notice-row .md-round-icon{width:37px;
height:37px}
.md-row-meta{display:block}
.md-row-meta>time{margin-left:8px}
.md-section-head h2{font-size:19px}
.md-house-contacts{grid-template-columns:1fr}
.md-filter{flex-wrap:wrap}
.md-search{flex-basis:100%}
.md-filter>select{flex:1;
max-width:100%}
.md-ticket-row>.md-round-icon{display:none}
.md-ticket-row{gap:10px;
padding:20px}
.md-ticket-row strong{font-size:14px}
.md-meter-grid{grid-template-columns:1fr}
.md-detail{padding:24px}
}

@media(max-width:1120px) and (min-width:761px){.md-layout{grid-template-columns:minmax(0,1fr)}
.md-right-rail{display:none}
.md-debt-banner{display:flex}
.md-home-hero>.md-hero-content{width:65%}
.md-home-hero h2{font-size:34px}
.md-home-hero p{font-size:15px}
.md-home-listings .md-listing-photo{height:175px}
.md-quick-actions strong{font-size:14px}
.md-home-hero .md-button{font-size:14px}
.md-desktop-greeting{font-size:20px;
max-width:180px}
.md-topbar{justify-content:space-between}
.md-meter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){html,body.md-body{background:#f2f2f2}
.md-sidebar,.md-right-rail{display:none}
.md-workspace{margin-left:0;
padding:0 20px calc(112px + env(safe-area-inset-bottom))}
.md-topbar{height:86px;
padding-top:env(safe-area-inset-top);
gap:12px;
justify-content:space-between}
.md-desktop-greeting{display:none}
.md-house-picker{max-width:calc(100vw - 120px);
border-color:#e6e6e6;
padding:9px 13px;
background:#fff;
gap:9px}
.md-house-picker>.md-icon{width:20px;
height:20px}
.md-house-picker select{font-size:16px;
max-width:calc(100vw - 200px);
padding-right:22px}
.md-header-actions{gap:0}
.md-avatar{display:none}
.md-icon-button{width:38px;
height:38px}
.md-bell>.md-icon{width:24px;
height:24px}
.md-unread{box-shadow:0 0 0 3px #f2f2f2;
font-size:12px;
min-width:20px;
height:20px;
line-height:20px;
top:1px;
right:1px}
.md-layout{display:block}
.md-page-head{margin:4px 0 22px;
align-items:flex-start;
gap:12px}
.md-page-title{font-size:26px;
letter-spacing:-.8px;
line-height:1.2}
.md-page-head p{font-size:15px;
line-height:1.65;
margin-top:9px}
.md-page-head>.md-button{font-size:14px;
min-height:38px;
padding:10px 12px;
max-width:138px}
.md-page-head>.md-button>.md-icon{width:17px;
height:17px}
.md-home-page .md-page-head{display:block;
margin:1px 2px 20px}
.md-home-page .md-page-head h1{font-size:22px;
font-weight:550;
letter-spacing:-.55px}
.md-home-page .md-page-head p{display:none}
.md-home-hero{min-height:225px;
padding:26px 20px;
border-radius:22px;
align-items:flex-start}
.md-home-hero>.md-hero-content{width:71%}
.md-home-hero h2{font-size:25px;
line-height:1.15;
letter-spacing:-1px;
max-width:250px}
.md-home-hero p{font-size:15px;
line-height:1.65;
margin:16px 0 21px;
max-width:180px}
.md-home-hero .md-button{font-size:14px;
padding:11px 12px;
gap:7px;
min-height:38px;
max-width:230px;
border-radius:10px}
.md-home-hero .md-button .md-icon{width:17px;
height:17px}

.md-quick-actions{gap:10px;
margin:14px 0 24px}
.md-quick-actions>a{flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
gap:12px;
padding:14px 7px 15px;
min-height:115px;
border-radius:17px}
.md-quick-actions>a>.md-icon:first-child{height:41px;
width:41px;
padding:8px}
.md-quick-actions strong{overflow-wrap:anywhere;
font-size:14px;
line-height:1.4;
font-weight:500;
flex:0}
.md-quick-actions>a>.md-icon:last-child{display:none}
.md-section-head{margin:25px 1px 13px}
.md-section-head h2{font-size:19px;
letter-spacing:-.5px}
.md-section-head .md-text-link{font-size:14px;
gap:4px}
.md-section-head .md-text-link .md-icon{width:13px;
height:13px}
.md-surface{border-radius:20px}
.md-notice-row{padding:19px 16px;
gap:12px}
.md-notice-row .md-round-icon{height:40px;
width:40px}
.md-notice-row .md-round-icon>.md-icon{height:23px;
width:23px}
.md-row-meta{font-size:12px;
margin-bottom:6px;
line-height:1.5}
.md-row-meta>time{display:none}
.md-notice-row h3{font-size:14px;
line-height:1.4;
letter-spacing:-.15px;
margin-bottom:5px}
.md-notice-row p{font-size:15px;
line-height:1.65}
.md-date-range{font-size:12px;
margin-top:11px}
.md-date-range>.md-icon{width:13px;
height:13px}
.md-empty{padding:35px 23px}
.md-empty>.md-icon{width:37px;
height:37px;
margin-bottom:17px}
.md-empty h3{font-size:17px}
.md-empty p{font-size:15px}
.md-empty .md-button{margin-top:20px;
font-size:14px}
.md-debt-banner{display:flex;
padding:16px;
border-radius:18px;
margin:0 0 25px;
gap:11px}
.md-debt-banner .md-round-icon{height:35px;
width:35px}
.md-debt-banner .md-round-icon>.md-icon{height:20px;
width:20px}
.md-debt-banner strong{font-size:14px}
.md-debt-banner p{font-size:15px}
.md-neighbor-invite{padding:23px;
gap:15px}
.md-neighbor-invite h3{font-size:19px}
.md-neighbor-invite p{font-size:15px;
line-height:1.75}
.md-neighbor-invite>.md-icon{display:none}
.md-neighbor-invite .md-button{font-size:14px}
.md-home-listings{display:flex;
overflow:auto;
gap:12px;
scroll-snap-type:x mandatory;
padding-bottom:5px;
margin-right:-20px;
padding-right:20px;
scrollbar-width:none}
.md-home-listings::-webkit-scrollbar{display:none}
.md-home-listings .md-listing-card{flex:0 0 43%;
scroll-snap-align:start;
border-radius:17px}
.md-home-listings .md-listing-photo{height:145px}
.md-home-listings .md-listing-info{padding:13px}
.md-home-listings .md-listing-info>strong{font-size:14px}
.md-listing-info>small{font-size:12px}
.md-home-listings .md-photo-category{font-size:12px;
padding:4px 7px;
left:9px;
bottom:9px}
.md-listings-grid:not(.md-home-listings){grid-template-columns:repeat(2,minmax(0,1fr));
gap:13px}
.md-listing-card{border-radius:17px}
.md-listing-photo{height:166px}
.md-listing-info{padding:14px 13px;
gap:6px}
.md-listing-info>strong{font-size:14px}
.md-listing-info>span{font-size:14px}
.md-photo-category{font-size:12px;
padding:4px 7px}
.md-tabs{gap:6px;
margin-bottom:17px}
.md-tabs>a{font-size:14px;
min-height:38px;
padding:10px 16px}
.md-filter{gap:9px;
margin-bottom:22px}
.md-filter>select{font-size:16px;
min-height:48px;
height:auto;
padding:10px 23px 10px 12px}
.md-search{padding:7px 6px 7px 13px;
min-height:45px}
.md-search input{font-size:16px}
.md-search input::placeholder{font-size:16px}
.md-mine{padding:10px;
font-size:14px}
.md-ticket-row{padding:19px 16px;
gap:9px}
.md-ticket-row>.md-icon{display:none}
.md-ticket-row>div{padding-right:6px}
.md-ticket-row strong{font-size:14px;
line-height:1.5}
.md-ticket-row small{font-size:12px;
line-height:1.6}
.md-ticket-row time{font-size:12px}
.md-status{font-size:12px;
padding:6px 7px;
border-radius:7px}
.md-emergency-note{font-size:14px;
line-height:1.6;
padding-bottom:22px;
align-items:flex-start}
.md-emergency-note>.md-icon{width:18px;
height:18px;
margin-top:2px}
.md-back-link{font-size:14px;
margin:2px 0 21px}
.md-detail{padding:22px 19px}
.md-detail-meta{font-size:14px;
margin-bottom:17px}
.md-detail .md-page-title{font-size:24px;
line-height:1.3}
.md-detail-price{font-size:22px;
margin-top:13px}
.md-detail>.md-muted{font-size:14px;
line-height:1.7}
.md-prose{font-size:15px;
line-height:1.8;
margin:19px 0}
.md-attachments{gap:8px;
margin:20px 0 12px}
.md-photo-link{width:calc(50% - 4px);
height:170px;
border-radius:12px}
.md-photo-link:only-child>img{max-height:370px}
.md-author{gap:10px;
padding-top:20px;
margin-top:22px}
.md-author strong{font-size:14px}
.md-author small{font-size:12px}
.md-author>.md-icon{width:36px;
height:36px;
padding:8px}
.md-shared-contact>p{font-size:15px}
.md-detail-actions{gap:9px;
margin-top:22px}
.md-detail-actions>.md-button{font-size:14px;
flex:1}
.md-message{padding:16px;
max-width:94%;
min-width:200px}
.md-message-heading{gap:17px;
margin-bottom:9px;
align-items:flex-start}
.md-message-heading strong{font-size:14px}
.md-message-heading time{font-size:12px;
text-align:right;
line-height:1.7}
.md-message>p{font-size:15px;
line-height:1.75}
.md-message-form{padding:20px}
.md-message-form>.md-button{width:100%}
.md-finance-summary{padding:27px 23px;
border-radius:22px}
.md-finance-summary>h2{font-size:43px;
letter-spacing:-1.7px;
margin-top:10px}
.md-finance-summary>span{font-size:14px}
.md-finance-summary>p{font-size:14px}
.md-finance-summary>.md-button{font-size:14px;
margin-top:23px}
.md-plan{padding:21px 18px}
.md-plan h3{font-size:16px}
.md-plan-head{gap:9px;
margin-bottom:20px}
.md-schedule>div{font-size:14px;
grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);
gap:5px}
.md-schedule-labels{font-size:12px!important}
.md-plan-note{font-size:15px}
.md-plan .md-detail-actions>.md-button{font-size:14px}
.md-house-description{padding:23px 20px;
gap:16px}
.md-house-description>.md-round-icon{height:43px;
width:43px}
.md-house-description>.md-round-icon>.md-icon{height:25px;
width:25px}
.md-house-description h2{font-size:20px;
line-height:1.3}
.md-house-description p{font-size:15px}
.md-house-description .md-prose{font-size:15px;
line-height:1.75;
margin-top:15px}
.md-house-contacts{padding:2px 20px}
.md-contact{padding:19px 0;
gap:14px}
.md-contact strong{font-size:14px}
.md-contact a{font-size:17px}
.md-contact small{font-size:12px}
.md-documents{padding:23px 20px}
.md-documents h3{font-size:15px;
line-height:1.4}
.md-documents>.md-muted{font-size:14px}
.md-document{padding:13px;
gap:10px}
.md-document>span{font-size:14px}
.md-document>.md-icon{width:19px;
height:19px}
.md-meter-grid{grid-template-columns:1fr;
gap:16px}
.md-meter{padding:23px}
.md-meter h2{font-size:17px}
.md-meter-value>strong{font-size:34px}
.md-profile-section{padding:23px 20px;
margin-bottom:18px}
.md-profile-section h2{font-size:20px;
margin-bottom:24px}
.md-profile-section>.md-button{width:100%;
font-size:14px}
.md-profile-section .md-form-row{display:block}
.md-toggle-row{gap:19px;
padding:17px 0;
min-height:84px}
.md-toggle-row strong{font-size:14px;
line-height:1.4}
.md-toggle-row small{font-size:12px;
line-height:1.7;
margin-top:5px}
.md-toggle{width:44px;
height:27px}
.md-membership{gap:10px;
align-items:flex-start;
padding:16px 0}
.md-membership strong{font-size:14px;
line-height:1.45}
.md-membership small{font-size:12px}
.md-profile-footer{flex-direction:column;
align-items:stretch}
.md-profile-footer>.md-text-link{justify-content:center;
font-size:14px}
.md-notification{padding:21px 17px;
gap:12px}
.md-notification .md-round-icon{width:36px;
height:36px}
.md-notification .md-round-icon>.md-icon{width:21px;
height:21px}
.md-notification time{font-size:12px}
.md-notification h3{font-size:14px}
.md-notification p{font-size:15px;
line-height:1.8}
.md-notification .md-text-link{font-size:14px}
.md-mobile-nav{display:grid;
grid-template-columns:1fr 1fr 1.45fr 1.15fr;
position:fixed;
bottom:-14px;
left:20px;
right:20px;
background:#272727;
border-radius:29px;
padding:10px 8px 11px;
z-index:30;
align-items:center;
justify-content:space-around;
box-shadow:0 8px 28px #1c1c1c26;
max-width:530px;
margin:auto}
.md-mobile-nav>.md-nav-link{min-width:0;
min-height:48px;
display:flex;
flex-direction:column;
gap:6px;
align-items:center;
justify-content:center;
font-size:14px;
line-height:1.4;
letter-spacing:0;
background:transparent!important;
color:#a8a8a8;
border-radius:18px;
padding:5px 1px 3px;
font-weight:400}
.md-mobile-nav>.md-nav-link>span{white-space:normal;overflow-wrap:normal;text-align:center}
.md-mobile-nav>.md-nav-link>.md-icon{width:22px;
height:22px;
stroke-width:1.35}
.md-mobile-nav>.md-nav-link.active{color:#ffffff}
.md-mobile-nav>.md-nav-link.active>.md-icon{stroke-width:2}
.md-toast{bottom:calc(108px + env(safe-area-inset-bottom));
font-size:14px;
line-height:1.7;
padding:13px 18px;
max-width:calc(100% - 36px);
border-radius:13px}
.md-modal-shade{padding:25px 0 0;
align-items:flex-end;
background:#1d1d1d70;
backdrop-filter:blur(3px)}
.md-modal{max-width:100%;
max-height:calc(100dvh - 35px - env(safe-area-inset-top));
border-radius:25px 25px 0 0;
padding-bottom:env(safe-area-inset-bottom)}
.md-modal>header{padding:23px 22px 19px;
border-radius:25px 25px 0 0}
.md-modal>header h2{font-size:21px;
line-height:1.3}
.md-modal-body{padding:0 22px 28px}
.md-modal-body>p{font-size:15px;
line-height:1.7}
.md-field{gap:8px;
margin-bottom:18px}
.md-field>span{font-size:14px}
.md-field input,.md-field textarea,.md-field select{font-size:16px;
min-height:48px;
padding:13px 14px}
.md-field input::placeholder,.md-field textarea::placeholder{font-size:16px}
.md-field-help{font-size:14px!important;
line-height:1.8!important}
.md-form-row{gap:12px}
.md-check{font-size:14px;
line-height:1.7;
gap:9px;
margin:19px 0}
.md-check>input{width:17px;
height:17px}
.md-upload{padding:16px 14px;
gap:10px;
margin:16px 0}
.md-upload small{font-size:12px;
line-height:1.6;
margin-top:5px}
.md-upload>span{font-size:14px}
.md-upload>.md-icon{width:23px;
height:23px}
.md-info{font-size:14px;
padding:13px 14px;
line-height:1.8}
.md-button{font-size:14px;
min-height:45px;
border-radius:12px}
.md-schedule-input{grid-template-columns:minmax(0,1fr) 36px;
gap:0 10px;
padding:14px 0;
border-top:1px solid var(--md-line)}
.md-schedule-input>.md-field{grid-column:1}
.md-schedule-input>.md-field:nth-child(2){grid-row:2}
.md-schedule-input>.md-icon-button{grid-column:2;grid-row:1;align-self:start;margin-top:30px}
.md-schedule-input .md-field input{font-size:16px;
padding:12px 8px}
.md-schedule-input .md-field>span{font-size:14px}
.md-schedule-input>.md-icon-button{width:29px;
height:29px}
.md-plan-total{font-size:14px;
line-height:1.6}
.md-plan-total>strong{font-size:20px}
.md-plan-remainder{font-size:14px}
.md-auth{display:block;
padding:0;
background:#f2f2f2;
min-height:100dvh}
.md-auth-story{display:none}
.md-auth-panel{padding:calc(40px + env(safe-area-inset-top)) 26px 40px;
min-height:100dvh;
align-items:center}
.md-auth-content{max-width:400px}
.md-auth-mobile-brand{display:flex;
align-items:center;
gap:10px;
font-size:24px;
font-weight:600;
letter-spacing:-.8px;
margin-bottom:45px}
.md-auth-mobile-brand>.md-icon{height:35px;
width:35px;
color:var(--md-accent);
stroke-width:1.3}
.md-auth-content h2{font-size:29px;
letter-spacing:-.85px;
margin-bottom:14px}
.md-auth-content>p{font-size:15px;
margin-bottom:28px}
.md-auth-content .md-field input,.md-auth-content .md-field select{background:white}
.md-auth-switch{margin-top:33px;
padding-top:22px;
font-size:14px}
.md-auth-switch .md-link-button{font-size:14px}
.md-auth-content>form+.md-link-button{font-size:14px;
margin-top:18px}
.md-auth-content .md-button.md-wide{margin-top:4px}
.md-pending{padding:calc(30px + env(safe-area-inset-top)) 20px 35px;
gap:30px;
justify-content:flex-start}
.md-pending>.md-brand{align-self:flex-start;
font-size:24px;
margin-left:3px}
.md-pending-card{padding:29px 23px;
border:1px solid var(--md-line);
border-radius:23px}
.md-pending-card>h1{font-size:25px;
line-height:1.25;
letter-spacing:-.7px}
.md-pending-card>p{font-size:15px;
line-height:1.9}
.md-pending-card>.md-large-icon{height:47px;
width:47px;
margin-bottom:22px}
.md-pending-card>.md-wide{font-size:14px}
.md-online-state{font-size:14px;
margin-right:6px}
}

@media(max-width:370px){.md-workspace{padding-left:16px;
padding-right:16px}
.md-home-hero{padding:23px 17px;
min-height:225px}
.md-home-hero h2{font-size:23px;
max-width:205px}
.md-home-hero>.md-hero-content{width:75%}
.md-home-hero p{font-size:15px;
max-width:162px}

.md-home-hero .md-button{font-size:14px;
padding:10px;
gap:5px}
.md-home-hero .md-button .md-icon{width:15px;
height:15px}
.md-quick-actions{gap:8px}
.md-quick-actions strong{font-size:14px}
.md-quick-actions>a{padding-left:5px;
padding-right:5px}
.md-mobile-nav{left:16px;
right:16px}
.md-listing-photo{height:140px}
.md-listing-info{padding:12px 10px}
.md-listing-info>strong{font-size:14px}
.md-section-head h2{font-size:18px}
.md-page-head>.md-button{max-width:100%;
gap:5px;
font-size:14px}
.md-page-title{font-size:24px}
.md-plan-head .md-status{white-space:normal;
text-align:right;
max-width:120px}
.md-house-picker{padding-left:10px;
padding-right:10px}
.md-house-picker select{font-size:16px;
max-width:calc(100vw - 190px)}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;
animation-duration:.01ms!important;
animation-iteration-count:1!important;
transition-duration:.01ms!important}
}

@media print{.md-sidebar,.md-right-rail,.md-mobile-nav,.md-topbar,.md-toast,.md-button,.md-profile-footer{display:none!important}
.md-workspace{margin:0;
padding:0}
.md-layout{display:block}
.md-surface{border-color:#ccc;
break-inside:avoid}
.md-main{width:100%}
body.md-body{background:white}
.md-page-title{font-size:24px}
}

/* Small displays retain the same reading comfort and align the horizontal rail. */
@media(max-width:760px){
 .md-home-hero h2{font-size:26px}
.md-home-hero p{font-size:15px;
line-height:1.55;
max-width:215px}
.md-home-hero{min-height:245px}
.md-home-hero .md-button{font-size:14px;
min-height:42px;
padding:11px 12px;
max-width:none}
.md-home-hero .md-button .md-icon{width:18px;
height:18px}

 .md-quick-actions strong{font-size:14px}
.md-section-head .md-text-link{font-size:14px}
.md-row-meta{font-size:12px}
.md-notice-row h3{font-size:14px}
.md-notice-row p{font-size:15px}
.md-date-range{font-size:12px;
flex-wrap:wrap}
.md-status{font-size:12px}
.md-ticket-row strong{font-size:14px}
.md-ticket-row small,.md-ticket-row time{font-size:12px}
.md-empty p{font-size:15px}
.md-debt-banner strong{font-size:14px}
.md-debt-banner p{font-size:15px;
line-height:1.5}

 .md-listing-info>strong,.md-home-listings .md-listing-info>strong{font-size:14px}
.md-listing-info>small{font-size:12px}
.md-listing-info>span{font-size:14px}
.md-photo-category,.md-home-listings .md-photo-category{font-size:12px}
.md-mobile-nav>.md-nav-link{font-size:14px}
.md-detail .md-prose,.md-message>p,.md-notification p{font-size:15px}
.md-message-heading strong{font-size:14px}
.md-message-heading time{font-size:12px}
.md-notification h3{font-size:15px}
.md-notification time,.md-notification .md-text-link{font-size:14px}
.md-toggle-row strong{font-size:14px}
.md-toggle-row small{font-size:12px}
.md-toggle-row{min-height:95px}
.md-field-help{font-size:14px!important}
.md-info{font-size:14px}
.md-profile-section>p:not(.md-field-help):not(.md-info){font-size:15px}
.md-contact strong{font-size:14px}
.md-contact small{font-size:12px}
.md-house-description p{font-size:15px}
.md-house-description .md-prose{font-size:15px}
.md-document>span{font-size:14px}
.md-auth-switch,.md-auth-switch .md-link-button{font-size:14px}
.md-check{font-size:14px}
.md-upload small{font-size:12px}
.md-membership strong{font-size:14px}
.md-membership small{font-size:12px}
.md-pending-card>p{font-size:15px}

}

@media(max-width:370px){.md-home-listings{margin-right:-16px;
padding-right:16px}
.md-home-hero{min-height:275px}
.md-home-hero>.md-hero-content{width:86%}
.md-home-hero h2{font-size:24px;
max-width:230px}
.md-home-hero p{font-size:15px;
max-width:175px}
.md-home-hero .md-button{font-size:14px;
padding:11px;
gap:7px}
.md-home-hero .md-button .md-icon{width:17px;
height:17px}

.md-ticket-row{align-items:flex-start}
.md-status{font-size:12px}
.md-ticket-row>.md-status{max-width:78px;
white-space:normal;
text-align:center}
.md-listing-info>strong{font-size:14px}
.md-home-listings .md-listing-card{flex-basis:48%}
.md-home-listings .md-listing-info>strong{font-size:14px}
}



/* Reference geometry: photographic cover, light cards and capsule controls. */
:root {
  --md-bg: #f2f2f2;
  --md-surface: #ffffff;
  --md-ink: #171717;
  --md-muted: #666666;
  --md-soft: #f1f1f1;
  --md-accent: #171717;
  --md-strong: #171717;
  --md-line: #e8e8e8;
  --md-error: #333333;
  --md-radius: 28px;
  --md-shadow: 0 8px 30px rgba(0,0,0,.025);
}
body.md-body { letter-spacing: -.015em; }
h1, h2, h3 { font-weight: 500; letter-spacing: -.035em; }
.md-desktop-greeting { font-size: 23px; font-weight: 500; }
.md-brand { font-weight: 600; }
.md-brand > .md-icon { color: var(--md-ink); }
.md-page-title { font-weight: 500; }
.md-sidebar { border-right: 0; }
.md-nav-link { border-radius: 999px; color: #686868; font-weight: 400; }
.md-nav-link:hover { background: #f2f2f2; }
.md-nav-link.active { color: #fff; background: #252525; }
.md-nav-link.active > .md-icon { stroke-width: 1.7; }
.md-house-picker { border: 0; border-radius: 999px; padding: 11px 16px; }
.md-house-picker select { font-weight: 400; }
.md-icon-button:hover { background: #eaeaea; }
.md-bell { background: #fff; }
.md-unread { background: #171717; color: #fff; }
.md-avatar { background: #e7e7e7; color: #171717; font-weight: 500; }
.md-surface, .md-listing-card, .md-rail-house, .md-rail-finance,
.md-rail-emergency, .md-rail-contacts, .md-pending-card {
  background: #fff; border: 0; border-radius: 28px; box-shadow: var(--md-shadow);
}
.md-rail-house, .md-rail-finance, .md-rail-emergency, .md-rail-contacts { padding: 24px 20px; }
.md-rail-house > .md-icon, .md-help-note .md-icon, .md-large-icon { color: #171717; }
.md-rail-finance > strong { font-weight: 500; }
.md-rail-emergency > a { font-weight: 500; }
.md-button { min-height: 46px; padding: 13px 20px; border-radius: 999px; font-weight: 500; }
.md-primary, .md-primary:hover { background: #171717; color: #fff; }
.md-primary:hover { background: #333; }
.md-soft { background: #f0f0f0; color: #171717; }
.md-white { color: #171717; background: #fff; }
.md-link-button { color: #171717; border-radius: 0; }
.md-tabs > a { border: 1px solid #171717; font-weight: 400; }
.md-tabs > a.active { background: #171717; color: #fff; }
.md-text-link { font-weight: 400; }
.md-filter > select, .md-search { background: #fff; border: 0; border-radius: 999px; }
.md-search { padding-left: 18px; }
.md-filter > select { padding-left: 18px; padding-right: 30px; }
.md-field input, .md-field textarea, .md-field select { border-color: #e6e6e6; background: #f7f7f7; }
.md-field input, .md-field select { border-radius: 15px; }
.md-field textarea { border-radius: 18px; }
.md-field input:focus, .md-field textarea:focus, .md-field select:focus { border-color: #6f6f6f; background: #fff; }
.md-round-icon, .md-subtle { background: #f2f2f2; color: #171717; }
.md-empty > .md-icon { color: #666666; }
.md-status { border-radius: 999px; background: #ededed; color: #505050; font-weight: 400; }
.md-status-new, .md-status-pending, .md-status-requested, .md-status-waiting { background: #ededed; color: #454545; }
.md-status-accepted, .md-status-approved, .md-status-published,
.md-status-resolved, .md-status-completed { background: #292929; color: #fff; }
.md-status-in_progress, .md-status-offered { background: #dedede; color: #171717; }
.md-status-rejected, .md-status-cancelled { color: #171717; background: #e4e4e4; }
.md-status-closed { color: #666666; background: #f1f1f1; }
.md-debt-banner { background: #fff; border-radius: 24px; box-shadow: var(--md-shadow); }
.md-debt-banner strong { font-weight: 500; }
.md-debt-banner p { color: #666666; }
.md-notice-row h3, .md-notification h3 { font-weight: 500; }
.md-notification.unread { background: #f7f7f7; }
.md-notification.unread:after { background: #171717; }
.md-ticket-row:hover { background: #fafafa; }
.md-message { background: #fff; border-radius: 24px 24px 24px 6px; }
.md-message-own { background: #e5e5e5; border-radius: 24px 24px 6px 24px; }
.md-finance-summary { background: #fff; border-radius: 28px; box-shadow: var(--md-shadow); }
.md-finance-summary > h2 { font-weight: 500; }
.md-paid { color: #171717; }
.md-info { background: #f0f0f0; color: #505050; border-radius: 18px; }
.md-form-error { background: #ededed; color: #171717; }
.md-toggle > span { background: #d6d6d6; }
.md-toggle > input:checked + span { background: #171717; }
.md-toggle > input:focus-visible + span { outline-color: #737373; }
.md-upload { color: #171717; border-color: #c6c6c6; background: #fafafa; border-radius: 18px; }
.md-modal-shade { background: rgba(0,0,0,.44); }
.md-toast { background: #252525; color: #fff; border-radius: 999px; }

/* The photograph is decorative; house and resident information comes from the API. */
.md-home-hero {
  min-height: 320px; padding: 30px; border-radius: 30px; display: flex; align-items: stretch;
  background: linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.26) 28%,rgba(0,0,0,.69) 100%),url('home-courtyard.png') center 55% / cover no-repeat;
  color: #fff;
}
.md-home-hero > .md-hero-content {
  width: 100%; max-width: 540px; display: flex; flex-direction: column; align-items: flex-start;
}
.md-hero-place { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 400; margin-bottom: auto; color: #fff; }
.md-hero-place > .md-icon { width: 17px; height: 17px; stroke-width: 1.5; }
.md-home-hero h2 { color: #fff; font-size: 32px; line-height: 1.15; letter-spacing: -.045em; font-weight: 500; max-width: 340px; margin-top: 40px; }
.md-home-hero p { color: #fff; opacity: .86; font-size: 15px; line-height: 1.5; max-width: 350px; margin: 12px 0 22px; }
.md-home-hero .md-hero-action {
  align-self: stretch; justify-content: flex-start; min-height: 55px; max-width: 390px; padding: 15px 20px;
  border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(255,255,255,.15);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); color: #fff; font-size: 14px; font-weight: 400; gap: 12px;
}
.md-home-hero .md-hero-action:hover { background: rgba(255,255,255,.23); }
.md-home-hero .md-hero-action > .md-icon { width: 20px; height: 20px; stroke-width: 1.5; }
.md-quick-actions { gap: 12px; margin-top: 17px; margin-bottom: 28px; }
.md-quick-actions > a { min-height: 90px; border: 0; border-radius: 24px; padding: 18px 16px; background: #fff; }
.md-quick-actions > a:hover { background: #fafafa; }
.md-quick-actions > a > .md-icon:first-child { background: #f4f4f4; color: #171717; stroke-width: 1.4; }
.md-quick-actions strong { font-weight: 400; }
.md-section-head h2 { font-size: 21px; font-weight: 500; }
.md-listing-card { padding: 8px; }
.md-listing-photo { border-radius: 23px; height: 210px; background: #e9e9e9; }
.md-no-photo { background: #e9e9e9; }
.md-no-photo > .md-icon { color: #666666; }
.md-photo-category { background: rgba(255,255,255,.92); padding: 6px 10px; font-size: 12px; font-weight: 400; }
.md-listing-info { padding: 13px 8px 11px; gap: 5px; }
.md-listing-info > strong { font-weight: 500; line-height: 1.4; }
.md-listing-info > span { font-weight: 500; }
.md-listing-info > small { font-size: 12px; font-weight: 400; }
.md-listing-card:hover { box-shadow: 0 9px 24px rgba(0,0,0,.04); }
.md-neighbor-invite { background: #fff; border-radius: 28px; box-shadow: var(--md-shadow); }
.md-neighbor-invite > .md-icon { color: #171717; }
.md-neighbor-invite p { color: #666666; }

/* Desktop retains its own navigation and secondary column. */
@media (min-width: 761px) {
  .md-auth { background: #f2f2f2; padding: 20px; gap: 20px; }
  .md-auth-story { border-radius: 32px; color: #fff; min-height: calc(100dvh - 40px); }
  .md-auth-panel { background: #fff; border-radius: 32px; }
  .md-auth-story > div { padding-bottom: 35px; }
  .md-auth-story h1 { font-size: clamp(38px,4vw,60px); font-weight: 500; }
  .md-auth-story .md-brand > .md-icon { color: #fff; }
  .md-auth-story p { color: rgba(255,255,255,.87); }
  .md-auth-caption { color: rgba(255,255,255,.75); }
}
.md-auth-story {
  background: linear-gradient(180deg,rgba(0,0,0,.26),rgba(0,0,0,.34) 45%,rgba(0,0,0,.57)),url('home-courtyard.png') center / cover no-repeat;
}
.md-auth-story:after { display: none; }
@media (min-width: 1450px) {
  .md-home-hero { min-height: 360px; padding: 34px; }
  .md-home-hero h2 { font-size: 36px; max-width: 370px; }
  .md-home-hero p { font-size: 15px; }
  .md-listing-photo { height: 225px; }
}
@media (max-width: 1220px) and (min-width: 761px) {
  .md-home-hero { min-height: 320px; padding: 28px; }
  .md-home-hero > .md-hero-content { width: 100%; }
  .md-home-hero h2 { font-size: 31px; }
  .md-home-hero p { font-size: 15px; }
  .md-home-hero .md-hero-action { font-size: 14px; min-height: 54px; }
  .md-home-listings { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .md-home-listings .md-listing-photo { height: 190px; }
  .md-home-listings .md-listing-info { padding: 12px 6px; }
}
@media (max-width: 760px) {
  html, body.md-body { background: #f2f2f2; }
  .md-workspace { padding-left: 18px; padding-right: 18px; }
  .md-topbar { height: calc(80px + env(safe-area-inset-top)); gap: 10px; }
  .md-house-picker { background: transparent; padding: 8px 0; max-width: calc(100% - 48px); gap: 9px; }
  .md-house-picker select { font-size: 16px; max-width: calc(100vw - 133px); }
  .md-house-picker > .md-icon { width: 19px; height: 19px; }
  .md-house-picker label > span { display: block; color: #666666; font-size: 12px; margin-bottom: 2px; }
  .md-bell { width: 41px; height: 41px; }
  .md-unread { box-shadow: 0 0 0 3px #f2f2f2; }
  .md-home-page .md-page-head { margin: 0 2px 17px; }
  .md-home-page .md-page-head h1 { font-size: 21px; font-weight: 500; }
  .md-home-hero { min-height: 300px; padding: 23px; border-radius: 28px; background-position: center 55%; }
  .md-home-hero > .md-hero-content { width: 100%; max-width: none; }
  .md-hero-place { font-size: 12px; }
  .md-home-hero h2 { font-size: 28px; line-height: 1.15; max-width: 245px; margin-top: 42px; font-weight: 500; }
  .md-home-hero p { font-size: 15px; line-height: 1.55; max-width: 260px; margin: 10px 0 21px; }
  .md-home-hero .md-hero-action { min-height: 53px; width: 100%; max-width: none; padding: 14px 16px; border-radius: 999px; font-size: 14px; gap: 10px; }
  .md-home-hero .md-hero-action > .md-icon { width: 18px; height: 18px; }
  .md-button { border-radius: 999px; }
  .md-page-head > .md-button { border-radius: 999px; min-height: 41px; }
  .md-quick-actions { gap: 10px; margin: 14px 0 25px; }
  .md-quick-actions > a { border-radius: 24px; min-height: 110px; padding: 17px 6px 14px; gap: 10px; }
  .md-quick-actions > a > .md-icon:first-child { background: none; width: 30px; height: 30px; padding: 2px; }
  .md-quick-actions strong { font-size: 14px; font-weight: 400; line-height: 1.4; }
  .md-section-head { margin-top: 27px; margin-bottom: 14px; }
  .md-section-head h2 { font-size: 20px; font-weight: 500; }
  .md-section-head .md-text-link { font-size: 14px; }
  .md-surface { border-radius: 26px; }
  .md-notice-row { padding: 21px 18px; }
  .md-notice-row > .md-round-icon { background: #f2f2f2; }
  .md-notice-row h3 { font-size: 14px; font-weight: 500; }
  .md-row-meta { font-size: 12px; }
  .md-notice-row p { font-size: 15px; line-height: 1.7; }
  .md-status { border-radius: 999px; font-size: 12px; }
  .md-debt-banner { border-radius: 24px; }
  .md-home-listings { gap: 12px; margin-right: -18px; padding-right: 18px; padding-bottom: 6px; }
  .md-home-listings .md-listing-card { flex: 0 0 76%; border-radius: 28px; }
  .md-home-listings .md-listing-photo { height: 205px; }
  .md-home-listings .md-listing-info { padding: 13px 8px 12px; }
  .md-home-listings .md-listing-info > strong { font-size: 14px; }
  .md-home-listings .md-photo-category { font-size: 12px; padding: 5px 9px; }
  .md-listings-grid:not(.md-home-listings) { gap: 12px; }
  .md-listing-card { border-radius: 23px; padding: 6px; }
  .md-listing-photo { border-radius: 18px; height: 160px; }
  .md-listing-info { padding: 12px 5px 9px; gap: 5px; }
  .md-listing-info > strong { font-size: 14px; }
  .md-listing-info > small { font-size: 12px; line-height: 1.6; }
  .md-photo-category { font-size: 12px; padding: 4px 8px; max-width: calc(100% - 16px); left: 8px; bottom: 8px; }
  .md-mobile-nav {
    left: 18px; right: 18px; bottom: -14px; border-radius: 999px;
    padding: 11px 9px 12px; background: rgba(35,35,35,.97); box-shadow: 0 12px 28px rgba(0,0,0,.14);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  }
  .md-mobile-nav > .md-nav-link { color: #aaa; font-size: 14px; gap: 5px; font-weight: 400; }
  .md-mobile-nav > .md-nav-link > .md-icon { width: 21px; height: 21px; stroke-width: 1.35; }
  .md-mobile-nav > .md-nav-link.active { color: #fff; }
  .md-mobile-nav > .md-nav-link.active > .md-icon { stroke-width: 1.65; }
  .md-toggle-row strong { font-weight: 500; }
  .md-profile-section, .md-finance-summary { border-radius: 26px; }
  .md-toast { border-radius: 22px; }
  .md-auth { background: #f2f2f2; padding: calc(16px + env(safe-area-inset-top)) 16px 24px; }
  .md-auth-story { display: flex; min-height: 235px; padding: 24px; border-radius: 28px; color: #fff; }
  .md-auth-story .md-brand { font-size: 22px; gap: 9px; font-weight: 500; margin: 0; }
  .md-auth-story .md-brand > .md-icon { width: 28px; height: 28px; color: #fff; }
  .md-auth-story > div { margin: auto 0 0; padding: 25px 0 0; }
  .md-auth-story h1 { font-size: 29px; font-weight: 500; line-height: 1.13; letter-spacing: -.04em; }
  .md-auth-story p, .md-auth-caption, .md-auth-mobile-brand { display: none; }
  .md-auth-panel { padding: 28px 23px 27px; min-height: 0; background: #fff; border-radius: 28px; margin-top: 16px; }
  .md-auth-content h2 { font-size: 26px; font-weight: 500; }
  .md-auth-content > p { margin-bottom: 25px; font-size: 15px; }
  .md-auth-content .md-field input, .md-auth-content .md-field select { background: #f7f7f7; border: 0; border-radius: 14px; }
  .md-auth-content .md-field input:focus, .md-auth-content .md-field select:focus { outline: 2px solid #737373; outline-offset: 2px; }
  .md-auth-switch { margin-top: 24px; border: 0; padding-top: 0; }
}
@media (max-width: 370px) {
  .md-listings-grid:not(.md-home-listings) { grid-template-columns: minmax(0,1fr); }
  .md-listings-grid:not(.md-home-listings) .md-listing-photo { height: 205px; }
  .md-quick-actions { grid-template-columns: minmax(0,1fr); }
  .md-quick-actions > a { flex-direction: row; align-items: center; justify-content: flex-start; min-height: 72px; text-align: left; gap: 14px; padding: 16px 20px; }
  .md-quick-actions strong { flex: 1; }
  .md-form-row { grid-template-columns: minmax(0,1fr); }
  .md-ticket-row { flex-wrap: wrap; }
  .md-ticket-row > div { flex: 1 1 100%; }
  .md-ticket-row > .md-status { max-width: none; text-align: left; }
  .md-house-description { flex-direction: column; }
  .md-workspace { padding-left: 16px; padding-right: 16px; }
  .md-house-picker select { max-width: calc(100vw - 124px); font-size: 16px; }
  .md-home-page .md-page-head h1 { font-size: 20px; }
  .md-home-hero { min-height: 305px; padding: 22px 20px; }
  .md-home-hero > .md-hero-content { width: 100%; }
  .md-home-hero h2 { font-size: 27px; max-width: 220px; margin-top: 42px; }
  .md-home-hero p { font-size: 15px; max-width: 220px; }
  .md-home-hero .md-hero-action { font-size: 14px; padding: 14px 12px; gap: 8px; }
  .md-home-hero .md-hero-action > .md-icon { width: 17px; height: 17px; }
  .md-quick-actions { gap: 8px; }
  .md-quick-actions > a { padding-left: 18px; padding-right: 18px; border-radius: 22px; }
  .md-quick-actions strong { font-size: 14px; }
  .md-section-head h2 { font-size: 18px; }
  .md-section-head .md-text-link { font-size: 14px; }
  .md-home-listings { margin-right: -16px; padding-right: 16px; }
  .md-home-listings .md-listing-card { flex-basis: 83%; }
  .md-home-listings .md-listing-photo { height: 192px; }
  .md-listing-photo { height: 136px; }
  .md-listing-info > strong { font-size: 14px; }
  .md-mobile-nav { left: 8px; right: 8px; padding-left: 8px; padding-right: 8px; grid-template-columns: repeat(4,max-content); justify-content: space-between; column-gap: 5px; }
  .md-mobile-nav > .md-nav-link > span { white-space: nowrap; }
  .md-auth-story { min-height: 215px; padding: 22px; }
  .md-auth-story h1 { font-size: 26px; }
  .md-auth-panel { padding: 27px 20px; }
  .md-auth-content h2 { font-size: 23px; }
}