.departments-page{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;min-width:0;max-width:1400px;padding:1.5rem;display:flex}.departments-page--loading{justify-content:center;align-items:center;min-height:240px}.departments-page--refreshing .dept-category-cards,.departments-page--refreshing .dept-card--members{opacity:.72;transition:opacity .15s}.departments-default-section{border:1px solid var(--border-color,var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--primary-soft,#c9a9611a) 40%, var(--card-bg,var(--surface-elevated))), var(--card-bg,var(--surface-elevated)));box-shadow:var(--shadow-sm,0 1px 3px #0000000f);border-radius:14px;flex-direction:column;gap:.85rem;padding:1.15rem 1.25rem;display:flex}.departments-default-section-head h2{letter-spacing:-.01em;margin:0 0 .25rem;font-size:1rem;font-weight:650}.departments-default-section-hint{margin:0;font-size:.8125rem}.departments-default-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:.65rem;display:grid}.departments-default-tile{border:2px solid var(--border-color,var(--border));background:var(--card-bg,var(--surface-elevated));width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:flex-start;gap:.65rem;padding:.85rem .95rem;transition:none;display:flex;position:relative}.departments-default-tile:hover:not(:disabled):not(.departments-default-tile--selected){border-color:color-mix(in srgb, var(--primary,#c9a961) 45%, var(--border-color,var(--border)));box-shadow:0 4px 14px color-mix(in srgb, var(--primary,#c9a961) 12%, transparent);transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;transform:translateY(-1px)}.departments-default-tile:focus-visible{box-shadow:0 0 0 3px var(--primary-ring,#c9a96147);outline:none;transition:box-shadow .18s}.departments-default-tile--selected{border-color:var(--primary,#c9a961);background:color-mix(in srgb, var(--primary-soft,#c9a9611a) 65%, var(--card-bg,var(--surface-elevated)));box-shadow:0 0 0 1px var(--primary,#c9a961);cursor:default}.departments-default-tile--readonly{cursor:default}.departments-default-tile--busy{opacity:.88}.departments-default-tile:disabled{cursor:default}.departments-default-tile-radio{border:2px solid var(--border-color,var(--border));background:var(--input-bg,var(--surface-elevated));border-radius:50%;flex-shrink:0;width:1.05rem;height:1.05rem;margin-top:.15rem;transition:none}.departments-default-tile--selected .departments-default-tile-radio{border-color:var(--primary,#c9a961);background:var(--primary,#c9a961);box-shadow:inset 0 0 0 3px var(--card-bg,var(--surface-elevated))}.departments-default-tile-body{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.departments-default-tile-body strong{overflow-wrap:anywhere;font-size:.9375rem;font-weight:650;line-height:1.25}.departments-default-tile-chips{flex-wrap:wrap;gap:.3rem;display:flex}.departments-default-tile-chip{background:var(--muted-bg,var(--surface-muted));color:var(--text-secondary,var(--text-muted));border:1px solid color-mix(in srgb, var(--border-color,var(--border)) 80%, transparent);border-radius:999px;padding:.15rem .45rem;font-size:.68rem;font-weight:600}.departments-default-tile--selected .departments-default-tile-chip{background:color-mix(in srgb, var(--primary-soft,#c9a9611a) 80%, var(--muted-bg));color:var(--text-primary,inherit);border-color:color-mix(in srgb, var(--primary,#c9a961) 25%, var(--border-color))}.departments-default-tile-meta{color:var(--text-muted,var(--text-secondary));font-size:.75rem}.departments-default-tile-icon{color:var(--text-muted,var(--text-secondary));flex-shrink:0}.departments-default-tile-icon--selected{color:var(--primary,#c9a961)}.departments-layout{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:1rem;min-width:0;display:grid}.dept-card{background:var(--card-bg,var(--surface-elevated));border:1px solid var(--border-color,var(--border));box-shadow:0 1px 3px var(--shadow-sm);border-radius:12px;min-width:0;padding:1.25rem}.dept-card--list,.dept-card--members{container-type:inline-size}.dept-card-stack{flex-direction:column;gap:1rem;min-width:0;display:flex}.dept-card h2{margin:0 0 .75rem;font-size:1.05rem}.dept-card h3{margin:1rem 0 .75rem;font-size:.95rem}.dept-card-heading{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.dept-card-heading h2{margin:0}.dept-muted{color:var(--text-muted,var(--text-muted));margin:0 0 .5rem;font-size:.875rem;line-height:1.45}.dept-owner-note{background:var(--surface-elevated,var(--neutral-surface));border-radius:8px;margin:.75rem 0;padding:.65rem .85rem;font-size:.875rem}.dept-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.dept-list-item{border:1px solid var(--border-color,var(--border));border-radius:8px;flex-direction:column;gap:.5rem;padding:.85rem 1rem;display:flex}.dept-list-item-main strong{font-size:1rem;display:block}.dept-list-slug{font-size:.75rem}.dept-category-cards{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.dept-category-card{border:1px solid var(--border-color,var(--border));background:var(--surface-muted,var(--muted-bg));border-radius:10px;min-width:0;padding:.9rem 1rem;overflow:visible}.dept-category-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;min-width:0;margin-bottom:.65rem;display:flex}.dept-category-card-head>strong{overflow-wrap:anywhere;flex:8rem;min-width:0}.dept-capability-toggles{flex-direction:column;gap:.45rem;display:flex}.dept-cap-toggle{cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.dept-cap-toggle input{accent-color:var(--primary)}.dept-field.dept-toggle-row{cursor:pointer;flex-direction:row;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.dept-chip-group{flex-wrap:wrap;gap:.4rem;display:flex}.dept-chip{appearance:none;border:1px solid var(--border-color,var(--border));background:var(--input-bg,var(--surface-elevated));color:var(--text-secondary,var(--text-primary));cursor:pointer;border-radius:999px;padding:.4rem .85rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:none}.dept-chip:hover:not(:disabled){border-color:var(--primary,#c9a961);transition:border-color .15s,background-color .15s,color .15s}.dept-chip:focus-visible{border-color:var(--primary,#c9a961);box-shadow:0 0 0 3px var(--primary-ring,#c9a96147);outline:none;transition:border-color .15s,box-shadow .15s}.dept-chip--active,button.dept-chip.dept-chip--active{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:color-mix(in srgb, var(--primary) 18%, var(--bg-white,#fff));color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 22%, transparent), var(--shadow-sm,0 1px 2px #0000000f);font-weight:700}.dept-chip--active:hover:not(:disabled),button.dept-chip.dept-chip--active:hover:not(:disabled){background:color-mix(in srgb, var(--primary) 24%, var(--bg-white,#fff));border-color:color-mix(in srgb, var(--primary) 65%, var(--border));color:var(--primary-hover,var(--primary))}.dept-chip:disabled{opacity:.6;cursor:not-allowed}.dept-toggle-row input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer;flex:none;margin:0}.dept-toggle-row span{color:var(--text-primary);line-height:1.35}.dept-advanced-toggle{margin-top:.65rem}.dept-category-card .waktaa-section-toggle+.waktaa-section-toggle,.dept-category-card .dept-advanced-toggle+.dept-advanced-toggle{margin-top:.45rem}.dept-advanced-panel{margin-top:.5rem}.dept-field-builder-panel{width:100%;min-width:0;max-width:100%;margin-top:.5rem;overflow:visible;container:dept-field-builder/inline-size}.dept-advanced-panel textarea{box-sizing:border-box;border:1px solid var(--border-color,var(--border));background:var(--input-bg,var(--surface-elevated));width:100%;max-width:100%;color:inherit;resize:vertical;border-radius:8px;padding:.55rem .75rem;font-family:inherit;font-size:.875rem}.dept-advanced-panel textarea:disabled{opacity:.7}.dept-linked-context{border:none;margin:.75rem 0;padding:0}.dept-linked-context legend{margin-bottom:.35rem;font-size:.875rem;font-weight:500}.dept-linked-context-list{flex-direction:column;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.dept-linked-context-list label{cursor:pointer;align-items:center;gap:.45rem;font-size:.8125rem;display:flex}.dept-team-check-cell{text-align:center}.dept-team-check-cell input{accent-color:var(--primary);cursor:pointer;width:1.05rem;height:1.05rem}.dept-templates-moved-banner{background:color-mix(in srgb, var(--primary-soft) 65%, var(--card-bg));border-style:dashed}.dept-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;max-width:100%;display:flex}.dept-delete-btn{border:1px solid var(--border-color,var(--border));background:var(--surface-elevated,var(--card-bg));color:var(--text-secondary,var(--text-muted));cursor:pointer;border-radius:8px;align-items:center;gap:.3rem;padding:.28rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.dept-delete-btn:disabled{opacity:.6;cursor:not-allowed}.dept-delete-btn--danger{border-color:var(--error-text,#ba1a1a);color:var(--error-text,#ba1a1a);background:color-mix(in srgb, var(--error-soft,#ffdad6) 55%, var(--surface-elevated))}.dept-delete-confirm{flex-wrap:wrap;gap:.35rem;display:inline-flex}.dept-delete-hint{color:var(--text-secondary,var(--text-muted));margin:-.35rem 0 .65rem;font-size:.78rem;line-height:1.4}.dept-badge{background:var(--surface-elevated,var(--neutral-surface));color:var(--text-secondary);border-radius:999px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.dept-badge--accent{background:var(--success-pill-bg);color:var(--success-strong)}.dept-add-block{border-top:1px solid var(--border-color,var(--border));margin-top:1.25rem;padding-top:1rem}.dept-field{flex-direction:column;gap:.35rem;margin-bottom:.5rem;display:flex}.dept-field span{font-size:.875rem;font-weight:500}.dept-field input{box-sizing:border-box;border:1px solid var(--border-color,var(--border));background:var(--input-bg,var(--surface-elevated));width:100%;max-width:100%;color:inherit;border-radius:8px;padding:.55rem .75rem}.dept-help,.dept-slug-preview{color:var(--text-muted,var(--text-muted));margin:.35rem 0;font-size:.8rem;line-height:1.4}.dept-add-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.dept-add-actions .btn-primary,.dept-add-actions .btn-secondary{flex:12rem;justify-content:center}.btn-sm{cursor:pointer;background:var(--surface-elevated,var(--neutral-surface));color:inherit;white-space:normal;text-align:center;border:none;border-radius:8px;align-items:center;gap:.35rem;max-width:100%;padding:.5rem .9rem;font-size:.875rem;display:inline-flex}.dept-save-prompt-btn{background:var(--primary,#c9a961);color:var(--primary-foreground,#1a1a1a);font-weight:600}.dept-save-prompt-btn:disabled{opacity:.45;cursor:not-allowed;background:color-mix(in srgb, var(--primary,#c9a961) 35%, var(--surface-elevated));color:var(--text-muted)}.dept-routing-keywords-input::placeholder{color:var(--text-muted)}.dept-routing-keywords-hint{display:none}@media (width<=640px){.dept-routing-keywords-input{min-height:2.6rem}.dept-routing-keywords-input::placeholder{color:#0000}.dept-routing-keywords-hint{margin-top:.35rem;display:block}}.departments-inline-loading{justify-content:center;padding:1.5rem;display:flex}.dept-team-table-wrap{-webkit-overflow-scrolling:touch;background:linear-gradient(to right, var(--card-bg,var(--surface-elevated)) 0%, var(--card-bg,var(--surface-elevated)) 92%, color-mix(in srgb, var(--primary-soft,#c9a9611a) 55%, transparent) 100%);border-radius:10px;max-width:100%;margin-top:.75rem;padding-bottom:.15rem;scroll-padding-inline:.75rem;position:relative;overflow:auto hidden}.dept-team-table-wrap:after{content:"";float:right;pointer-events:none;background:linear-gradient(to left, color-mix(in srgb, var(--card-bg,var(--surface-elevated)) 92%, transparent), transparent);opacity:.85;width:1.25rem;height:100%;margin-right:-1.25rem;position:sticky;top:0;right:0}@media (width<=767px){.dept-team-table-wrap{scroll-snap-type:x proximity;margin-inline:-.25rem;padding-inline:.25rem}.dept-team-table th:not(:first-child),.dept-team-table td:not(:first-child){scroll-snap-align:start}}.dept-team-table{border-collapse:collapse;width:100%;font-size:.875rem}.dept-team-table th,.dept-team-table td{text-align:left;border-bottom:1px solid var(--border-color,var(--border));vertical-align:top;padding:.65rem .5rem}.dept-team-table th{white-space:nowrap;text-overflow:ellipsis;max-width:7rem;font-size:.8125rem;overflow:hidden}.dept-team-table th:first-child,.dept-team-table td:first-child{z-index:1;background:var(--card-bg,var(--surface-elevated));text-overflow:ellipsis;white-space:nowrap;min-width:9rem;max-width:14rem;position:sticky;left:0;overflow:hidden}.dept-team-table th:last-child,.dept-team-table td:last-child{white-space:nowrap;min-width:6.5rem}.dept-checkboxes{flex-direction:column;gap:.35rem;display:flex}.dept-check{cursor:pointer;align-items:flex-start;gap:.4rem;font-size:.875rem;display:inline-flex}.dept-check--block{margin-bottom:1rem;line-height:1.45;display:flex}.dept-template-activate{margin-top:.5rem}.dept-success-banner{background:var(--success-pill-bg);border:1px solid color-mix(in srgb, var(--success) 35%, var(--border));color:var(--success-pill-text);border-radius:10px;align-items:flex-start;gap:.75rem;margin-top:.75rem;padding:1rem;display:flex}.dept-success-banner p{margin:.25rem 0 0;font-size:.875rem}.dept-usage-toggle{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:.75rem;min-width:0;padding:0;display:flex}.dept-usage-toggle>span{flex:1;min-width:0}.dept-usage-body{border-top:1px solid var(--border-color,var(--border));margin-top:.75rem;padding-top:.75rem;font-size:.875rem}.dept-usage-breakdown{overflow-wrap:anywhere;margin:.5rem 0 0;padding-left:1.25rem}@media (width<=1100px){.departments-layout{grid-template-columns:1fr}}@media (width<=767px){.departments-page{padding:1rem}.dept-add-actions{flex-direction:column}.dept-add-actions .btn-primary,.dept-add-actions .btn-secondary{flex:none;width:100%}.dept-delete-confirm{width:100%}.dept-delete-confirm .dept-delete-btn{flex:auto}.dept-team-table-wrap{padding-inline:0;background:0 0;margin-inline:0;padding-bottom:0;overflow:visible}.dept-team-table-wrap:after{display:none}.dept-team-table{min-width:0}.dept-team-table thead{display:none}.dept-team-table tbody tr{border-bottom:1px solid var(--border-color,var(--border));padding:.85rem 0;display:block}.dept-team-table tbody tr:last-child{border-bottom:none}.dept-team-table tbody td{white-space:normal;min-width:0;max-width:none;text-overflow:unset;background:0 0;border-bottom:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem 0;display:flex;position:static;overflow:visible}.dept-team-table tbody td:before{content:attr(data-label);min-width:0;color:var(--text-muted,var(--text-muted));text-transform:uppercase;letter-spacing:.03em;flex:auto;font-size:.75rem;font-weight:600}.dept-team-table tbody td:first-child{overflow-wrap:anywhere;white-space:normal;justify-content:flex-start;padding-bottom:.55rem;font-size:.9rem;font-weight:600}.dept-team-table tbody td:first-child:before{display:none}.dept-team-table tbody td.dept-team-check-cell{justify-content:space-between}.dept-team-table tbody td:last-child{justify-content:stretch;padding-top:.65rem}.dept-team-table tbody td:last-child:before{display:none}.dept-team-table tbody td:last-child .btn-sm{justify-content:center;width:100%}}.dept-char-limit{color:var(--muted,#6b7280);margin-top:.25rem;font-size:.75rem;display:block}.dept-char-limit--error{color:var(--danger,#b91c1c)}