:root {
  --pm-ink: #17243c;
  --pm-muted: #64748b;
  --pm-line: #e3e9f2;
  --pm-soft: #f5f7fb;
  --pm-primary: #3157d5;
  --pm-primary-dark: #203997;
  --pm-teal: #0f9f8f;
  --pm-orange: #f59e0b;
  --pm-red: #dc4753;
  --pm-shadow: 0 16px 38px rgba(31, 48, 85, .09);
}

.pm-page { color: var(--pm-ink); }
.pm-page *, .pm-page *::before, .pm-page *::after { box-sizing: border-box; }
.pm-page-header, .pm-hero, .pm-portal-hero {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 1.35rem;
}
.pm-page-header h2, .pm-hero h2, .pm-portal-hero h2 {
  margin: .35rem 0 .5rem; font-weight: 800; letter-spacing: -.035em; color: var(--pm-ink);
}
.pm-page-header h2 { font-size: clamp(1.65rem, 3vw, 2.35rem); }
.pm-page-header p { max-width: 820px; margin: 0; color: var(--pm-muted); line-height: 1.65; }
.pm-kicker {
  display: inline-flex; align-items: center; gap: .45rem; color: var(--pm-primary);
  font-size: .73rem; font-weight: 800; letter-spacing: .095em; text-transform: uppercase;
}

.pm-hero {
  position: relative; overflow: hidden; align-items: center; padding: clamp(1.5rem, 4vw, 3rem);
  color: #fff; border-radius: 1.35rem; background:
    radial-gradient(circle at 88% 5%, rgba(255,255,255,.18), transparent 30%),
    linear-gradient(128deg, #142d69 0%, #3157d5 56%, #128b91 120%);
  box-shadow: 0 24px 55px rgba(28, 54, 131, .22);
}
.pm-hero::after {
  content: ""; position: absolute; right: -4rem; bottom: -7rem; width: 22rem; height: 22rem;
  border: 1px solid rgba(255,255,255,.16); border-radius: 50%; box-shadow: 0 0 0 3rem rgba(255,255,255,.035), 0 0 0 6rem rgba(255,255,255,.025);
}
.pm-hero > * { position: relative; z-index: 1; }
.pm-hero .pm-kicker, .pm-portal-hero .pm-kicker { color: #a8f0ec; }
.pm-hero h2 { max-width: 720px; color: #fff; font-size: clamp(2rem, 4.5vw, 3.55rem); line-height: 1.04; }
.pm-hero p { max-width: 760px; margin: 0; color: rgba(255,255,255,.82); font-size: 1rem; line-height: 1.7; }
.pm-hero-actions { display: flex; flex-wrap: wrap; gap: .7rem; flex: 0 0 auto; }

.pm-scope-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; padding: .9rem 1rem;
  border: 1px solid var(--pm-line); border-radius: 1rem; background: #fff; box-shadow: 0 7px 25px rgba(34, 48, 80, .055);
}
.pm-scope-summary { display: flex; align-items: center; gap: .75rem; min-width: 220px; }
.pm-scope-icon {
  display: grid; place-items: center; width: 2.7rem; height: 2.7rem; flex: 0 0 2.7rem;
  border-radius: .8rem; color: #fff; background: linear-gradient(145deg, var(--pm-primary), var(--pm-teal));
}
.pm-scope-summary div { display: grid; }
.pm-scope-summary small, .pm-scope-form label > span { color: var(--pm-muted); font-size: .67rem; font-weight: 700; text-transform: uppercase; letter-spacing: .055em; }
.pm-scope-summary strong { line-height: 1.25; }
.pm-scope-summary div > span { color: var(--pm-muted); font-size: .78rem; }
.pm-scope-form { display: flex; align-items: flex-end; justify-content: flex-end; gap: .65rem; flex: 1; }
.pm-scope-form label { display: grid; gap: .2rem; min-width: 180px; margin: 0; }
.pm-scope-form .btn { height: 31px; white-space: nowrap; }

.pm-empty-callout {
  display: flex; align-items: center; gap: 1rem; padding: 1.25rem; margin-bottom: 1.25rem;
  border: 1px dashed #aebddd; border-radius: 1rem; background: #f7f9ff;
}
.pm-empty-callout > i { color: var(--pm-primary); font-size: 2rem; }
.pm-empty-callout > div { display: grid; flex: 1; }
.pm-empty-callout span { color: var(--pm-muted); }

.pm-kpi-grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 1.35rem 0;
}
.pm-kpi-grid-compact { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pm-kpi {
  display: flex; align-items: center; gap: .85rem; min-height: 118px; padding: 1.1rem;
  border: 1px solid var(--pm-line); border-radius: 1.05rem; background: #fff; box-shadow: 0 10px 30px rgba(34, 48, 80, .055);
}
.pm-kpi-icon {
  display: grid; place-items: center; width: 2.8rem; height: 2.8rem; flex: 0 0 2.8rem;
  color: var(--pm-primary); font-size: 1.25rem; border-radius: .82rem; background: #eef2ff;
}
.pm-kpi div { display: grid; min-width: 0; }
.pm-kpi small { color: var(--pm-muted); font-size: .71rem; font-weight: 750; text-transform: uppercase; letter-spacing: .045em; }
.pm-kpi strong { margin: .12rem 0; font-size: 1.42rem; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm-kpi em { color: var(--pm-muted); font-size: .75rem; font-style: normal; }
.pm-kpi-primary .pm-kpi-icon { color: #fff; background: var(--pm-primary); }
.pm-kpi-success .pm-kpi-icon { color: #fff; background: var(--pm-teal); }
.pm-kpi-warning .pm-kpi-icon { color: #fff; background: var(--pm-orange); }
.pm-kpi-danger .pm-kpi-icon { color: #fff; background: var(--pm-red); }

.pm-dashboard-grid, .pm-report-grid, .pm-finance-entry-grid {
  display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(320px, .75fr); gap: 1rem; margin-bottom: 1rem;
}
.pm-report-grid, .pm-finance-entry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pm-card, .pm-resource-card {
  border: 1px solid var(--pm-line); border-radius: 1.1rem; background: #fff; box-shadow: 0 10px 32px rgba(34, 48, 80, .055);
}
.pm-card > header, .pm-resource-card > header {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.25rem;
  border-bottom: 1px solid var(--pm-line);
}
.pm-card > header h3, .pm-resource-card > header h3, .pm-module-launcher h3 { margin: .15rem 0 0; font-size: 1.15rem; font-weight: 800; }
.pm-card > header a { color: var(--pm-primary); font-size: .78rem; font-weight: 700; text-decoration: none; }
.pm-count, .pm-step {
  display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; height: 2rem; padding: 0 .55rem;
  color: var(--pm-primary); font-size: .75rem; font-weight: 800; border-radius: 99px; background: #eef2ff;
}

.pm-chart-card { min-height: 390px; }
.pm-bar-chart {
  display: flex; align-items: flex-end; justify-content: space-around; gap: 1rem; height: 260px; padding: 1.5rem 1.5rem .8rem;
  background: repeating-linear-gradient(to top, transparent 0, transparent 63px, #edf1f7 64px);
}
.pm-bar-group { display: grid; grid-template-rows: 215px auto; gap: .55rem; width: 11%; height: 100%; text-align: center; }
.pm-bars { display: flex; align-items: flex-end; justify-content: center; gap: .23rem; height: 100%; }
.pm-bar { display: block; width: min(18px, 42%); min-height: 3px; border-radius: .35rem .35rem 0 0; transition: transform .2s; }
.pm-bar:hover { transform: scaleX(1.12); }
.pm-bar-accrual { background: #9ab0f1; }
.pm-bar-payment { background: var(--pm-teal); }
.pm-bar-group small { color: var(--pm-muted); }
.pm-chart-card > footer { display: flex; justify-content: center; gap: 1.2rem; padding: .85rem; color: var(--pm-muted); font-size: .74rem; border-top: 1px solid var(--pm-line); }
.pm-chart-card > footer span { display: flex; align-items: center; gap: .4rem; }
.pm-legend { width: .65rem; height: .65rem; border-radius: 50%; }
.pm-legend-accrual { background: #9ab0f1; }
.pm-legend-payment { background: var(--pm-teal); }

.pm-alert-list { padding: .55rem 1.15rem 1rem; }
.pm-alert-list article {
  display: flex; gap: .75rem; align-items: center; padding: .82rem 0; border-bottom: 1px solid var(--pm-line);
}
.pm-alert-list article > span { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; color: var(--pm-red); border-radius: .7rem; background: #fff0f1; }
.pm-alert-list article div { display: grid; min-width: 0; }
.pm-alert-list article strong { font-size: .84rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-alert-list article small { color: var(--pm-muted); font-size: .72rem; }
.pm-success-empty { display: grid; justify-items: center; gap: .35rem; padding: 2.4rem 1rem; text-align: center; color: var(--pm-muted); }
.pm-success-empty i { color: var(--pm-teal); font-size: 2.3rem; }
.pm-success-empty strong { color: var(--pm-ink); }

.pm-module-launcher { margin-top: 1rem; padding: 1.25rem; border: 1px solid var(--pm-line); border-radius: 1.1rem; background: #fff; }
.pm-module-launcher > header { margin-bottom: 1rem; }
.pm-launch-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.pm-launch-grid a {
  display: grid; grid-template-columns: auto 1fr; column-gap: .7rem; align-items: center; padding: .9rem;
  color: var(--pm-ink); text-decoration: none; border: 1px solid var(--pm-line); border-radius: .85rem; transition: .2s;
}
.pm-launch-grid a:hover { border-color: #a8b8ed; transform: translateY(-2px); box-shadow: 0 9px 20px rgba(49,87,213,.1); }
.pm-launch-grid i { grid-row: 1 / span 2; color: var(--pm-primary); font-size: 1.35rem; }
.pm-launch-grid strong { font-size: .86rem; }
.pm-launch-grid span { color: var(--pm-muted); font-size: .7rem; }

.pm-resource-tabs {
  display: flex; gap: .45rem; overflow-x: auto; margin-bottom: 1rem; padding: .45rem;
  border: 1px solid var(--pm-line); border-radius: .9rem; background: #fff; scrollbar-width: thin;
}
.pm-resource-tabs a {
  display: inline-flex; align-items: center; gap: .4rem; padding: .5rem .72rem; color: var(--pm-ink);
  font-size: .77rem; font-weight: 700; text-decoration: none; white-space: nowrap; border-radius: .65rem; background: var(--pm-soft);
}
.pm-resource-tabs a:hover { color: #fff; background: var(--pm-primary); }
.pm-resource-tabs a span { display: inline-grid; place-items: center; min-width: 1.3rem; height: 1.3rem; padding: 0 .25rem; border-radius: 99px; background: rgba(49,87,213,.12); }
.pm-resource-tabs a:hover span { background: rgba(255,255,255,.18); }
.pm-resource-card { margin-bottom: 1rem; overflow: visible; scroll-margin-top: 1rem; }
.pm-entry-panel { border-bottom: 1px solid var(--pm-line); }
.pm-entry-panel > summary {
  display: flex; align-items: center; justify-content: space-between; padding: .8rem 1.25rem; color: var(--pm-primary);
  font-size: .8rem; font-weight: 800; cursor: pointer; list-style: none; background: #f7f9ff;
}
.pm-entry-panel > summary::-webkit-details-marker { display: none; }
.pm-entry-panel > summary span { display: inline-flex; align-items: center; gap: .45rem; }
.pm-entry-panel[open] > summary > i { transform: rotate(180deg); }
.pm-form-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; padding: 1.1rem 1.25rem 1.25rem; }
.pm-form-grid > label { display: grid; align-content: start; gap: .3rem; margin: 0; }
.pm-form-grid > label > span { color: #475569; font-size: .72rem; font-weight: 750; }
.pm-form-grid .form-control, .pm-form-grid .form-select { min-height: 40px; border-color: #dbe2ed; font-size: .82rem; }
.pm-field-full { grid-column: 1 / -1; }
.pm-form-actions { display: flex; gap: .65rem; padding-top: .2rem; }
.pm-switch { display: flex; align-items: center; gap: .55rem; min-height: 40px; }
.pm-switch input { width: 1.05rem; height: 1.05rem; accent-color: var(--pm-primary); }
.pm-switch em { color: var(--pm-muted); font-size: .78rem; font-style: normal; }
.pm-readonly-note, .pm-info-strip {
  display: flex; align-items: center; gap: .55rem; padding: .75rem 1.25rem; color: #53627a; font-size: .78rem; background: #f7f9fc; border-bottom: 1px solid var(--pm-line);
}

.pm-table { margin: 0; font-size: .78rem; }
.pm-table thead th { padding: .7rem .75rem; color: #526078; font-size: .66rem; text-transform: uppercase; letter-spacing: .045em; white-space: nowrap; background: #f7f9fc; border-bottom: 1px solid var(--pm-line); }
.pm-table tbody td { max-width: 260px; padding: .75rem; vertical-align: middle; border-color: #edf0f5; overflow: hidden; text-overflow: ellipsis; }
.pm-table tbody tr:hover { background: #fafbff; }
.pm-id { color: var(--pm-primary); font-weight: 800; }
.pm-status { display: inline-flex; align-items: center; padding: .25rem .5rem; color: #31544f; font-size: .68rem; font-weight: 700; border-radius: 99px; background: #e8f7f4; white-space: nowrap; }
.pm-empty-inline { display: flex; align-items: center; justify-content: center; gap: .45rem; min-height: 80px; color: var(--pm-muted); }
.pm-inline-action { position: relative; display: inline-block; }
.pm-inline-action > summary { list-style: none; }
.pm-inline-action > summary::-webkit-details-marker { display: none; }
.pm-inline-action form {
  position: absolute; z-index: 20; right: 0; top: calc(100% + .35rem); width: 250px; padding: .8rem;
  text-align: left; border: 1px solid var(--pm-line); border-radius: .75rem; background: #fff; box-shadow: var(--pm-shadow);
}

.pm-aging-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .8rem; padding: 1.15rem; }
.pm-aging-grid article { display: grid; gap: .25rem; padding: .9rem; border-radius: .8rem; background: var(--pm-soft); }
.pm-aging-grid small { color: var(--pm-muted); font-size: .7rem; font-weight: 700; text-transform: uppercase; }
.pm-aging-grid strong { font-size: 1.25rem; }
.pm-aging-danger { color: #a51f2b; background: #fff0f1 !important; }
.pm-breakdown { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 240px; padding: 1rem 1.25rem; gap: 1.25rem; }
.pm-breakdown h4 { font-size: .82rem; font-weight: 800; }
.pm-breakdown > div > span { display: flex; justify-content: space-between; gap: .5rem; padding: .5rem 0; border-bottom: 1px solid var(--pm-line); }
.pm-breakdown em { color: var(--pm-muted); font-size: .76rem; font-style: normal; }
.pm-score-list { padding: .5rem 1.25rem 1rem; }
.pm-score-list > div { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid var(--pm-line); }
.pm-score-list > div > span { display: grid; }
.pm-score-list small { color: var(--pm-muted); font-size: .7rem; }
.pm-score-list em { color: var(--pm-primary); font-weight: 800; font-style: normal; white-space: nowrap; }

.pm-portal-hero {
  align-items: center; padding: 1.65rem; color: #fff; border-radius: 1.2rem;
  background: linear-gradient(125deg, #153266, #2a55c7 58%, #0f9f8f);
}
.pm-portal-hero h2 { color: #fff; font-size: clamp(1.8rem, 4vw, 2.8rem); }
.pm-portal-hero p { max-width: 760px; margin: 0; color: rgba(255,255,255,.78); }
.pm-portal-balance { display: grid; min-width: 220px; padding: 1.1rem 1.25rem; border-radius: 1rem; background: rgba(255,255,255,.13); backdrop-filter: blur(12px); }
.pm-portal-balance small { color: rgba(255,255,255,.7); text-transform: uppercase; letter-spacing: .06em; }
.pm-portal-balance strong { font-size: 1.75rem; }
.pm-portal-balance span { font-size: .75rem; color: rgba(255,255,255,.75); }
.pm-portal-units { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.pm-portal-units article { display: flex; align-items: center; gap: .7rem; padding: .85rem; border: 1px solid var(--pm-line); border-radius: .85rem; background: #fff; }
.pm-portal-units article > i { color: var(--pm-primary); font-size: 1.25rem; }
.pm-portal-units article div { display: grid; flex: 1; }
.pm-portal-units article span { color: var(--pm-muted); font-size: .7rem; }
.pm-portal-units article em { padding: .2rem .42rem; color: var(--pm-teal); font-size: .65rem; font-style: normal; border-radius: 99px; background: #e8f7f4; }
.pm-announcement-list { padding: .6rem 1.2rem 1rem; }
.pm-announcement-list article { display: flex; gap: .75rem; padding: .8rem 0; border-bottom: 1px solid var(--pm-line); }
.pm-announcement-list article > span { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; color: var(--pm-primary); border-radius: .7rem; background: #eef2ff; }
.pm-announcement-list p { margin: .2rem 0; color: var(--pm-muted); font-size: .78rem; }
.pm-announcement-list small { color: #8a96aa; }

@media (max-width: 1199.98px) {
  .pm-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pm-launch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pm-form-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
  .pm-hero, .pm-page-header, .pm-portal-hero { align-items: flex-start; flex-direction: column; }
  .pm-scope-bar { align-items: stretch; flex-direction: column; }
  .pm-scope-form { justify-content: flex-start; flex-wrap: wrap; }
  .pm-scope-form label { flex: 1; min-width: 200px; }
  .pm-dashboard-grid, .pm-report-grid, .pm-finance-entry-grid { grid-template-columns: 1fr; }
  .pm-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pm-aging-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pm-portal-units { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
  .pm-hero { padding: 1.4rem; border-radius: 1rem; }
  .pm-hero h2 { font-size: 2rem; }
  .pm-hero-actions, .pm-hero-actions .btn { width: 100%; }
  .pm-kpi-grid, .pm-launch-grid, .pm-form-grid, .pm-aging-grid, .pm-portal-units { grid-template-columns: 1fr; }
  .pm-field-full { grid-column: auto; }
  .pm-scope-form { display: grid; }
  .pm-scope-form label, .pm-scope-form .btn { width: 100%; min-width: 0; }
  .pm-breakdown { grid-template-columns: 1fr; }
  .pm-resource-card > header { align-items: flex-start; flex-direction: column; }
}

@media print {
  .pm-scope-bar, .pm-page-header .btn, .service-admin-navbar, .service-admin-menu, .service-footer { display: none !important; }
  .pm-card, .pm-resource-card, .pm-kpi { box-shadow: none; break-inside: avoid; }
}

/* Rol bazlı giriş ve demo panel seçimi */
.pm-login-page { min-height: 100vh; display: grid; grid-template-columns: minmax(340px, 42%) 1fr; color: var(--pm-ink); background: #f5f7fb; }
.pm-login-story { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; padding: clamp(2rem,5vw,5rem); color: #fff; overflow: hidden; background: radial-gradient(circle at 80% 20%,rgba(42,184,168,.35),transparent 34%),linear-gradient(145deg,#10234a,#173d7a 55%,#0c6f72); }
.pm-login-story::after { content:""; position:absolute; right:-120px; bottom:-180px; width:440px; height:440px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 140px rgba(255,255,255,.025); }
.pm-login-brand { position:relative; z-index:1; display:flex; align-items:center; gap:.85rem; color:#fff; text-decoration:none; }
.pm-login-brand > span { display:grid; place-items:center; width:3rem; height:3rem; border-radius:1rem; font-size:1.4rem; background:rgba(255,255,255,.14); backdrop-filter:blur(10px); }
.pm-login-brand div { display:grid; }.pm-login-brand strong { font-size:1rem; }.pm-login-brand small { color:rgba(255,255,255,.62); }
.pm-login-story-copy { position:relative; z-index:1; max-width:620px; }
.pm-login-eyebrow { display:inline-flex; padding:.35rem .65rem; font-size:.72rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; border:1px solid rgba(255,255,255,.18); border-radius:99px; background:rgba(255,255,255,.08); }
.pm-login-story-copy h1 { max-width:560px; margin:1rem 0; color:#fff; font-size:clamp(2.4rem,5vw,4.6rem); line-height:.98; letter-spacing:-.055em; }
.pm-login-story-copy p { max-width:580px; margin:0; color:rgba(255,255,255,.72); font-size:1rem; line-height:1.75; }
.pm-login-role-map { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
.pm-login-role-map article { display:flex; align-items:center; gap:.65rem; padding:.75rem; border:1px solid rgba(255,255,255,.12); border-radius:.8rem; background:rgba(255,255,255,.07); backdrop-filter:blur(12px); }
.pm-login-role-map i { color:#8ee9de; font-size:1.15rem; }.pm-login-role-map span { display:grid; }.pm-login-role-map strong { font-size:.78rem; }.pm-login-role-map small { color:rgba(255,255,255,.58); font-size:.65rem; }
.pm-login-access { display:grid; align-content:center; gap:1.25rem; max-width:940px; width:100%; margin:auto; padding:clamp(1.5rem,4vw,4rem); }
.pm-login-form-card,.pm-demo-access { border:1px solid #e2e7f0; border-radius:1.2rem; background:#fff; box-shadow:0 18px 55px rgba(28,42,74,.08); }
.pm-login-form-card { display:grid; grid-template-columns:minmax(220px,.75fr) minmax(300px,1.25fr); gap:1.5rem; padding:1.5rem; }
.pm-login-form-card > header { padding:.35rem .25rem; }.pm-login-form-card > header span,.pm-demo-access > header span { color:var(--pm-primary); font-size:.7rem; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.pm-login-form-card h2,.pm-demo-access h2 { margin:.3rem 0; font-size:1.35rem; font-weight:850; }.pm-login-form-card p { margin:0; color:var(--pm-muted); font-size:.78rem; line-height:1.55; }
.pm-login-form { display:grid; gap:.75rem; }.pm-login-form label { display:grid; gap:.3rem; }.pm-login-form label>span { color:#526078; font-size:.7rem; font-weight:800; }
.pm-login-form label>div { display:flex; align-items:center; border:1px solid #dce2eb; border-radius:.7rem; background:#fbfcff; }.pm-login-form label i { padding:0 .7rem; color:#8491a5; }
.pm-login-form input { width:100%; min-height:42px; padding:.55rem .7rem .55rem 0; border:0; outline:0; background:transparent; font-size:.82rem; }.pm-login-form .btn { min-height:42px; }
.pm-demo-access { padding:1.25rem; }.pm-demo-access>header { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:1rem; }.pm-demo-access>header small { color:var(--pm-muted); font-size:.68rem; }
.pm-demo-account-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
.pm-demo-account { display:grid; grid-template-columns:auto 1fr; gap:.6rem; padding:.8rem; border:1px solid var(--pm-line); border-radius:.85rem; background:#fbfcff; }
.pm-demo-account-icon { display:grid; place-items:center; width:2.15rem; height:2.15rem; color:var(--pm-primary); border-radius:.65rem; background:#eaf0ff; }
.pm-demo-account-title { display:grid; min-width:0; }.pm-demo-account-title strong { font-size:.77rem; }.pm-demo-account-title small { color:var(--pm-muted); font-size:.61rem; line-height:1.35; }
.pm-demo-account dl { grid-column:1/-1; margin:0; }.pm-demo-account dl div { display:flex; justify-content:space-between; gap:.5rem; padding:.2rem 0; font-size:.62rem; }.pm-demo-account dt { color:var(--pm-muted); font-weight:600; }.pm-demo-account dd { margin:0; font-weight:800; overflow-wrap:anywhere; text-align:right; }
.pm-demo-account .btn { grid-column:1/-1; font-size:.67rem; }.pm-demo-account-owner .pm-demo-account-icon { color:#a26412; background:#fff3db; }.pm-demo-account-resident .pm-demo-account-icon { color:#088477; background:#e4f8f4; }.pm-demo-account-staff .pm-demo-account-icon { color:#7b3fb6; background:#f3eafd; }

.pm-panel-demo-switcher { margin:0 0 1rem; border:1px solid #dbe2ee; border-radius:.9rem; background:#fff; overflow:hidden; }
.pm-panel-demo-switcher>summary { display:flex; align-items:center; justify-content:space-between; padding:.7rem 1rem; color:#42526b; font-size:.74rem; font-weight:800; cursor:pointer; list-style:none; background:#f8faff; }
.pm-panel-demo-switcher>summary::-webkit-details-marker { display:none; }.pm-panel-demo-switcher[open]>summary>i { transform:rotate(180deg); }
.pm-panel-demo-switcher>summary span { display:flex; align-items:center; gap:.5rem; }.pm-panel-demo-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem; padding:.85rem; }
.pm-panel-demo-grid article { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.55rem; padding:.65rem; border:1px solid var(--pm-line); border-radius:.75rem; }
.pm-panel-demo-grid article.is-current { border-color:#9fb4ef; background:#f1f5ff; }.pm-panel-demo-grid article>span { display:grid; place-items:center; width:2rem; height:2rem; color:var(--pm-primary); border-radius:.6rem; background:#edf2ff; }
.pm-panel-demo-grid article>div { display:grid; min-width:0; }.pm-panel-demo-grid strong { font-size:.72rem; }.pm-panel-demo-grid small,.pm-panel-demo-grid code { color:var(--pm-muted); font-size:.59rem; overflow-wrap:anywhere; }.pm-panel-demo-grid code { color:#6a4d91; }
.pm-panel-demo-grid em { color:var(--pm-teal); font-size:.62rem; font-style:normal; font-weight:800; }.pm-panel-demo-grid form { margin:0; }
.pm-personal-panel-label { display:flex; align-items:center; justify-content:center; gap:.45rem; min-width:180px; color:rgba(255,255,255,.78); font-size:.74rem; font-weight:800; }

/* Ana panel: modül yönlendirme merkezi */
.pm-main-panel { display:grid; gap:1rem; }
.pm-main-panel-hero { display:grid; grid-template-columns:minmax(0,1fr) 230px; align-items:center; gap:2rem; padding:clamp(1.4rem,3vw,2.4rem); color:#fff; border-radius:1.15rem; background:radial-gradient(circle at 78% 10%,rgba(72,203,181,.28),transparent 28%),linear-gradient(125deg,#17243d,#263b62 58%,#286b78); box-shadow:0 20px 50px rgba(21,37,66,.14); }
.pm-main-panel-hero h2 { margin:.35rem 0; color:#fff; font-size:clamp(1.8rem,4vw,3rem); font-weight:900; }.pm-main-panel-hero p { max-width:760px; margin:0; color:rgba(255,255,255,.68); line-height:1.65; }
.pm-main-panel-hero .pm-kicker { color:#83e2d4; }.pm-main-panel-status { display:grid; justify-items:center; padding:1rem; text-align:center; border:1px solid rgba(255,255,255,.14); border-radius:1rem; background:rgba(255,255,255,.09); backdrop-filter:blur(12px); }
.pm-main-panel-status>span { display:flex; align-items:center; gap:.35rem; color:#8ee4d7; font-size:.68rem; font-weight:800; }.pm-main-panel-status strong { margin:.3rem 0 -.15rem; font-size:2.4rem; }.pm-main-panel-status small { color:rgba(255,255,255,.62); }.pm-main-panel-status em { margin-top:.55rem; color:rgba(255,255,255,.74); font-size:.64rem; font-style:normal; }
.pm-main-panel-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }.pm-main-panel-actions>a { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.7rem; padding:.9rem; color:#26364f; text-decoration:none; border:1px solid var(--pm-line); border-radius:.9rem; background:#fff; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.pm-main-panel-actions>a:hover { transform:translateY(-2px); border-color:#b9c8df; box-shadow:0 12px 28px rgba(31,51,83,.09); }.pm-main-panel-actions>a>span { display:grid; place-items:center; width:2.4rem; height:2.4rem; color:#315b92; border-radius:.72rem; background:#eaf1fb; }.pm-main-panel-actions>a>div { display:grid; min-width:0; }.pm-main-panel-actions strong { font-size:.76rem; }.pm-main-panel-actions small { color:var(--pm-muted); font-size:.62rem; }.pm-main-panel-actions>a>i { color:#97a3b5; }
.pm-main-panel-actions>a.is-primary { color:#fff; border-color:#26766f; background:linear-gradient(135deg,#176d66,#28958a); }.pm-main-panel-actions>a.is-primary>span { color:#fff; background:rgba(255,255,255,.14); }.pm-main-panel-actions>a.is-primary small,.pm-main-panel-actions>a.is-primary>i { color:rgba(255,255,255,.68); }
.pm-main-panel-directory { border:1px solid var(--pm-line); border-radius:1rem; background:#f5f7fb; overflow:hidden; }.pm-main-panel-directory>header { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; padding:1rem 1.15rem; border-bottom:1px solid var(--pm-line); background:#fff; }
.pm-main-panel-directory>header h3 { margin:.15rem 0 0; font-size:1.08rem; font-weight:900; }.pm-main-panel-directory>header p { max-width:590px; margin:0; color:var(--pm-muted); font-size:.7rem; text-align:right; }.pm-main-panel-directory>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; padding:.85rem; }
.pm-main-panel-directory article { border:1px solid #dfe5ee; border-radius:.85rem; background:#fff; overflow:hidden; }.pm-main-panel-directory article>header { display:flex; align-items:center; gap:.7rem; padding:.8rem; border-bottom:1px solid #e7ebf1; background:#fbfcfe; }.pm-main-panel-directory article>header>span { display:grid; place-items:center; width:2.25rem; height:2.25rem; color:#315b92; border-radius:.68rem; background:#eaf1fb; }
.pm-main-panel-directory article>header>div { display:grid; }.pm-main-panel-directory article>header strong { font-size:.75rem; }.pm-main-panel-directory article>header small { color:var(--pm-muted); font-size:.59rem; }.pm-main-panel-directory nav { display:grid; padding:.35rem .55rem .55rem; }
.pm-main-panel-directory nav a { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.48rem .35rem; color:#42516a; font-size:.67rem; text-decoration:none; border-bottom:1px solid #edf0f5; }.pm-main-panel-directory nav a:last-child { border-bottom:0; }.pm-main-panel-directory nav a:hover { color:var(--pm-primary); }.pm-main-panel-directory nav a span { display:flex; align-items:center; gap:.45rem; }.pm-main-panel-directory nav a span i { color:#8292aa; }
.pm-main-panel-empty { padding:1rem; color:var(--pm-muted); font-size:.65rem; }

/* Malik, sakin ve personel panelleri */
.pm-role-hero { display:flex; justify-content:space-between; align-items:center; gap:1.5rem; margin-bottom:1rem; padding:1.55rem; color:#fff; border-radius:1.1rem; }
.pm-role-hero h2 { margin:.25rem 0; color:#fff; font-size:clamp(1.8rem,4vw,2.7rem); }.pm-role-hero p { max-width:720px; margin:0; color:rgba(255,255,255,.72); }
.pm-role-hero .pm-kicker { color:rgba(255,255,255,.7); }.pm-owner-hero { background:linear-gradient(120deg,#3a2d17,#8b6424 58%,#c38e35); }.pm-resident-hero { background:linear-gradient(120deg,#075b60,#0b8c82 58%,#36b49e); }.pm-staff-hero { background:linear-gradient(120deg,#27314d,#3e4f7d 58%,#6d55a5); }
.pm-role-hero-metric,.pm-resident-home,.pm-staff-shift { display:flex; align-items:center; gap:.8rem; min-width:250px; padding:1rem; border:1px solid rgba(255,255,255,.15); border-radius:.9rem; background:rgba(255,255,255,.11); backdrop-filter:blur(12px); }
.pm-role-hero-metric { display:grid; }.pm-role-hero-metric small,.pm-resident-home small,.pm-staff-shift small { color:rgba(255,255,255,.65); }.pm-role-hero-metric strong { font-size:1.6rem; }.pm-role-hero-metric span { font-size:.7rem; color:rgba(255,255,255,.7); }
.pm-resident-home>i { font-size:2rem; }.pm-resident-home span,.pm-staff-shift div { display:grid; }.pm-resident-home em,.pm-staff-shift em { color:rgba(255,255,255,.65); font-size:.68rem; font-style:normal; }
.pm-live-dot { width:.7rem; height:.7rem; border-radius:50%; background:#54e2a4; box-shadow:0 0 0 .35rem rgba(84,226,164,.16); }
.pm-owner-property-deck,.pm-owner-payment-stream,.pm-owner-decisions,.pm-owner-vault,.pm-owner-meter-strip,.pm-resident-feed,.pm-resident-activity,.pm-task-board,.pm-staff-side>section { border:1px solid var(--pm-line); border-radius:1rem; background:#fff; overflow:hidden; }
.pm-owner-property-deck>header,.pm-owner-payment-stream>header,.pm-owner-decisions>header,.pm-owner-vault>header,.pm-owner-meter-strip>header,.pm-resident-feed>header,.pm-resident-activity>header,.pm-task-board>header { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.1rem; border-bottom:1px solid var(--pm-line); }
.pm-owner-property-deck h3,.pm-owner-payment-stream h3,.pm-owner-decisions h3,.pm-owner-vault h3,.pm-owner-meter-strip h3,.pm-resident-feed h3,.pm-resident-activity h3,.pm-task-board h3 { margin:.15rem 0 0; font-size:1rem; font-weight:850; }
.pm-owner-property-deck>header>span { color:var(--pm-muted); font-size:.7rem; }.pm-owner-property-deck>div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; padding:1rem; }
.pm-owner-property-deck article { display:flex; align-items:center; gap:.65rem; padding:.75rem; border:1px solid #eadfc9; border-radius:.8rem; background:#fffcf5; }.pm-unit-door { display:grid; place-items:center; width:2.5rem; height:2.5rem; color:#8b6424; font-weight:850; border-radius:.7rem; background:#f6e8ca; }
.pm-owner-property-deck article div { display:grid; flex:1; }.pm-owner-property-deck article small { color:var(--pm-muted); font-size:.65rem; }.pm-owner-property-deck article em { color:#8b6424; font-size:.62rem; font-style:normal; }
.pm-owner-finance-grid,.pm-owner-record-grid,.pm-resident-feed-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:1rem; margin-top:1rem; }
.pm-owner-payment-stream>article { display:flex; align-items:center; gap:.65rem; padding:.75rem 1rem; border-bottom:1px solid var(--pm-line); }.pm-owner-payment-stream>article>span { display:grid; place-items:center; width:2rem; height:2rem; color:#118a76; border-radius:50%; background:#e7f8f3; }
.pm-owner-payment-stream article div { display:grid; flex:1; }.pm-owner-payment-stream small { color:var(--pm-muted); font-size:.65rem; }.pm-owner-payment-stream em { font-size:.75rem; font-style:normal; font-weight:850; }
.pm-owner-decisions>article { display:grid; grid-template-columns:80px 1fr auto; gap:.8rem; padding:.9rem 1rem; border-bottom:1px solid var(--pm-line); }.pm-owner-decisions time { color:#8b6424; font-weight:850; }.pm-owner-decisions p { margin:.2rem 0; color:var(--pm-muted); font-size:.72rem; }.pm-owner-decisions small { color:#96a0b0; }.pm-owner-decisions em { color:#118a76; font-size:.65rem; font-style:normal; }
.pm-owner-vault>article,.pm-owner-meter-strip>div>article { display:flex; align-items:center; gap:.65rem; padding:.8rem 1rem; border-bottom:1px solid var(--pm-line); }.pm-owner-vault>article>i { color:#8b6424; font-size:1.2rem; }.pm-owner-vault article div { display:grid; flex:1; }.pm-owner-vault small { color:var(--pm-muted); font-size:.65rem; }.pm-owner-vault article>span { color:var(--pm-muted); font-size:.65rem; }
.pm-owner-meter-strip { margin-top:1rem; }.pm-owner-meter-strip>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }.pm-owner-meter-strip article span { display:grid; flex:1; }.pm-owner-meter-strip article i { color:#3476a8; font-size:1.25rem; }.pm-owner-meter-strip article small { color:var(--pm-muted); font-size:.64rem; }.pm-owner-meter-strip article em { font-size:.7rem; font-style:normal; font-weight:800; }
.pm-resident-quick-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.pm-resident-action { border:1px solid var(--pm-line); border-radius:1rem; background:#fff; overflow:hidden; }
.pm-resident-action>header { display:flex; align-items:center; gap:.7rem; padding:1rem; border-bottom:1px solid var(--pm-line); }.pm-resident-action>header>span { display:grid; place-items:center; width:2.5rem; height:2.5rem; color:#087c74; border-radius:.75rem; background:#e8f8f5; }.pm-resident-action header div { display:grid; }.pm-resident-action header small { color:var(--pm-muted); font-size:.65rem; }
.pm-resident-action form { display:grid; gap:.65rem; padding:1rem; }.pm-resident-action .form-control,.pm-resident-action .form-select { min-height:40px; font-size:.76rem; border-color:#dfe5ed; }.pm-inline-fields { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; }
.pm-action-reservation>header>span { color:#9a671c; background:#fff4df; }.pm-action-visitor>header>span { color:#6b4da8; background:#f2edff; }
.pm-resident-feed>article { display:flex; gap:.7rem; padding:.85rem 1rem; border-bottom:1px solid var(--pm-line); }.pm-resident-feed>article>span { display:grid; place-items:center; flex:0 0 2.2rem; height:2.2rem; color:#087c74; border-radius:.7rem; background:#e8f8f5; }.pm-resident-feed>article>span.emergency { color:#b52f3d; background:#fff0f1; }
.pm-resident-feed article div { flex:1; }.pm-resident-feed p { margin:.2rem 0; color:var(--pm-muted); font-size:.72rem; }.pm-resident-feed small { color:#96a0b0; }
.pm-resident-activity>nav { display:grid; grid-template-columns:repeat(3,1fr); gap:.35rem; padding:.65rem; }.pm-resident-activity>nav a { display:flex; justify-content:space-between; padding:.5rem; color:#42516a; font-size:.68rem; text-decoration:none; border-radius:.55rem; background:#f2f5fa; }
.pm-resident-activity>div>article { display:flex; align-items:center; gap:.65rem; padding:.7rem 1rem; border-top:1px solid var(--pm-line); }.pm-resident-activity article>i { color:#087c74; }.pm-resident-activity article span { display:grid; flex:1; }.pm-resident-activity small { color:var(--pm-muted); font-size:.62rem; }.pm-resident-activity em { color:#087c74; font-size:.62rem; font-style:normal; font-weight:800; }
.pm-staff-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin-bottom:1rem; }.pm-staff-kpis article { display:flex; align-items:center; gap:.7rem; padding:.9rem; border:1px solid var(--pm-line); border-radius:.85rem; background:#fff; }.pm-staff-kpis i { display:grid; place-items:center; width:2.4rem; height:2.4rem; color:#6953a1; border-radius:.7rem; background:#f1edfb; }.pm-staff-kpis span { display:grid; }.pm-staff-kpis small { color:var(--pm-muted); }.pm-staff-kpis strong { font-size:1.3rem; }
.pm-staff-workspace { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); gap:1rem; }.pm-task-card { display:grid; grid-template-columns:75px 1fr minmax(180px,.55fr); gap:1rem; padding:1rem; border-bottom:1px solid var(--pm-line); }.pm-task-time { display:grid; align-content:start; justify-items:center; padding:.6rem; border-radius:.7rem; background:#f1edfb; }.pm-task-time strong { color:#6953a1; font-size:1.25rem; }.pm-task-time small { color:var(--pm-muted); }
.pm-task-body>span { color:#6953a1; font-size:.62rem; font-weight:850; text-transform:uppercase; }.pm-task-body h4 { margin:.2rem 0; font-size:.95rem; }.pm-task-body p { margin:.2rem 0; color:var(--pm-muted); font-size:.7rem; }.pm-task-body ul { display:flex; flex-wrap:wrap; gap:.35rem; margin:.5rem 0 0; padding:0; list-style:none; }.pm-task-body li { padding:.25rem .45rem; font-size:.62rem; border-radius:99px; background:#f1f3f7; }
.pm-task-actions { display:grid; align-content:center; gap:.5rem; }.pm-task-actions .form-control,.pm-task-actions .form-select { font-size:.7rem; }.pm-staff-side { display:grid; align-content:start; gap:1rem; }.pm-staff-side section>header { display:flex; align-items:center; gap:.6rem; padding:.9rem 1rem; border-bottom:1px solid var(--pm-line); }.pm-staff-side section>header i { color:#6953a1; }.pm-staff-side section>header div { display:grid; }.pm-staff-side section>header small { color:var(--pm-muted); font-size:.63rem; }
.pm-staff-side section>article { display:flex; align-items:center; gap:.6rem; padding:.7rem 1rem; border-bottom:1px solid var(--pm-line); }.pm-staff-side section>article>span { padding:.2rem .4rem; font-size:.58rem; border-radius:99px; background:#fff1e1; }.pm-staff-side article div { display:grid; flex:1; }.pm-staff-side small { color:var(--pm-muted); font-size:.61rem; }.pm-staff-side em { color:#6953a1; font-size:.6rem; font-style:normal; }

/* İşleme özel yönetim sayfaları */
.pm-special-page-header { margin-bottom:1rem; }.pm-record-workbench { margin-top:1rem; }.pm-record-workbench>header { display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; margin-bottom:.7rem; padding:0 .15rem; }.pm-record-workbench>header h3 { margin:.15rem 0 0; font-size:1.05rem; }.pm-record-workbench>header small { color:var(--pm-muted); font-size:.7rem; }
.pm-company-command,.pm-hierarchy-map,.pm-unit-console,.pm-people-directory,.pm-relation-ledger,.pm-budget-planner,.pm-collection-pipeline,.pm-request-board,.pm-asset-health,.pm-contract-radar,.pm-shift-planner,.pm-meeting-desk,.pm-broadcast-studio,.pm-gate-console,.pm-facility-scheduler,.pm-meter-console,.pm-document-vault,.pm-compliance-center { border:1px solid var(--pm-line); border-radius:1rem; background:#fff; overflow:hidden; box-shadow:0 12px 35px rgba(34,49,77,.05); }

.pm-company-command { display:grid; grid-template-columns:1.1fr 1fr .7fr; gap:0; }.pm-company-brand-card { display:flex; align-items:center; gap:1rem; padding:1.25rem; color:#fff; background:linear-gradient(120deg,#27395d,#375f9f); }.pm-company-brand-card>span { display:grid; place-items:center; width:3.4rem; height:3.4rem; border-radius:1rem; background:rgba(255,255,255,.13); font-size:1.35rem; }.pm-company-brand-card h3 { margin:.2rem 0; color:#fff; }.pm-company-brand-card small,.pm-company-brand-card p { margin:0; color:rgba(255,255,255,.65); font-size:.7rem; }
.pm-company-numbers { display:grid; grid-template-columns:repeat(3,1fr); }.pm-company-numbers article { display:grid; align-content:center; justify-items:center; padding:1rem; border-right:1px solid var(--pm-line); }.pm-company-numbers small { color:var(--pm-muted); font-size:.62rem; text-align:center; }.pm-company-numbers strong { font-size:1.7rem; }.pm-company-command>aside { padding:1rem; background:#f8faff; }.pm-company-command ol { margin:.5rem 0 0; padding-left:1.15rem; color:var(--pm-muted); font-size:.68rem; }.pm-company-command li { padding:.2rem 0; }.pm-company-command li.done { color:var(--pm-teal); font-weight:800; }

.pm-hierarchy-map>header,.pm-request-board>header,.pm-collection-pipeline>header,.pm-shift-planner>header,.pm-facility-scheduler>header { display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; padding:1rem 1.2rem; border-bottom:1px solid var(--pm-line); }.pm-hierarchy-map h3,.pm-request-board h3,.pm-collection-pipeline h3,.pm-shift-planner h3,.pm-facility-scheduler h3 { margin:.15rem 0 0; font-size:1.05rem; }.pm-hierarchy-map>header small,.pm-request-board>header>span,.pm-collection-pipeline>header>span,.pm-facility-scheduler>header>span { color:var(--pm-muted); font-size:.68rem; }
.pm-hierarchy-flow { display:flex; align-items:center; justify-content:space-around; gap:.7rem; padding:1.4rem; overflow-x:auto; }.pm-hierarchy-flow article { display:grid; justify-items:center; min-width:130px; padding:1rem; border-radius:.9rem; background:#f2f6ff; }.pm-hierarchy-flow article i { color:var(--pm-primary); font-size:1.35rem; }.pm-hierarchy-flow article strong { font-size:1.35rem; }.pm-hierarchy-flow article span { color:var(--pm-muted); font-size:.65rem; }.pm-hierarchy-flow>i { color:#a4afc0; }

.pm-unit-console { display:grid; grid-template-columns:260px 1fr; }.pm-unit-console-summary { display:grid; align-content:center; justify-items:center; padding:1.25rem; color:#fff; text-align:center; background:linear-gradient(145deg,#273b62,#3969ae); }.pm-unit-console-summary h3 { color:#fff; font-size:1.1rem; }.pm-unit-console-summary .pm-kicker { color:rgba(255,255,255,.65); }.pm-occupancy-ring { display:grid; place-items:center; width:115px; height:115px; margin-top:.5rem; border-radius:50%; background:conic-gradient(#65dcc8 calc(var(--rate)*1%),rgba(255,255,255,.15) 0); box-shadow:inset 0 0 0 15px #315891; }.pm-occupancy-ring strong { font-size:1.25rem; }.pm-occupancy-ring small { color:rgba(255,255,255,.65); }
.pm-unit-status-board { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.55rem; padding:1rem; }.pm-unit-status-board article { display:flex; align-items:center; gap:.55rem; padding:.6rem; border:1px solid var(--pm-line); border-left:3px solid #37aa98; border-radius:.7rem; }.pm-unit-status-board article.is-vacant { border-left-color:#b7bfcc; }.pm-unit-status-board article>span { display:grid; place-items:center; width:2rem; height:2rem; font-weight:850; border-radius:.5rem; background:#edf7f5; }.pm-unit-status-board article div { display:grid; flex:1; }.pm-unit-status-board small { color:var(--pm-muted); font-size:.58rem; }.pm-unit-status-board em { font-size:.62rem; font-style:normal; }

.pm-people-directory>header { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.2rem; color:#fff; background:linear-gradient(115deg,#244c66,#1b8191); }.pm-people-directory h3 { margin:.15rem 0 0; color:#fff; }.pm-people-directory .pm-kicker { color:rgba(255,255,255,.65); }.pm-directory-search { display:flex; align-items:center; gap:.5rem; padding:.55rem .75rem; border:1px solid rgba(255,255,255,.15); border-radius:.7rem; background:rgba(255,255,255,.1); font-size:.65rem; }
.pm-people-directory>div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; padding:1rem; }.pm-people-directory article { display:flex; align-items:center; gap:.6rem; padding:.7rem; border:1px solid var(--pm-line); border-radius:.75rem; }.pm-people-directory article>span { display:grid; place-items:center; width:2.4rem; height:2.4rem; color:#1b7681; font-weight:850; border-radius:50%; background:#e5f5f5; }.pm-people-directory article div { display:grid; min-width:0; flex:1; }.pm-people-directory article small { color:var(--pm-muted); font-size:.6rem; overflow:hidden; text-overflow:ellipsis; }.pm-people-directory article em { color:#1b7681; font-size:.58rem; font-style:normal; }

.pm-relation-ledger>header { display:flex; justify-content:space-between; align-items:flex-end; padding:1rem 1.2rem; border-bottom:1px solid var(--pm-line); }.pm-relation-ledger h3 { margin:.15rem 0 0; font-size:1.05rem; }.pm-relation-ledger>header>span,.pm-relation-ledger>footer { color:var(--pm-muted); font-size:.68rem; }.pm-relation-flow { display:flex; align-items:center; gap:.65rem; padding:1.2rem; overflow-x:auto; }.pm-relation-flow article { display:grid; min-width:185px; padding:1rem; border:1px dashed #a6b5ce; border-radius:.8rem; background:#f9fbff; }.pm-relation-flow article i { color:#5b68a6; font-size:1.25rem; }.pm-relation-flow article small { color:var(--pm-muted); font-size:.62rem; }.pm-relation-flow>i { color:#9aa6b8; }.pm-relation-ledger>footer { display:flex; align-items:center; gap:.5rem; padding:.7rem 1.2rem; background:#f7f9fc; }

.pm-budget-planner { display:grid; grid-template-columns:.8fr 1.2fr 1fr; }.pm-budget-total { display:grid; align-content:center; padding:1.25rem; color:#fff; background:linear-gradient(135deg,#4f3a76,#7e56a8); }.pm-budget-total .pm-kicker,.pm-budget-total small,.pm-budget-total em { color:rgba(255,255,255,.65); }.pm-budget-total strong { margin:.4rem 0; font-size:1.7rem; }.pm-budget-total em { font-size:.65rem; font-style:normal; }.pm-budget-progress { display:grid; align-content:center; gap:.5rem; padding:1.25rem; }.pm-budget-progress header { display:flex; justify-content:space-between; }.pm-budget-progress>div { height:.7rem; border-radius:99px; background:#ede9f3; overflow:hidden; }.pm-budget-progress>div i { display:block; height:100%; background:linear-gradient(90deg,#6f4c9d,#bd8ee3); }.pm-budget-progress small { color:var(--pm-muted); }.pm-budget-scenarios { display:grid; grid-template-columns:repeat(3,1fr); gap:.4rem; padding:1rem; background:#faf8fd; }.pm-budget-scenarios article { display:grid; align-content:center; justify-items:center; padding:.7rem .3rem; border:1px solid #e7dfef; border-radius:.7rem; }.pm-budget-scenarios article.active { color:#fff; background:#704d9b; }.pm-budget-scenarios span,.pm-budget-scenarios small { font-size:.58rem; }.pm-budget-scenarios strong { font-size:1.1rem; }

.pm-collection-pipeline>div { display:flex; align-items:center; justify-content:space-around; gap:.7rem; padding:1.3rem; overflow-x:auto; }.pm-collection-pipeline article { display:grid; justify-items:center; min-width:165px; padding:1rem; border-radius:.8rem; background:#f3f6fb; }.pm-collection-pipeline article i { color:#47679b; font-size:1.35rem; }.pm-collection-pipeline article small { color:var(--pm-muted); }.pm-collection-pipeline article.danger { color:#9d2631; background:#fff0f1; }.pm-collection-pipeline article.danger i { color:#b52f3d; }.pm-collection-pipeline>div>i { color:#a4afbf; }

.pm-request-board>div { display:grid; grid-template-columns:repeat(4,minmax(210px,1fr)); gap:.7rem; padding:.8rem; overflow-x:auto; background:#f3f6fa; }.pm-request-board>div>section { padding:.65rem; border-radius:.8rem; background:#fff; }.pm-request-board section>header { display:flex; justify-content:space-between; padding:.25rem .2rem .65rem; }.pm-request-board section>header span { display:grid; place-items:center; min-width:1.4rem; height:1.4rem; border-radius:50%; background:#eef2f8; }.pm-request-board section article { display:grid; gap:.25rem; margin-bottom:.55rem; padding:.7rem; border:1px solid var(--pm-line); border-top:3px solid #6d88ba; border-radius:.65rem; }.pm-request-board article.priority-high,.pm-request-board article.priority-urgent { border-top-color:#c24452; }.pm-request-board article small,.pm-request-board article span { color:var(--pm-muted); font-size:.59rem; }.pm-board-empty { padding:1.4rem; color:#a2acba; font-size:.65rem; text-align:center; border:1px dashed #d8dee8; border-radius:.6rem; }

.pm-asset-health { display:grid; grid-template-columns:260px 1fr 180px; }.pm-asset-radar { display:grid; align-content:center; justify-items:center; padding:1.2rem; color:#fff; text-align:center; background:linear-gradient(145deg,#124a4e,#148b7f); }.pm-asset-radar .pm-kicker { color:rgba(255,255,255,.65); }.pm-asset-radar h3 { color:#fff; }.pm-asset-radar>div { display:grid; place-items:center; gap:.3rem; }.pm-asset-radar i { font-size:3rem; }.pm-asset-radar span { color:rgba(255,255,255,.65); font-size:.65rem; }.pm-maintenance-timeline { padding:.7rem 1rem; }.pm-maintenance-timeline article { display:grid; grid-template-columns:55px 1fr auto; align-items:center; gap:.7rem; padding:.65rem 0; border-bottom:1px solid var(--pm-line); }.pm-maintenance-timeline time { color:#0f7b71; font-weight:850; }.pm-maintenance-timeline span { display:grid; }.pm-maintenance-timeline small { color:var(--pm-muted); font-size:.62rem; }.pm-maintenance-timeline em { color:#0f7b71; font-size:.6rem; font-style:normal; }.pm-asset-totals { display:grid; background:#f5faf9; }.pm-asset-totals article { display:grid; align-content:center; justify-items:center; border-bottom:1px solid #dcece9; }.pm-asset-totals small { color:var(--pm-muted); }.pm-asset-totals strong { color:#0f7b71; font-size:1.5rem; }

.pm-contract-radar { display:grid; grid-template-columns:1fr 1fr; }.pm-contract-radar>div,.pm-contract-radar>aside { padding:1rem; }.pm-contract-radar>div { color:#fff; background:linear-gradient(135deg,#24355c,#4169a3); }.pm-contract-radar>div .pm-kicker { color:rgba(255,255,255,.62); }.pm-contract-radar>div h3 { color:#fff; }.pm-contract-radar article { display:flex; align-items:center; gap:.6rem; padding:.65rem 0; border-bottom:1px solid rgba(255,255,255,.12); }.pm-contract-radar>div article>span { display:grid; place-items:center; width:2rem; height:2rem; border-radius:.6rem; background:rgba(255,255,255,.12); font-weight:850; }.pm-contract-radar article div { display:grid; flex:1; }.pm-contract-radar article small { color:rgba(255,255,255,.58); font-size:.61rem; }.pm-contract-radar article em { color:#8ce3d8; font-size:.66rem; font-style:normal; }.pm-contract-radar>aside header { display:flex; align-items:center; gap:.6rem; padding-bottom:.6rem; border-bottom:1px solid var(--pm-line); }.pm-contract-radar>aside header i { color:var(--pm-primary); font-size:1.3rem; }.pm-contract-radar>aside header div { display:grid; }.pm-contract-radar>aside article { border-color:var(--pm-line); }.pm-contract-radar>aside article small { color:var(--pm-muted); }.pm-contract-radar>aside article em { color:var(--pm-primary); }

.pm-shift-lanes { display:grid; grid-template-columns:280px 1fr; }.pm-shift-lanes>aside { padding:1rem; color:#fff; background:#3c4568; }.pm-shift-lanes>aside>article { display:flex; align-items:center; gap:.6rem; padding:.65rem 0; border-bottom:1px solid rgba(255,255,255,.12); }.pm-shift-lanes>aside article>span { display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; background:rgba(255,255,255,.12); }.pm-shift-lanes>aside article div { display:grid; }.pm-shift-lanes>aside small { color:rgba(255,255,255,.58); font-size:.6rem; }.pm-shift-lanes>main { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; padding:1rem; }.pm-shift-lanes>main article { display:grid; grid-template-columns:55px 1fr auto; align-items:center; gap:.5rem; padding:.7rem; border:1px solid var(--pm-line); border-radius:.7rem; }.pm-shift-lanes main time { color:#655a9b; font-weight:850; }.pm-shift-lanes main div { display:grid; }.pm-shift-lanes main small { color:var(--pm-muted); font-size:.6rem; }.pm-shift-lanes main em { color:#655a9b; font-size:.58rem; font-style:normal; }

.pm-meeting-desk { display:grid; grid-template-columns:1fr 1fr; }.pm-meeting-calendar,.pm-decision-book { padding:1rem; }.pm-meeting-calendar { color:#fff; background:linear-gradient(145deg,#383153,#69558d); }.pm-meeting-calendar .pm-kicker { color:rgba(255,255,255,.6); }.pm-meeting-calendar h3 { color:#fff; }.pm-meeting-calendar article,.pm-decision-book article { display:flex; align-items:center; gap:.7rem; padding:.65rem 0; border-bottom:1px solid rgba(255,255,255,.12); }.pm-meeting-calendar time { display:grid; place-items:center; width:2.5rem; height:2.5rem; border-radius:.65rem; background:rgba(255,255,255,.12); }.pm-meeting-calendar time small { color:rgba(255,255,255,.6); }.pm-meeting-calendar article div,.pm-decision-book article div { display:grid; flex:1; }.pm-meeting-calendar article div small { color:rgba(255,255,255,.58); font-size:.6rem; }.pm-meeting-calendar em { color:#d7c2f0; font-size:.6rem; font-style:normal; }.pm-decision-book>header { display:flex; align-items:center; gap:.7rem; padding-bottom:.6rem; border-bottom:1px solid var(--pm-line); }.pm-decision-book>header i { color:#7557a4; font-size:1.5rem; }.pm-decision-book>header div { display:grid; }.pm-decision-book>header small,.pm-decision-book article small { color:var(--pm-muted); font-size:.6rem; }.pm-decision-book article { border-color:var(--pm-line); }.pm-decision-book article>span { color:#7557a4; font-weight:850; }.pm-decision-book em { color:#0c8b7d; font-size:.6rem; font-style:normal; }

.pm-broadcast-studio { display:grid; grid-template-columns:1fr .85fr .55fr; }.pm-channel-panel,.pm-message-preview,.pm-broadcast-studio>aside { padding:1rem; }.pm-channel-panel { color:#fff; background:linear-gradient(145deg,#163f67,#246e9d); }.pm-channel-panel .pm-kicker { color:rgba(255,255,255,.6); }.pm-channel-panel h3 { color:#fff; }.pm-channel-panel article { display:flex; align-items:center; gap:.6rem; padding:.65rem 0; border-bottom:1px solid rgba(255,255,255,.12); }.pm-channel-panel article>i { font-size:1.2rem; }.pm-channel-panel article span { display:grid; flex:1; }.pm-channel-panel small { color:rgba(255,255,255,.58); }.pm-channel-panel em { color:#7de3d8; font-size:.6rem; font-style:normal; }.pm-message-preview>header { display:flex; justify-content:space-between; }.pm-phone-preview { display:grid; justify-items:center; margin:.7rem auto 0; max-width:250px; padding:1rem; text-align:center; border:6px solid #293349; border-radius:1.4rem; background:#f5f8fc; }.pm-phone-notch { width:55px; height:7px; border-radius:99px; background:#293349; }.pm-phone-preview>i { margin:.8rem 0; color:#266fa0; font-size:1.5rem; }.pm-phone-preview p { color:var(--pm-muted); font-size:.65rem; }.pm-phone-preview em { color:#98a3b4; font-size:.58rem; font-style:normal; }.pm-broadcast-studio>aside { background:#f5f8fc; }.pm-broadcast-studio>aside ul { padding-left:1rem; color:#526078; font-size:.67rem; line-height:2; }

.pm-gate-console { display:grid; grid-template-columns:1.2fr 1fr 170px; }.pm-gate-live { color:#fff; background:#223142; }.pm-gate-live>header { display:flex; align-items:center; gap:.7rem; padding:1rem; border-bottom:1px solid rgba(255,255,255,.1); }.pm-gate-live>header div { display:grid; flex:1; }.pm-gate-live>header small { color:rgba(255,255,255,.55); }.pm-gate-live>header b { font-size:1.5rem; }.pm-gate-live>article { display:grid; grid-template-columns:50px 1fr auto; gap:.7rem; padding:.65rem 1rem; border-bottom:1px solid rgba(255,255,255,.08); }.pm-gate-live article time { color:#6de0c9; font-weight:850; }.pm-gate-live article div { display:grid; }.pm-gate-live article small { color:rgba(255,255,255,.52); font-size:.6rem; }.pm-gate-live article em { color:#6de0c9; font-size:.6rem; font-style:normal; }.pm-parking-map { padding:1rem; }.pm-parking-map h3 { margin:.15rem 0 0; }.pm-parking-map>div { display:grid; grid-template-columns:repeat(4,1fr); gap:.45rem; margin-top:.8rem; }.pm-parking-map>div>span { display:grid; justify-items:center; padding:.5rem; color:#0c8477; border:1px solid #bfe4de; border-radius:.55rem; background:#eefaf8; font-size:.6rem; }.pm-parking-map span.is-maintenance { color:#b2454f; border-color:#f0c9ce; background:#fff2f3; }.pm-gate-console>aside { display:grid; background:#f5f7fa; }.pm-gate-console>aside article { display:grid; align-content:center; justify-items:center; border-bottom:1px solid var(--pm-line); }.pm-gate-console>aside small { color:var(--pm-muted); text-align:center; }.pm-gate-console>aside strong { font-size:1.5rem; }

.pm-facility-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.6rem; padding:1rem; }.pm-facility-cards article { display:flex; align-items:center; gap:.6rem; padding:.7rem; border:1px solid #cae5df; border-radius:.75rem; background:#f4fbf9; }.pm-facility-cards article>span { display:grid; place-items:center; width:2.2rem; height:2.2rem; color:#0b8979; border-radius:.6rem; background:#dff4ef; }.pm-facility-cards article div { display:grid; flex:1; }.pm-facility-cards small { color:var(--pm-muted); font-size:.6rem; }.pm-facility-cards em { color:#0b8979; font-size:.6rem; font-style:normal; }.pm-schedule-track { margin:0 1rem 1rem; border:1px solid var(--pm-line); border-radius:.8rem; overflow:hidden; }.pm-schedule-track>header { display:grid; grid-template-columns:1fr repeat(4,.5fr); padding:.6rem; color:#fff; background:#0c756b; font-size:.65rem; }.pm-schedule-track>article { display:grid; grid-template-columns:.4fr 1fr auto; gap:.7rem; padding:.65rem; border-top:1px solid var(--pm-line); }.pm-schedule-track article em { color:#0c8175; font-size:.6rem; font-style:normal; }

.pm-meter-console { display:grid; grid-template-columns:250px 1fr 210px; }.pm-meter-dial { display:grid; align-content:center; justify-items:center; padding:1rem; color:#fff; background:linear-gradient(145deg,#153a57,#23789a); }.pm-meter-dial .pm-kicker { color:rgba(255,255,255,.6); }.pm-meter-dial h3 { color:#fff; }.pm-meter-dial>div { display:grid; place-items:center; width:120px; height:120px; border:12px solid rgba(255,255,255,.15); border-top-color:#5ce0c8; border-radius:50%; }.pm-meter-dial>div strong { font-size:1.5rem; }.pm-meter-dial>div small { color:rgba(255,255,255,.6); }.pm-reading-stream { padding:1rem; }.pm-reading-stream>header { display:flex; justify-content:space-between; padding-bottom:.5rem; border-bottom:1px solid var(--pm-line); }.pm-reading-stream>header span { color:var(--pm-muted); font-size:.6rem; }.pm-reading-stream article { display:flex; align-items:center; gap:.6rem; padding:.6rem 0; border-bottom:1px solid var(--pm-line); }.pm-reading-stream article>i { color:#23789a; font-size:1.15rem; }.pm-reading-stream article div { display:grid; flex:1; }.pm-reading-stream small { color:var(--pm-muted); font-size:.6rem; }.pm-reading-stream em { font-size:.65rem; font-style:normal; font-weight:850; }.pm-meter-console>aside { display:grid; align-content:center; gap:.5rem; padding:1rem; background:#f4f8fb; }.pm-meter-console>aside article { display:flex; align-items:center; gap:.6rem; padding:.7rem; border-radius:.7rem; background:#fff; }.pm-meter-console>aside i { color:#23789a; }.pm-meter-console>aside span { display:grid; }.pm-meter-console>aside small { color:var(--pm-muted); font-size:.58rem; }

.pm-document-vault { display:grid; grid-template-columns:240px 1fr; }.pm-document-vault>aside { padding:1rem; color:#fff; background:#29344c; }.pm-document-vault>aside .pm-kicker { color:rgba(255,255,255,.6); }.pm-document-vault>aside h3 { color:#fff; }.pm-document-vault>aside nav { display:grid; gap:.35rem; }.pm-document-vault>aside a { display:flex; align-items:center; gap:.5rem; padding:.55rem; color:rgba(255,255,255,.7); font-size:.67rem; border-radius:.55rem; }.pm-document-vault>aside a.active { color:#fff; background:rgba(255,255,255,.12); }.pm-document-vault>aside a b { margin-left:auto; }.pm-document-vault>main { padding:1rem; }.pm-document-vault>main>header { display:flex; justify-content:space-between; padding-bottom:.7rem; border-bottom:1px solid var(--pm-line); }.pm-document-vault>main>header div { display:grid; }.pm-document-vault>main>header small { color:var(--pm-muted); font-size:.6rem; }.pm-document-vault>main>header>span { color:#0a8579; font-size:.65rem; }.pm-document-vault main article { display:grid; grid-template-columns:auto 1fr auto 90px; align-items:center; gap:.7rem; padding:.65rem 0; border-bottom:1px solid var(--pm-line); }.pm-document-vault main article>i { color:#4e67a2; font-size:1.2rem; }.pm-document-vault main article div { display:grid; }.pm-document-vault main article small { color:var(--pm-muted); font-size:.6rem; }.pm-document-vault main article>span,.pm-document-vault main article>em { color:var(--pm-muted); font-size:.6rem; font-style:normal; }

.pm-compliance-center { display:grid; grid-template-columns:280px 1fr 220px; }.pm-compliance-score { display:grid; align-content:center; justify-items:center; padding:1.1rem; color:#fff; text-align:center; background:linear-gradient(145deg,#14483f,#188677); }.pm-compliance-score .pm-kicker { color:rgba(255,255,255,.6); }.pm-score-ring { display:flex; align-items:baseline; justify-content:center; width:120px; height:120px; margin:.5rem; border:10px solid rgba(255,255,255,.14); border-top-color:#79e4d2; border-radius:50%; }.pm-score-ring strong { align-self:center; font-size:2rem; }.pm-score-ring small { align-self:center; color:rgba(255,255,255,.65); }.pm-compliance-score h3 { color:#fff; font-size:1rem; }.pm-compliance-score p { color:rgba(255,255,255,.65); font-size:.65rem; }.pm-compliance-checklist { padding:1rem; }.pm-compliance-checklist>header { display:flex; justify-content:space-between; padding-bottom:.6rem; border-bottom:1px solid var(--pm-line); }.pm-compliance-checklist>header span { color:var(--pm-muted); font-size:.62rem; }.pm-compliance-checklist article { display:flex; align-items:center; gap:.65rem; padding:.7rem 0; border-bottom:1px solid var(--pm-line); }.pm-compliance-checklist article>i { display:grid; place-items:center; width:2rem; height:2rem; color:#9c712c; border-radius:50%; background:#fff3dd; }.pm-compliance-checklist article.done>i { color:#0a8174; background:#e5f7f3; }.pm-compliance-checklist article span { display:grid; }.pm-compliance-checklist small { color:var(--pm-muted); font-size:.6rem; }.pm-compliance-center>aside { display:grid; align-content:center; justify-items:center; padding:1rem; text-align:center; background:#f3faf8; }.pm-compliance-center>aside i { color:#0b8174; font-size:2.5rem; }.pm-compliance-center>aside p { color:var(--pm-muted); font-size:.65rem; }

@media (min-width:1600px) {
  .pm-demo-account-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:1199.98px) {
  .pm-demo-account-grid,.pm-panel-demo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pm-login-page { grid-template-columns:36% 1fr; }
  .pm-login-story { padding:2rem; }
  .pm-login-story-copy h1 { font-size:3.1rem; }
  .pm-owner-property-deck>div,.pm-unit-status-board,.pm-people-directory>div,.pm-facility-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pm-company-command,.pm-budget-planner,.pm-asset-health,.pm-gate-console,.pm-meter-console,.pm-compliance-center { grid-template-columns:1fr 1fr; }
  .pm-company-command>aside,.pm-budget-scenarios,.pm-asset-totals,.pm-gate-console>aside,.pm-meter-console>aside,.pm-compliance-center>aside { grid-column:1/-1; }
  .pm-asset-totals,.pm-gate-console>aside,.pm-meter-console>aside { grid-template-columns:repeat(3,1fr); }
  .pm-compliance-center>aside { min-height:150px; }
}
@media (max-width:991.98px) {
  .pm-login-page { display:block; }.pm-login-story { min-height:auto; gap:2rem; }.pm-login-story-copy h1 { font-size:2.7rem; }.pm-login-access { max-width:none; }
  .pm-main-panel-hero { grid-template-columns:1fr; }.pm-main-panel-status { grid-template-columns:auto auto 1fr; justify-items:start; text-align:left; }.pm-main-panel-status strong { margin:0; }.pm-main-panel-status em { grid-column:1/-1; margin:0; }
  .pm-main-panel-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }.pm-main-panel-directory>div { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pm-resident-quick-actions,.pm-staff-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pm-owner-finance-grid,.pm-owner-record-grid,.pm-resident-feed-grid,.pm-staff-workspace { grid-template-columns:1fr; }
  .pm-owner-meter-strip>div { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pm-task-card { grid-template-columns:70px 1fr; }.pm-task-actions { grid-column:1/-1; grid-template-columns:1fr 1fr auto; }
  .pm-contract-radar,.pm-meeting-desk,.pm-broadcast-studio,.pm-document-vault { grid-template-columns:1fr; }
  .pm-broadcast-studio>aside { display:none; }
  .pm-request-board>div { grid-template-columns:repeat(4,260px); }
}
@media (max-width:767.98px) {
  .pm-login-story { padding:1.4rem; }.pm-login-role-map { grid-template-columns:1fr 1fr; }.pm-login-access { padding:1rem; }.pm-login-form-card { grid-template-columns:1fr; }.pm-demo-account-grid,.pm-panel-demo-grid { grid-template-columns:1fr; }.pm-demo-access>header { align-items:flex-start; flex-direction:column; }
  .pm-main-panel-actions,.pm-main-panel-directory>div { grid-template-columns:1fr; }.pm-main-panel-directory>header { align-items:flex-start; flex-direction:column; gap:.5rem; }.pm-main-panel-directory>header p { text-align:left; }
  .pm-role-hero { align-items:flex-start; flex-direction:column; padding:1.25rem; }.pm-role-hero-metric,.pm-resident-home,.pm-staff-shift { width:100%; min-width:0; }
  .pm-owner-property-deck>div,.pm-resident-quick-actions,.pm-staff-kpis,.pm-owner-meter-strip>div,.pm-unit-status-board,.pm-people-directory>div,.pm-facility-cards { grid-template-columns:1fr; }
  .pm-task-card { grid-template-columns:1fr; }.pm-task-time { justify-items:start; }.pm-task-actions { grid-column:auto; grid-template-columns:1fr; }
  .pm-company-command,.pm-unit-console,.pm-budget-planner,.pm-asset-health,.pm-gate-console,.pm-meter-console,.pm-compliance-center { grid-template-columns:1fr; }
  .pm-company-command>aside,.pm-budget-scenarios,.pm-asset-totals,.pm-gate-console>aside,.pm-meter-console>aside,.pm-compliance-center>aside { grid-column:auto; }
  .pm-company-numbers,.pm-budget-scenarios,.pm-asset-totals,.pm-gate-console>aside,.pm-meter-console>aside { grid-template-columns:repeat(3,1fr); }
  .pm-hierarchy-map>header,.pm-request-board>header,.pm-collection-pipeline>header,.pm-shift-planner>header,.pm-facility-scheduler>header,.pm-relation-ledger>header,.pm-record-workbench>header { align-items:flex-start; flex-direction:column; }
  .pm-hierarchy-flow,.pm-relation-flow,.pm-collection-pipeline>div { justify-content:flex-start; }
  .pm-shift-lanes { grid-template-columns:1fr; }.pm-shift-lanes>main { grid-template-columns:1fr; }
  .pm-gate-console>aside,.pm-meter-console>aside { min-height:120px; }
  .pm-document-vault main article { grid-template-columns:auto 1fr; }.pm-document-vault main article>span,.pm-document-vault main article>em { grid-column:2; }
}
@media (max-width:479.98px) {
  .pm-login-role-map,.pm-company-numbers,.pm-budget-scenarios,.pm-asset-totals,.pm-gate-console>aside,.pm-meter-console>aside { grid-template-columns:1fr; }
  .pm-login-story-copy h1 { font-size:2.25rem; }
  .pm-panel-demo-grid article { grid-template-columns:auto 1fr; }.pm-panel-demo-grid article>form,.pm-panel-demo-grid article>em { grid-column:1/-1; }
  .pm-inline-fields { grid-template-columns:1fr; }
}