html{--mat-sys-background: #101414;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2d3131;--mat-sys-inverse-primary: #006a6a;--mat-sys-inverse-surface: #e0e3e2;--mat-sys-on-background: #e0e3e2;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #003737;--mat-sys-on-primary-container: #00fbfb;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #1b3534;--mat-sys-on-secondary-container: #cce8e7;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #e0e3e2;--mat-sys-on-surface-variant: #dae5e4;--mat-sys-on-tertiary: #502400;--mat-sys-on-tertiary-container: #ffdcc7;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #889392;--mat-sys-outline-variant: #3f4948;--mat-sys-primary: #00dddd;--mat-sys-primary-container: #004f4f;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #b0cccb;--mat-sys-secondary-container: #324b4b;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #101414;--mat-sys-surface-bright: #363a39;--mat-sys-surface-container: #1c2020;--mat-sys-surface-container-high: #272b2a;--mat-sys-surface-container-highest: #313635;--mat-sys-surface-container-low: #191c1c;--mat-sys-surface-container-lowest: #0b0f0e;--mat-sys-surface-dim: #101414;--mat-sys-surface-tint: #00dddd;--mat-sys-surface-variant: #3f4948;--mat-sys-tertiary: #ffb787;--mat-sys-tertiary-container: #723600;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{color-scheme:light;--ink: #102027;--muted: #667780;--line: #dbe5e8;--page: #eef5f4;--panel: #ffffff;--teal: #00897b;--mint: #43d9c6;--navy: #13393d;--blue: #1976d2;--green: #1a9b6f;--amber: #f4a62a;--rose: #d95067;--violet: #7c4dff;--shadow: 0 18px 44px rgba(16, 32, 39, .11);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;background:var(--page);color:var(--ink)}button,input,select,textarea{font:inherit;letter-spacing:0}a{color:inherit;text-decoration:none}.mat-icon,.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;display:inline-block;white-space:nowrap;text-transform:none;letter-spacing:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga"}.login-page{display:grid;min-height:100vh;min-height:100dvh;grid-template-columns:minmax(390px,1fr) minmax(340px,470px);gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(24px,4vw,56px);overflow:hidden;background:linear-gradient(90deg,#0a1f23c7,#0a1f236b 48%,#0a1f23bd),url(/assets/odonto-login-bg.png) center / cover no-repeat}.login-story{display:grid;gap:34px;max-width:760px;color:#fff}.brand-chip{display:inline-flex;width:fit-content;min-height:48px;align-items:center;gap:14px;padding:0 18px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-chip span,.login-logo strong{color:var(--mint);font-weight:900}.login-story h1{margin:0;color:#74b2c4eb;font-size:clamp(2.6rem,5vw,4.8rem);line-height:1}.login-story p{max-width:760px;margin:18px 0 22px;color:#ffffffe6;font-size:clamp(1.03rem,1.4vw,1.28rem)}.login-story b{display:inline-flex;min-height:46px;align-items:center;padding:0 18px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff2e;color:#fff}.login-card{display:grid;gap:14px;width:100%;max-width:470px;padding:28px;border:1px solid rgba(137,167,176,.34);border-radius:8px;background:#181d24f0;box-shadow:0 30px 80px #00000052;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-logo{display:grid;justify-items:center;gap:0;color:var(--mint)}.login-logo strong{font-size:2.42rem;line-height:.9}.login-logo span{font-size:.74rem;font-weight:900}.login-card h2{margin:0;color:#fff;font-size:2rem;text-align:center}.login-card p{margin:0 0 6px;color:#ffffffb8;text-align:center}.login-form{display:grid;gap:12px}.login-form button{min-height:50px;border-radius:8px;font-weight:900}.login-footer{display:grid;gap:5px;padding:12px 14px;border:1px solid rgba(137,167,176,.24);border-radius:8px;background:#ffffff0a;color:#ffffffb8}.login-footer strong{color:#fff}.shell{display:grid;min-height:100vh;grid-template-columns:282px minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:24px 16px;background:linear-gradient(180deg,#123a3d,#0f2d31);color:#d7f4f1}.brand{display:flex;align-items:center;gap:12px;padding:4px 10px 28px}.brand-icon{display:grid;width:50px;height:50px;place-items:center;border-radius:8px;background:linear-gradient(135deg,#f6bd4b,#34d4bd);color:#102027}.brand strong,.brand small{display:block}.brand small,.side-summary span{color:#8bc9c4}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;min-height:48px;align-items:center;gap:12px;padding:0 14px;border-radius:8px;color:#b9ddda;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff1f;color:#fff}.side-summary{position:relative;display:grid;gap:2px;margin-top:auto;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:8px}.side-summary strong{color:#fff;font-size:1.8rem}.side-summary button{position:absolute;right:12px;bottom:16px}.main{min-width:0}.topbar{position:sticky;z-index:10;top:0;display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:18px;padding:16px 30px;border-bottom:1px solid var(--line);background:#eef5f4e6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.page-title{display:flex;min-width:210px;align-items:center;gap:12px}.page-title>.mat-icon{color:var(--teal)}.page-title h1{margin:0;font-size:1.42rem;line-height:1.12}.page-title span{color:var(--muted);font-size:.9rem}.top-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:12px}.search{width:min(360px,28vw)}.date-field{width:180px}.top-actions .mat-mdc-form-field-subscript-wrapper{display:none}.content{width:min(1540px,100%);margin:0 auto;padding:30px}.page-heading,.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.page-heading h2,.section-head h2{margin:2px 0 0;font-size:1.2rem}.page-heading span,.section-head span{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric-card,.feature-card,.schedule-card,.patient-list-card,.patient-profile,.tool-panel,.odontogram-board,.kanban-column,.table-card,.inventory-card,.form-page>mat-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.metric-card{display:grid;min-height:116px;gap:7px;padding:18px}.metric-card .mat-icon{font-size:30px}.metric-card span{color:var(--muted);font-weight:800}.metric-card strong{font-size:1.55rem}.metric-card.teal .mat-icon,.money{color:var(--teal)}.metric-card.green .mat-icon{color:var(--green)}.metric-card.rose .mat-icon{color:var(--rose)}.metric-card.amber .mat-icon{color:var(--amber)}.page-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px}.page-grid.lower{margin-top:18px}.feature-card{padding:20px}.appointment-list,.timeline,.tool-buttons{display:grid;gap:12px}.appointment-item,.patient-strip,.schedule-card{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;border-radius:8px;background:#f6faf9}.appointment-item b,.time-pill{color:var(--teal)}.appointment-item span,.schedule-main p,.schedule-main small,.patient-strip small,.inventory-card p,.clinical-notes span{color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-grid a{display:grid;min-height:98px;align-content:space-between;padding:14px;border-radius:8px;background:linear-gradient(135deg,#43d9c629,#1976d21f);color:var(--ink);font-weight:900}.quick-grid .mat-icon{color:var(--teal)}.avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#dff6f2;color:var(--teal);font-weight:900}.color-band{display:grid;align-content:start;gap:8px;background:linear-gradient(135deg,#0b7d70,#1976d2);color:#fff}.color-band .mat-icon{font-size:36px}.color-band strong{font-size:3rem}.schedule-card{grid-template-columns:110px minmax(0,1fr) 110px 190px;padding:16px}.schedule-main h3,.profile-hero h2,.inventory-card h3,.treatment-card h3{margin:0}.schedule-card .mat-mdc-form-field-subscript-wrapper{display:none}.time-pill{display:grid;justify-items:center;gap:3px;padding:12px;border-radius:8px;background:#dff6f2}.patients-page,.odontogram-page{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.patient-list-card,.patient-profile,.tool-panel,.odontogram-board,.table-card{padding:18px}.patient-row{display:flex;width:100%;align-items:center;gap:12px;min-height:62px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left}.patient-row.active,.patient-row:hover{background:#edf8f6}.patient-row strong,.patient-row small{display:block}.profile-hero{display:flex;align-items:start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.profile-hero>strong{color:var(--rose);font-size:1.4rem}.risk-chip,.status-pill,.priority{display:inline-flex;min-height:28px;align-items:center;border-radius:999px;padding:0 10px;background:#fff2d9;color:#996008;font-size:.78rem;font-weight:900}.info-grid,.clinical-notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.info-grid>div,.clinical-notes>article{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fbfb}.clinical-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.clinical-notes .wide{grid-column:1 / -1}.form-page{max-width:980px}.form-page>mat-card{padding:22px}.material-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:span 2}.material-form .mat-mdc-form-field-subscript-wrapper{display:none}.tool-panel{align-self:start}.tool-buttons button.active{background:#dff6f2;color:var(--teal)}.tooth-grid{display:grid;grid-template-columns:repeat(16,minmax(68px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px}.tooth-cell{display:grid;width:100%;min-width:68px;min-height:92px;place-items:center;gap:2px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.tooth-cell.sano .mat-icon{color:var(--green)}.tooth-cell.caries{background:#fff1f2}.tooth-cell.caries .mat-icon{color:var(--rose)}.tooth-cell.restauracion{background:#eef5ff}.tooth-cell.restauracion .mat-icon{color:var(--blue)}.tooth-cell.endodoncia{background:#f2edff}.tooth-cell.endodoncia .mat-icon{color:var(--violet)}.tooth-cell.extraccion,.tooth-cell.corona{background:#fff6e3}.tooth-cell.extraccion .mat-icon,.tooth-cell.corona .mat-icon{color:var(--amber)}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kanban-column{padding:18px}.treatment-card{display:grid;gap:8px;margin-bottom:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fbfb}.treatment-card .mat-mdc-form-field-subscript-wrapper{display:none}.table-card{overflow-x:auto}table{width:100%;min-width:760px;border-collapse:collapse}th,td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-size:.78rem;text-transform:uppercase}.inventory-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.inventory-card{display:grid;gap:10px;padding:18px}.inventory-card span{width:fit-content;border-radius:999px;padding:5px 10px;background:#dff6f2;color:var(--teal);font-size:.78rem;font-weight:900}.inventory-card.low span{background:#fff1f2;color:var(--rose)}.stock-meter{height:9px;overflow:hidden;border-radius:999px;background:#e2ebee}.stock-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--mint))}.mat-mdc-card,.mat-mdc-card.feature-card,.mat-mdc-card.patient-profile,.mat-mdc-card.patient-list-card,.mat-mdc-card.table-card,.mat-mdc-card.kanban-column,.mat-mdc-card.odontogram-board,.mat-mdc-card.tool-panel{--mdc-elevated-card-container-color: #ffffff;--mat-card-elevated-container-color: #ffffff;background-color:#fff!important;color:var(--ink)!important}.dashboard-page{display:grid;gap:20px}.clinic-hero{position:relative;display:flex;min-height:172px;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;padding:26px 30px;border:1px solid rgba(0,137,123,.14);border-radius:8px;background:linear-gradient(135deg,#00897bf0,#1976d2e6),#00897b;color:#fff;box-shadow:0 22px 48px #004d402e}.clinic-hero:after{position:absolute;right:28%;bottom:-36px;width:170px;height:170px;border:28px solid rgba(255,255,255,.12);border-radius:999px;content:""}.clinic-hero span{color:#ffffffc7;font-weight:900;text-transform:uppercase}.clinic-hero h2{margin:6px 0 8px;color:#fff;font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.05}.clinic-hero p{max-width:660px;margin:0;color:#ffffffdb;font-size:1.02rem}.hero-status{z-index:1;display:grid;min-width:188px;justify-items:center;gap:4px;padding:18px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#ffffff29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-status .mat-icon{font-size:34px}.hero-status strong{color:#fff;font-size:2.7rem;line-height:1}.metric-card{position:relative;overflow:hidden;border:1px solid rgba(0,137,123,.12);background:linear-gradient(180deg,#fff,#f9fcfb)!important}.metric-card:before{position:absolute;inset:0 auto 0 0;width:5px;content:""}.metric-card.teal:before{background:var(--teal)}.metric-card.green:before{background:var(--green)}.metric-card.rose:before{background:var(--rose)}.metric-card.amber:before{background:var(--amber)}.metric-card .mat-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#eef9f7}.metric-card span{color:#52666e}.metric-card strong{color:#102027}.feature-card{border-color:#0d5e5b1f;background:linear-gradient(180deg,#fff,#fbfefd)!important}.agenda-highlight{min-height:320px}.appointment-item{grid-template-columns:86px minmax(0,1fr) auto;min-height:68px;border:1px solid #e2ecef;background:#fff}.appointment-item+.appointment-item{margin-top:10px}.appointment-clock{display:inline-grid;min-height:40px;place-items:center;border-radius:8px;background:#dff6f2;color:#006f64;font-weight:900}.appointment-item strong{display:block;color:#102027}.appointment-item span:not(.appointment-clock){color:#60727a}.status-pill{background:#eef5ff;color:#1452a5}.quick-grid a{min-height:116px;border:1px solid rgba(0,137,123,.14);background:#fff}.quick-grid a:nth-child(1){background:linear-gradient(135deg,#e8f9f6,#fff)}.quick-grid a:nth-child(2){background:linear-gradient(135deg,#eaf3ff,#fff)}.quick-grid a:nth-child(3){background:linear-gradient(135deg,#fff4dd,#fff)}.quick-grid a:nth-child(4){background:linear-gradient(135deg,#f1edff,#fff)}.quick-grid a strong{color:#102027;font-size:1rem}.quick-grid a span{color:#60727a;font-size:.82rem;font-weight:800}.patient-strip{min-height:64px;margin-bottom:10px;border:1px solid #e2ecef;background:#fff}.color-band{background:linear-gradient(135deg,#009688,#1976d2)!important;color:#fff!important}.color-band h2,.color-band p,.color-band strong,.color-band .mat-icon{color:#fff}@media(max-width:1180px){.shell{grid-template-columns:88px minmax(0,1fr)}.brand span span,.brand small,.sidebar nav span{display:none}.sidebar{align-items:center}.sidebar nav a{justify-content:center;padding:0}.side-summary{width:56px;padding:10px}.side-summary span,.side-summary button{display:none}.metric-grid,.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-grid,.patients-page,.odontogram-page,.inventory-page,.kanban{grid-template-columns:1fr}}@media(max-width:820px){.login-page{grid-template-columns:1fr;overflow:auto}.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:12px}.sidebar nav{grid-template-columns:repeat(4,1fr)}.topbar,.top-actions{flex-wrap:wrap;justify-content:stretch}.search,.date-field,.top-actions a{width:100%}.schedule-card,.appointment-item,.material-form,.clinical-notes,.metric-grid,.info-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}@media(max-width:560px){.content{padding:16px}.sidebar nav{grid-template-columns:repeat(2,1fr)}.login-page{padding:16px}.login-story h1{font-size:2rem}.login-card{padding:20px}}