.ds-logo{display:block;width:auto;height:40px}.site-header .ds-logo{height:36px}.auth-brand .ds-logo{height:46px}.guest-brand .ds-mark{width:20px;height:20px}.ds-mark{display:block;width:32px;height:32px}
.ds-surface{background:var(--color-bg-surface);color:var(--color-text-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}
.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-brand-700);border-radius:var(--radius-sm);background:var(--color-brand-700);color:#fff;font:700 var(--font-size-md)/1 var(--font-family-sans);text-decoration:none;cursor:pointer;transition:background var(--duration-normal) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}
.ds-button:hover{background:var(--color-brand-800)}.ds-button:active{background:var(--color-brand-900);transform:translateY(1px)}.ds-button--secondary{background:var(--color-bg-surface);color:var(--color-brand-900);border-color:var(--color-border-strong)}.ds-button--ghost{background:transparent;color:var(--color-link);border-color:transparent}.ds-button--danger{background:var(--color-danger);border-color:var(--color-danger)}.ds-button--sm{min-height:40px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.ds-button--lg{min-height:52px;padding:var(--space-4) var(--space-5)}.ds-button:disabled{cursor:not-allowed;opacity:.6}
.ds-field label{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:700}.ds-field input,.ds-field textarea,.ds-field select{display:block;width:100%;min-height:48px;margin-top:var(--space-2);padding:var(--space-3);background:var(--color-bg-surface);color:var(--color-text-primary);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-sm);font:var(--font-size-md)/1.4 var(--font-family-sans)}.ds-help{color:var(--color-text-muted);font-size:var(--font-size-sm)}.ds-field--error input{border-color:var(--color-danger)}.ds-field--error .ds-help{color:var(--color-danger)}
.ds-card{padding:var(--space-6);background:var(--color-bg-surface);color:var(--color-text-primary);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ds-card h3{margin-top:0;color:inherit}.ds-card--subtle{background:var(--color-bg-subtle)}.ds-card--warning{border-left:4px solid var(--color-warning)}
.ds-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:800}.ds-badge:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.ds-badge--success{color:var(--color-success);background:#edf8f2}.ds-badge--warning{color:var(--color-warning);background:#fff8e8}.ds-badge--neutral{color:var(--color-text-muted);background:var(--color-bg-subtle)}
.ds-alert{display:flex;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle)}.ds-alert--success{border-color:#b8dfc9}.ds-alert--warning{border-color:#ead39e;background:#fff8e8}.ds-alert--danger{border-color:#efbdc2;background:#fff1f2}
.ds-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-brand-900);color:#fff;border-radius:var(--radius-md)}.ds-nav a{color:inherit;font-weight:700}.ds-empty{text-align:center;padding:var(--space-10);background:var(--color-bg-subtle);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-lg)}
.brand-applied .brand-mark{background:transparent}.brand-applied .brand-mark img{width:34px;height:34px}.brand-applied .brand{gap:var(--space-2)}.brand-applied .brand-word{font-weight:800}.brand-applied .property-card{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.brand-applied .property-card:hover{box-shadow:var(--shadow-md)}.brand-applied.auth-page{background:radial-gradient(circle at 8% 8%,var(--color-brand-100),transparent 34%),linear-gradient(155deg,var(--color-bg-page),#fff9f4)}.brand-applied .auth-shell{border-top:4px solid var(--color-brand-700)}
@media(max-width:479px){.ds-logo{height:34px}.site-header .ds-logo{height:30px}}
