:root{--pd-ink:#14334a;--pd-muted:#667b8e;--pd-blue:#0877ba;--pd-line:#dde7ef;--pd-soft:#eaf5fd;color-scheme:light;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--pd-ink);background:#f5f8fc}*{box-sizing:border-box}body{margin:0}a{color:#087ab6;text-underline-offset:3px}a:hover{color:#05669f}h1,h2,h3{color:#153d5f;line-height:1.25}h1{font-size:28px;letter-spacing:-.7px;margin:0 0 12px}h2{font-size:19px;margin:0 0 12px}h3{font-size:17px}p{margin:0 0 16px}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;background:var(--pd-blue);border:1px solid var(--pd-blue);border-radius:9px;color:white;font-weight:600;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#05669f;color:white}button.secondary,.button.secondary{background:white;border-color:var(--pd-line);color:var(--pd-ink)}button.secondary:hover{background:var(--pd-soft)}button:disabled{opacity:.5;cursor:default}input,select,textarea{display:block;width:100%;max-width:680px;min-width:0;padding:10px 12px;border:1px solid #cad9e4;border-radius:8px;background:white;color:var(--pd-ink)}input[type=checkbox],input[type=radio]{display:inline-block;width:auto}input[type=hidden]{display:none}textarea{min-height:90px;resize:vertical}label{display:block;font-weight:550;margin:14px 0 6px}label input,label select{margin-top:6px}small,.muted{color:var(--pd-muted)}small{display:block;margin-top:6px}svg{width:22px;height:22px;flex-shrink:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #88c9f4;outline-offset:3px}.skip-link{position:fixed;left:12px;top:-100px;background:white;padding:12px;z-index:100}.skip-link:focus{top:12px}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:240px;flex-shrink:0;background:white;border-right:1px solid var(--pd-line);padding:28px 16px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;color:var(--pd-ink);font-size:20px;font-weight:750;letter-spacing:-.5px;text-decoration:none}.brand small{font-size:10px;font-weight:500;letter-spacing:0;margin:1px 0 0}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--pd-blue);color:white;border-radius:12px;flex-shrink:0}.company-switch{display:grid;gap:6px;margin:28px 0 10px;padding:14px 12px;border:1px solid var(--pd-line);border-radius:10px;text-decoration:none;background:#fbfdff}.company-switch strong{color:var(--pd-ink);overflow-wrap:anywhere}.company-switch>span:last-child{font-size:12px}.eyebrow,.nav-label{font-size:10px;font-weight:750;letter-spacing:1.2px;color:var(--pd-muted)}.eyebrow{margin:0 0 8px}.nav-label{margin:22px 12px 12px}.app-sidebar nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:9px;color:#526b80;font-weight:550;text-decoration:none}.nav-item:hover{background:#f3f8fc}.nav-item.active{background:#e4f3fd;color:#0672b2}.sidebar-bottom{margin-top:auto;padding-top:28px}.environment{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--pd-muted);margin:22px 12px 0}.environment>span{height:7px;width:7px;border-radius:50%;background:#4a9d8b}.app-workspace{flex:1;min-width:0}.app-topbar{min-height:78px;background:white;border-bottom:1px solid var(--pd-line);display:flex;gap:16px;align-items:center;padding:16px 32px}.breadcrumb{font-size:13px;color:var(--pd-muted)}.breadcrumb span{margin:0 10px;color:#a4b6c4}.account-menu{margin-left:auto;display:flex;gap:18px;align-items:center}.account-menu form{margin:0}.account-name{font-size:12px;color:var(--pd-muted)}.app-content{max-width:1600px;margin:0 auto;padding:32px;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading p:last-child{margin-bottom:0}.badge{display:inline-flex;align-items:center;padding:6px 11px;border:1px solid var(--pd-line);border-radius:20px;background:white;color:#526b80;font-size:12px;white-space:nowrap}.card,article,.help-panel{padding:24px;background:white;border:1px solid var(--pd-line);border-radius:12px;margin:16px 0}form.card>button{margin-top:18px}table{width:100%;border-collapse:separate;border-spacing:0;background:white;border:1px solid var(--pd-line);border-radius:10px;overflow:hidden;margin:20px 0}td,th{text-align:left;border-bottom:1px solid var(--pd-line);padding:13px 16px;overflow-wrap:anywhere}th{background:#f0f6fb;font-size:12px;color:#526b80}tr:last-child td{border-bottom:0}td a{font-weight:600}summary{cursor:pointer;font-weight:650}.notice{border:1px solid #caddf0;border-radius:10px;background:#edf6ff;padding:16px 20px;margin:0 0 20px}.notice p:last-child{margin:0}.notice.success{background:#eef9f5;border-color:#c4e4d7}.notice.error{background:#fff3f2;border-color:#f0c6c0}.property-grid,.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:20px;margin:20px 0}.property-card{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden}.property-cover{display:flex;align-items:center;gap:12px;padding:24px;background:#eaf3fb;border-bottom:1px solid var(--pd-line)}.property-cover svg{width:35px;height:35px;color:var(--pd-blue)}.property-cover span{font-size:11px;font-weight:600;color:#667b8e}.property-body{padding:22px;flex:1}.property-body h2 a{color:#153d5f;text-decoration:none}.property-body p{color:var(--pd-muted);margin-bottom:14px}.property-meta{display:flex;gap:8px;margin-top:18px}.property-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 22px;border-top:1px solid var(--pd-line);font-size:13px}.property-footer a{text-decoration:none;font-weight:650}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px}.form-grid>label{min-width:0}.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.create-property{background:white;border:1px solid var(--pd-line);border-radius:12px;padding:18px 24px;margin-top:28px}.create-property>summary{color:var(--pd-blue)}.create-property form{padding-top:16px}.settings-tile{display:block;padding:26px;background:white;border:1px solid var(--pd-line);border-radius:12px;text-decoration:none;color:var(--pd-ink)}.settings-tile>svg{color:var(--pd-blue);width:30px;height:30px;margin-bottom:18px}.settings-tile p{color:var(--pd-muted);min-height:64px}.settings-tile span{font-weight:650;color:var(--pd-blue)}.settings-tile:hover{border-color:#8dbedb;box-shadow:0 5px 20px #14334a08}.settings-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:24px;align-items:start}.settings-columns>section,.settings-columns>aside{min-width:0}.settings-columns .card:first-child,.help-panel{margin-top:0}.help-panel ol{padding-left:20px}.help-panel li{padding-left:4px;margin-bottom:14px}.storage-form input{max-width:none}.storage-form h2{margin-bottom:10px}.help-panel .notice{font-size:13px;margin-top:22px}.menu-toggle{display:none}.guest-brand{padding:32px}.guest .app-content{max-width:540px;padding-top:24px}.guest .app-content form{background:white;padding:28px;border:1px solid var(--pd-line);border-radius:14px}.guest .app-content form>button{margin-top:20px}.guest .brand{width:max-content}.app-content>form:not(.card){margin:18px 0}.app-content form small{font-weight:400}.app-content>h1{margin-bottom:22px}nav[role=navigation]{margin:20px 0}.app-content pre{white-space:pre-wrap;overflow-wrap:anywhere}
/* Existing ported article module keeps its scoped styles and dialog behavior. */
#powerdomus-app{--pd-ink:#14334a;--pd-muted:#667b8e;--pd-line:#dde7ef;--pd-blue:#0877ba;min-width:0}#powerdomus-app header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:transparent;color:var(--pd-ink);padding:0}#powerdomus-app .powerdomus-card{background:white;padding:24px;border:1px solid var(--pd-line);border-radius:12px;margin-top:24px}#powerdomus-app [hidden]{display:none!important}dialog{border:1px solid var(--pd-line);border-radius:14px;padding:26px;color:var(--pd-ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#14334a66}dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}fieldset{border:1px solid var(--pd-line);border-radius:9px;margin-top:18px;padding:18px}legend{font-weight:650;padding:0 6px}
@media(min-width:1600px){.app-content{padding:38px 44px}.app-topbar{padding-left:44px;padding-right:44px}}
@media(max-width:1050px){.app-sidebar{width:218px;padding-left:12px;padding-right:12px}.settings-columns{grid-template-columns:1fr}.account-name{display:none}.app-content{padding:24px}.app-topbar{padding:16px 24px}}
@media(max-width:760px){.app-shell{display:block}.app-sidebar{display:none;position:relative;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--pd-line)}body.navigation-open .app-sidebar{display:flex}.app-sidebar .brand{margin-bottom:6px}.company-switch{margin-top:16px}.sidebar-bottom{padding-top:4px}.menu-toggle{display:inline-flex}.app-topbar{padding:12px 16px;min-height:68px;gap:10px}.breadcrumb{font-size:11px;overflow-wrap:anywhere}.breadcrumb span{margin:0 4px}.account-menu{gap:0}.account-menu button{font-size:12px;padding:8px 10px}.app-content{padding:22px 16px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:20px}h1{font-size:25px}.form-grid{grid-template-columns:1fr}.card,article,.help-panel{padding:20px}.property-grid,.settings-grid{grid-template-columns:1fr}.settings-tile p{min-height:0}.settings-columns{display:block}.settings-columns .help-panel{margin-top:20px}table{font-size:12px}td,th{padding:10px 8px}.badge{white-space:normal}#powerdomus-app .powerdomus-card{padding:16px}.guest-brand{padding:24px}.guest .app-content{padding-top:10px}}

.property-list-avatar{width:64px;height:64px;object-fit:cover;border-radius:12px}


.nav-parent{display:flex;align-items:center;gap:2px}.nav-parent>.nav-item{flex:1;min-width:0}.nav-expand{background:transparent;border:0;color:#526b80;padding:12px 10px;min-width:38px}.nav-expand:hover{background:#e4f3fd}.nav-expand span{display:block;transition:transform .15s}.nav-expand[aria-expanded=false] span{transform:rotate(-90deg)}.nav-submenu{margin:4px 0 12px 10px;padding-left:10px;border-left:1px solid #dce9f2;display:grid;gap:3px}.nav-submenu[hidden]{display:none}.nav-submenu .nav-item{font-size:12px;padding:9px 10px;gap:9px}.nav-submenu .nav-item svg{width:17px;height:17px;flex-shrink:0}.nav-submenu .nav-label{font-size:9px;margin:14px 0 4px 10px;letter-spacing:.09em}.selected-property-link{display:flex;align-items:center;gap:8px;text-decoration:none;padding:10px 8px;color:#153d5f;min-width:0}.selected-property-link img{border-radius:7px;object-fit:cover;flex-shrink:0}.selected-property-link strong{overflow-wrap:anywhere;font-size:12px}.operations-navigation summary{list-style:none;cursor:pointer}.operations-navigation summary::-webkit-details-marker{display:none}.nav-chevron{margin-left:auto}.operations-navigation:not([open]) .nav-chevron{transform:rotate(-90deg)}.property-navigation,.operations-navigation{min-width:0}.app-sidebar .brand,.company-switch{flex-shrink:0}.nav-item span{min-width:0;overflow-wrap:anywhere}
