@import url("navigation.css?v=1");
/* Eduvize Admin UI — component baseline derived from Documents.
   Namespaced classes prevent unintended changes to application-specific controls. */
.edu-admin {font-family:var(--edu-admin-font);color:var(--edu-admin-ink);background:var(--edu-admin-bg)}
.edu-admin__card{background:var(--edu-admin-surface);border:1px solid var(--edu-admin-border);border-radius:var(--edu-admin-card-radius);padding:clamp(18px,2vw,30px)}
.edu-admin__field{display:flex;flex-direction:column;gap:7px;min-width:0}
/* Field control appearance is shared with admin-shell.css. */
.edu-admin__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.edu-admin__field-grid+.edu-admin__actions{margin-top:20px}



.edu-admin__button{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;gap:8px;min-height:var(--edu-admin-control-height);padding:10px 14px;border:0;border-radius:var(--edu-admin-control-radius);background:var(--edu-admin-primary);color:var(--edu-admin-primary-text);font:700 13px var(--edu-admin-font);cursor:pointer}
.edu-admin__button--secondary{background:var(--edu-admin-secondary);color:var(--edu-admin-secondary-text)}
.edu-admin__button:focus-visible,.edu-admin__field :is(input,select):focus-visible{outline:2px solid var(--edu-admin-accent);outline-offset:2px}
.edu-admin__nsp{width:100%;min-width:0}

/* Shared disclosure spacing; the native details element retains its closed state. */
.edu-admin__disclosure>summary{cursor:pointer}
.edu-admin__disclosure[open]>summary{margin-block-end:var(--edu-admin-gap,16px)}
.edu-admin__disclosure-body{display:grid;gap:var(--edu-admin-gap,16px);min-width:0}
.edu-admin__disclosure-body>*{margin-block:0}
.edu-admin__disclosure-body>:empty{display:none}
.edu-admin__disclosure-body>.edu-admin__button{justify-self:start}

/* Shared application tile, active state and editor icon. */
.ev-app-tile,#tiles .ev-app-tile,body.menu-layout #tiles .ev-app-tile,body.tiles-home #tiles .ev-app-tile{background:var(--ev-primary)!important;color:var(--ev-primary-text)!important;border:1px solid var(--ev-border)!important;border-radius:var(--ev-card-radius)!important;box-shadow:none!important}
.ev-app-tile.active,#tiles .ev-app-tile.active,body.menu-layout #tiles .ev-app-tile.active,body.tiles-home #tiles .ev-app-tile.active{background:var(--ev-secondary)!important;color:var(--ev-secondary-text)!important;border:2px solid var(--ev-accent)!important}
.ev-app-tile .app-icon,#tiles .ev-app-tile .app-icon{background:var(--ev-secondary)!important;color:var(--ev-secondary-text)!important;border-radius:var(--ev-icon-radius,10px)!important;box-shadow:none!important}
.ev-app-tile.active .app-icon,#tiles .ev-app-tile.active .app-icon{background:var(--ev-accent)!important;color:var(--ev-primary-text)!important}
.ev-app-tile strong{font-weight:400}
.ev-app-tile .app-icon svg{width:60%;height:60%;stroke:currentColor;stroke-width:1.6}
.ev-app-tile small{color:var(--ev-muted)!important}
.ev-app-tile:focus-visible{outline:3px solid var(--ev-accent)!important}
.app-icon.ev-editor-app-icon{display:grid;place-items:center;background:var(--ev-primary)!important;color:var(--ev-primary-text)!important;border:1px solid var(--ev-border)!important;border-radius:var(--ev-icon-radius,10px)!important;box-shadow:none!important}
.ev-editor-app-icon svg{stroke:currentColor}

/* Shared layouts: align adjacent fields and actions on their control baseline. */
.edu-admin__control-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:10px 0}
.edu-admin__control-row>.edu-admin__field{flex:1 1 240px;min-width:0}
.edu-admin__control-row>.edu-admin__actions{flex:0 0 auto}
.edu-admin__field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;align-items:end}
@media(max-width:680px){.edu-admin__field-grid{grid-template-columns:1fr}}

/* Reusable navigation heading and introductory content surface. */



.edu-content-intro{margin:0;padding:14px 16px;background:var(--ev-surface);color:var(--ev-text);border:1px solid var(--ev-border);border-left:4px solid var(--ev-primary);border-radius:var(--ev-card-radius,16px);font-size:clamp(15px,1.6vw,20px);line-height:1.5}

/* Shared focused form dialog; validation remains beside the edited control. */
.edu-admin-dialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--ev-border,var(--edu-admin-border));border-radius:var(--ev-card-radius,var(--edu-admin-card-radius));background:var(--ev-surface,var(--edu-admin-surface));color:var(--ev-text,var(--edu-admin-ink));font-family:var(--edu-admin-font)}
.edu-admin-dialog::backdrop{background:rgb(0 0 0 / .4)}
.edu-admin-dialog h2{margin:0 0 20px;font-size:22px}
.edu-admin-dialog .edu-admin__field input{width:100%;box-sizing:border-box;min-height:var(--edu-admin-control-height);padding:8px 11px;border:1px solid var(--ev-border,var(--edu-admin-border));border-radius:var(--edu-admin-control-radius);background:var(--ev-surface,var(--edu-admin-surface));color:inherit;font:inherit}
.edu-admin-dialog__error{min-height:1.5em;margin:10px 0 18px;line-height:1.5;font-weight:600}
.edu-admin-dialog [aria-invalid=true]{outline:2px solid currentColor;outline-offset:2px}