header{min-height:108px;height:auto;padding-top:14px;padding-bottom:14px}
.breadcrumb{padding:0 0 5px;display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted)}
.breadcrumb button{padding:0;background:transparent;color:var(--primary);font-weight:600}
.link-cell{background:transparent;color:var(--primary);padding:0;text-align:left}
.linked-card{width:100%;text-align:left}
.product-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:18px 0}
.product-option{border:1px solid var(--border);border-radius:10px;padding:14px;background:var(--surface)}
.product-option.selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}
.product-option header{min-height:0;height:auto;padding:0;background:transparent;border:0;display:flex;justify-content:flex-start;gap:8px}
.product-option header input{width:auto}
.application-layout{display:grid;grid-template-columns:280px 1fr;gap:18px}
.application-sections{max-height:70vh;overflow:auto}
.application-sections button{display:block;width:100%;text-align:left;margin:4px 0;background:transparent;color:var(--text);border:1px solid transparent}
.application-sections button.active{border-color:var(--primary);background:var(--bg)}
.application-editor{min-width:0}
.methodology-table{max-height:58vh;margin-bottom:12px}
.methodology-table table{min-width:max-content}
.methodology-table th{max-width:240px;white-space:normal}
.methodology-table textarea{width:210px;min-height:58px;resize:vertical}
.directory-filters{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px}
.active-filter{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent)}
.colour-control{display:inline-flex;margin-left:6px;vertical-align:middle}
.colour-control input{width:25px;height:25px;padding:1px;border:1px solid rgba(0,0,0,.2)}
.template-preview details{border-bottom:1px solid var(--border);padding:10px 0}
.template-preview summary{cursor:pointer}
.template-fields{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.template-fields span{border:1px solid var(--border);border-radius:14px;padding:4px 9px;font-size:12px}
.column h3{align-items:center;padding:8px;border-radius:8px;color:#142437}
.column-tools{display:flex;align-items:center;gap:4px}
.column-tools label,.card-tools label{display:inline-flex}
.column-tools input,.card-tools input{width:27px;height:27px;padding:1px}
.column-tools button,.icon-action{width:36px;height:36px;padding:0;display:inline-grid;place-items:center;font-size:17px}
.template-section-edit{margin:12px 0}
.template-section-edit legend{font-weight:700}
.theme-selector{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px}
.theme-choice{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:10px;text-align:left}
.theme-choice.selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}
.theme-choice-preview{height:58px;display:grid;grid-template-columns:28% 1fr;position:relative;border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:8px;background:var(--preview-bg)}
.theme-choice-preview i{background:var(--preview-nav)}
.theme-choice-preview b{position:absolute;left:38%;top:13px;width:48%;height:9px;border-radius:5px;background:var(--preview-primary)}
.theme-choice-preview em{position:absolute;left:38%;top:31px;width:35%;height:7px;border-radius:5px;background:color-mix(in srgb,var(--preview-primary) 35%,var(--preview-bg))}
.theme-choice small{display:block;color:var(--primary);margin-top:3px}
.admin-modules .module-icon{font-size:24px;display:block;margin-bottom:8px}
.brand-logo{display:block;max-width:100%;max-height:72px;object-fit:contain;object-position:left center}
.brand-upload{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:16px;align-items:center;margin-bottom:18px;padding:14px;border:1px solid var(--border);border-radius:10px}
#brand-preview{min-height:82px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--nav);color:white;border-radius:8px;padding:12px;text-align:center}
#brand-preview img{max-width:100%;max-height:70px;object-fit:contain}
#brand-preview small{display:block;opacity:.75;margin-top:5px}
.role-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid var(--border);border-radius:8px;padding:12px}
.role-picker legend{font-weight:700;padding:0 5px}
@media(max-width:700px){.brand-upload,.role-picker{grid-template-columns:1fr}}
.ui-icon{width:19px;height:19px;display:block;pointer-events:none}
.svg-action{width:38px;height:38px;padding:0;display:inline-grid;place-items:center}
.nav-item .ui-icon{width:20px;height:20px}
@media(max-width:900px){.directory-filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.application-layout{grid-template-columns:1fr}}