.clinic-page{color:var(--spatial-ink);padding-bottom:32px}.clinic-panel{border:1px solid var(--spatial-edge);background:var(--spatial-reading);box-shadow:inset 0 1px 0 #ffffff8c, 0 8px 24px color-mix(in srgb, var(--spatial-ink) 4%, transparent);border-radius:18px}.clinic-toolbar{border-bottom:1px solid var(--spatial-edge);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.clinic-search{border:1px solid var(--spatial-edge);background:var(--spatial-field);border-radius:10px;align-items:center;gap:12px;width:min(420px,100%);min-height:44px;padding:0 12px;display:flex}.clinic-search input{width:100%;min-width:0;color:inherit;font:inherit;outline-offset:3px;background:0 0;border:0}.clinic-search{background:var(--spatial-reading), var(--spatial-field);transition:border-color .16s,box-shadow .16s}.clinic-search:focus-within{border-color:var(--action-primary-fill);box-shadow:0 0 0 3px color-mix(in srgb, var(--spatial-depth) 20%, transparent)}.clinic-search input:focus-visible{box-shadow:none;outline:none}.clinic-search input{min-height:38px;padding:0;font-size:14px}:is(.clinic-page,.clinic-agenda,.clinic-booking,.patient-record,.clinic-form) .button--secondary,:is(.clinic-page,.clinic-agenda,.clinic-booking,.patient-record) .icon-button{color:var(--spatial-ink);border-color:var(--spatial-edge);background:var(--spatial-reading), var(--spatial-field);border-radius:10px;box-shadow:inset 0 1px #ffffffa6}:is(.clinic-page,.clinic-agenda,.clinic-booking,.patient-record,.clinic-form) .button--secondary:hover:not(:disabled),:is(.clinic-page,.clinic-agenda,.clinic-booking,.patient-record) .icon-button:hover:not(:disabled){color:var(--action-primary-fill);border-color:color-mix(in srgb, var(--spatial-depth) 65%, white);background:var(--spatial-reading), color-mix(in srgb, var(--spatial-mist) 65%, white)}:is(.clinic-page,.clinic-agenda,.clinic-booking,.patient-record,.clinic-form) :focus-visible{outline-color:var(--action-primary-fill)}.clinic-toolbar__hint,.clinic-patient small,.clinic-empty p,.clinic-form small,.clinic-detail small{color:var(--spatial-muted);font-size:14px}.clinic-empty{text-align:center;justify-items:center;gap:12px;padding:40px 24px 48px;display:grid}.clinic-empty__art{width:128px}.clinic-empty h2{margin:0;font-size:20px;font-weight:600}.clinic-empty p{max-width:380px;margin:0}.clinic-patients{margin:0;padding:8px;list-style:none}.clinic-patient{text-align:left;width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:16px;padding:16px;transition:background .16s,border-color .16s;display:flex}.clinic-patient:hover,.clinic-patient:focus-visible{background:var(--spatial-field);border-color:var(--spatial-edge)}.clinic-avatar{width:44px;height:44px;color:var(--action-primary-fill);background:var(--spatial-field);border:1px solid var(--spatial-edge);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.clinic-patient__copy{flex:1;gap:4px;min-width:0;display:grid}.clinic-patient strong{overflow-wrap:anywhere;font-weight:600}.clinic-more{text-align:center;padding:12px 24px 24px}.clinic-form{color:var(--spatial-ink);gap:16px;display:grid}.clinic-form label{gap:8px;font-size:14px;font-weight:500;display:grid}.clinic-form>label[for]{margin-bottom:-8px}.clinic-form :is(input,textarea){border:1px solid var(--spatial-edge);background:var(--spatial-field);width:100%;min-width:0;min-height:44px;color:inherit;font:inherit;border-radius:10px;padding:10px 12px}.clinic-form textarea{box-sizing:border-box;resize:vertical;background:var(--spatial-reading), var(--spatial-field);border-color:color-mix(in srgb, var(--spatial-depth) 70%, var(--spatial-muted) 18%);min-height:96px;line-height:1.55;transition:border-color .14s,box-shadow .14s}.clinic-form textarea:focus-visible{outline:2px solid var(--action-primary-fill);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb, var(--spatial-depth) 24%, transparent)}.clinic-form__actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.clinic-form small{font-weight:400}.clinic-error{color:var(--color-danger,#a82626);padding:12px;font-size:14px}.clinic-detail{color:var(--spatial-ink);gap:24px;display:grid}.clinic-detail__identity{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.clinic-detail__identity p{flex:1;align-items:center;gap:8px;font-size:14px;display:flex}.clinic-detail__section{background:var(--spatial-field);border:1px solid var(--spatial-edge);border-radius:14px;padding:20px}.clinic-detail h3{align-items:center;gap:10px;margin:0 0 16px;font-size:16px;display:flex}.clinic-detail__section>p,.clinic-detail__section>ul{margin:0 0 0 28px;font-size:14px}.clinic-detail ul{gap:12px;padding:0;list-style:none;display:grid}.clinic-detail li{gap:4px;display:grid}.clinic-detail__note{color:var(--spatial-muted);align-items:flex-start;gap:8px;margin:20px 0 0 28px;font-size:14px;display:flex}.clinic-detail__note svg{flex-shrink:0;margin-top:2px}@media (width<=600px){.clinic-toolbar{padding:16px}.clinic-toolbar__hint{display:none}.clinic-search{width:100%}.clinic-empty{padding:24px 16px 32px}.clinic-form__actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.clinic-patient{transition:none}}.clinic-config-content{margin-top:24px}.clinic-config-panel{padding:24px}.clinic-config-panel__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.clinic-config-panel__header h2{align-items:center;gap:12px;margin:0;font-size:20px;font-weight:600;display:flex}.clinic-config-empty{color:var(--spatial-muted);text-align:center;justify-items:center;gap:12px;padding:40px 24px;display:grid}.clinic-config-empty h3,.clinic-config-empty p{max-width:400px;margin:0}.clinic-config-list{margin:20px 0 0;padding:0;list-style:none}.clinic-config-list>li{border-bottom:1px solid var(--spatial-edge);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.clinic-config-list>li>span{align-items:center;gap:12px;display:flex}.clinic-config-list small{color:var(--spatial-muted);align-items:center;gap:6px;margin-top:4px;font-size:14px;display:flex}.clinic-selection{border:1px solid var(--spatial-edge);border-radius:14px;gap:12px;padding:16px;display:grid}.clinic-selection legend{padding:0 8px;font-size:14px;font-weight:500}.clinic-schedule-empty{border:1px solid var(--spatial-edge);border-radius:var(--radius-object);background:var(--spatial-reading);text-align:center;align-content:center;justify-items:center;gap:12px;min-height:300px;padding:24px;display:grid}.clinic-schedule-empty>span{border:1px solid var(--spatial-edge);border-radius:var(--radius-object);background:var(--spatial-field);width:48px;height:48px;color:var(--action-primary-fill);place-items:center;display:grid}.clinic-schedule-empty h3{margin:0;font-size:17px;font-weight:600}.clinic-schedule-empty p{max-width:260px;color:var(--spatial-muted);margin:0;font-size:14px;line-height:1.5}@media (width<=600px){.clinic-config-panel{padding:16px}.clinic-config-panel__header{flex-wrap:wrap}}.clinic-directory .workspace-page-header__visual{flex-basis:104px;width:104px;height:100px}.clinic-directory .workspace-page-header__visual>svg{width:96px;height:100px}.clinic-directory .clinic-panel{background:var(--spatial-reading), #ffffff61}.clinic-directory .clinic-toolbar{padding:16px}.clinic-directory .clinic-avatar{background:var(--spatial-reading), color-mix(in srgb, var(--spatial-depth) 24%, transparent);border-radius:50%;width:46px;height:46px;font-size:16px;font-weight:500}.clinic-patients>li+li{border-top:1px solid color-mix(in srgb, var(--spatial-depth) 15%, transparent)}.clinic-patient{cursor:pointer}.clinic-patient__copy{flex:1.5}.clinic-patient__age{color:var(--spatial-muted);flex:1;align-items:center;gap:9px;font-size:14px;display:flex}.clinic-patient__open{color:var(--action-primary-fill);align-items:center;gap:12px;padding-inline:12px;font-size:14px;display:flex}:is(.clinic-config-editor,.clinic-booking,.patient-record,.activlife-editor-modal){--color-brand:var(--action-primary-fill);--color-brand-ink:var(--action-primary-fill);--color-brand-soft:color-mix(in srgb, var(--spatial-depth) 22%, transparent)}@media (width<=600px){.clinic-patient{flex-wrap:wrap;gap:10px}.clinic-patient__age{flex-basis:calc(100% - 60px);padding-left:56px}.clinic-patient__open{padding:0;font-size:0}.clinic-patient__copy{flex-basis:calc(100% - 95px)}}
