.app-shell{--control-h:42px;--control-h-sm:32px;--row-h:44px;--topbar-h:64px;--card-pad:28px;--card-pad-block:32px;--card-head-gap:20px;--section-gap:28px;--stack-gap:28px;--page-head-gap:32px;--content-max:1320px;--radius:10px;--radius-lg:16px;--type-page:1.75rem;--nav-item-h:40px;--form-field-gap:24px;--shadow-card:0 3px 12px color-mix(in srgb,var(--text-primary) 4%,transparent)}.app-shell .page{padding-block:40px 72px}.app-shell .topbar{background:color-mix(in srgb,var(--surface-raised) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-shell .page-head{align-items:center;gap:24px}.app-shell .page-head .sub{margin-top:12px;line-height:1.65}.app-shell .page-head-actions{gap:10px;flex-wrap:wrap}.app-shell .card{border-color:color-mix(in srgb,var(--border) 80%,var(--surface-raised))}.app-shell .card>:is(h2,h3){margin-bottom:12px}.app-shell .card>:is(h2,h3)+p{color:var(--text-secondary);line-height:1.65}.app-shell .card>p+p{margin-top:12px}.app-shell .btn{font-weight:600}.app-shell .btn:not(.btn-sm):not(.btn-icon){padding-inline:16px}.app-shell .btn-primary{box-shadow:var(--shadow-primary)}.app-shell .input,.app-shell .select{padding-inline:12px}.app-shell textarea.input{padding-block:12px;line-height:1.6}.app-shell .field{gap:10px;margin-bottom:24px}.app-shell .field-label,.app-shell .field>label{color:var(--text-secondary);font-weight:600}.app-shell .workflow-form{display:grid;gap:var(--form-field-gap);margin-block:0;max-width:none;min-width:0;align-items:start}.app-shell .workflow-form>fieldset{display:grid;gap:var(--form-field-gap);border:0;padding:0;margin:0;min-width:0}.app-shell .workflow-form label{display:grid;gap:10px;min-width:0;line-height:1.5}.app-shell .workflow-form :is(label,.field):has(>.input,>.select){margin-block:0}.app-shell .workflow-form label:has(>input[type=checkbox]),.app-shell .workflow-form label:has(>input[type=radio]){display:flex;align-items:flex-start;gap:10px}.app-shell .workflow-form input:is([type=checkbox],[type=radio]){flex-shrink:0;width:18px;height:18px;margin:2px 0 0;accent-color:var(--color-primary)}.app-shell .workflow-form>.btn,.app-shell .workflow-form>fieldset>.btn{justify-self:start}.app-shell .workflow-form :is(h2,h3,p){margin-block:0}.app-shell .workflow-form .field{margin-bottom:0}.app-shell .workflow-form .page-head-actions{margin-left:0;justify-content:flex-start}.app-shell .workflow-form>section{min-width:0}.app-shell .questionnaire-question{display:grid;gap:20px;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised)}.app-shell .questionnaire-question>.btn{justify-self:start}.app-shell .questionnaire-fields{gap:24px}.app-shell summary+.questionnaire-fields{margin-top:24px}.app-shell .questionnaire-views{gap:6px;padding:6px;justify-self:start;border:1px solid var(--border);border-radius:12px;background:var(--surface-sunken)}.app-shell .questionnaire-views .btn{border-color:transparent;background:transparent;box-shadow:none;color:var(--text-secondary)}.app-shell .questionnaire-views .btn[aria-pressed=true]{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-control)}.app-shell details.card>summary{font-weight:600;line-height:1.5}.app-shell .card>details+details{margin-top:20px}.app-shell .tabs{margin-block:24px;gap:4px}.app-shell .tab{min-height:44px;padding-inline:16px}.app-shell .drawer-foot,.app-shell .drawer-head{padding:24px;gap:16px}.app-shell .drawer-body{padding:28px}.app-shell .drawer-body>*+*{margin-top:24px}.app-shell .sidebar-nav{padding:20px 12px;gap:6px}.app-shell .nav-group-items{margin-block:6px 12px}.app-shell .nav-group-items .nav-item{min-height:36px;border-radius:8px}.app-shell .nav-group-head,.app-shell .nav-item{transition:background-color .14s ease,color .14s ease}.app-shell .nav-item[data-active=true]{background:color-mix(in srgb,var(--rail-text-strong) 10%,var(--rail-bg));box-shadow:inset 3px 0 var(--rail-accent)}.app-shell .stat-row{gap:24px}.app-shell .stat-value{letter-spacing:-.035em}@media (max-width:1100px){.app-shell{--card-pad:24px;--card-pad-block:28px;--gutter:24px}}@media (max-width:700px){.app-shell{--card-pad:20px;--card-pad-block:24px;--gutter:16px;--stack-gap:24px;--type-page:1.5rem;--form-field-gap:24px}.app-shell .page{padding-block:28px 56px}.app-shell .page-head{align-items:flex-start;flex-direction:column;gap:20px}.app-shell .page-head-actions{margin-left:0;max-width:100%}.app-shell .input,.app-shell .select{font-size:16px;min-width:0}.app-shell .questionnaire-question{padding:20px}.app-shell .questionnaire-views{justify-self:stretch}.app-shell .questionnaire-views .btn{flex:1 1 auto}.app-shell .drawer-body,.app-shell .drawer-foot,.app-shell .drawer-head{padding:20px}}@media (prefers-reduced-motion:reduce){.app-shell .nav-group-head,.app-shell .nav-item{transition:none}}.app-shell .page label:has(>.input,>.select){display:grid;gap:10px;min-width:0}.app-shell .workflow-form>div>label:not(:has(input,select,textarea)){display:block;margin-bottom:10px}.app-shell .card:not(.workflow-form):not(.questionnaire-fields)>details:not(:first-child),.app-shell .card>form:not(:first-child){margin-top:24px}.app-shell .questionnaire-version{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;border-bottom:1px solid var(--border)}.app-shell .questionnaire-version>div{min-width:0}.app-shell .questionnaire-version h3{font-size:var(--type-body);overflow-wrap:anywhere}.app-shell .questionnaire-version p{margin:8px 0 0;color:var(--text-secondary)}.app-shell .questionnaire-version .btn{flex-shrink:0}.app-shell .questionnaire-version:last-of-type{border-bottom:0}@media (max-width:700px){.app-shell .questionnaire-version{flex-direction:column;align-items:flex-start;gap:16px}}.app-shell .page>.card+.card,.app-shell .page>.workflow-form+*,.app-shell .stack>*+.workflow-form{margin-block-start:var(--stack-gap)}.app-shell .sidebar-brand .tenant-wordmark{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.app-shell[data-rail=collapsed] .sidebar-brand{justify-content:center}.app-shell[data-rail=collapsed] .sidebar-brand .tenant-wordmark,.app-shell[data-rail=collapsed] .sidebar>small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.app-shell[data-rail=collapsed] .sidebar-brand:before{content:"";width:16px;height:16px;border:2px solid var(--rail-accent);border-radius:5px;box-shadow:4px 4px 0 -1px var(--rail-bg),4px 4px 0 1px var(--rail-text-muted)}