/* EsraÖğretmenim V22: buttons, navigation management & inherited V21 card design */
.nav.top-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:12px 14px;background:#fff;border-bottom:1px solid #e9eff9}
.top-nav .menu-pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;font-weight:850;color:#245180;border:1px solid #dfeafa;padding:10px 13px;border-radius:13px;background:#f7faff;box-shadow:0 3px 8px rgba(38,88,167,.05);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.top-nav .menu-pill svg{width:17px;height:17px;flex:none}
.top-nav .menu-pill:hover,.top-nav .menu-pill:focus-visible{transform:translateY(-2px);background:#e8f4ff;color:#1257c1;box-shadow:0 8px 18px rgba(29,102,214,.16)}
.top-nav .menu-pill.is-current{background:linear-gradient(125deg,#168dec,#1671ed);border-color:#1679ef;color:#fff;box-shadow:0 8px 16px rgba(33,116,229,.16)}
.top-nav .menu-pill:nth-child(3n+2):not(.is-current){background:#fff2f8;color:#bd407d;border-color:#fbe0ee}
.top-nav .menu-pill:nth-child(3n):not(.is-current){background:#f1edff;color:#7b50cc;border-color:#e7dcff}
.nav-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 12px;font-size:12px;font-weight:700;color:#5576af}.nav-breadcrumb a:last-child{color:#225cc8}
.category-materials{margin-top:20px}.category-materials .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.category-materials .material-card{min-width:0;display:flex;flex-direction:column;border:1px solid #e6edfa;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(29,60,118,.09);overflow:hidden}
.category-materials .cover{aspect-ratio:1/1.34;display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(155deg,#f4f9ff,#fff0fa);overflow:hidden}
.category-materials .cover img{display:block;width:100%;height:100%;object-fit:contain}
.category-materials .cardinfo{display:flex;flex:1;flex-direction:column;padding:12px}.category-materials .cardinfo .btn{margin-top:auto}.category-materials .stats{margin-top:auto;padding-top:10px}
.nav-panel-links{display:flex;gap:10px;flex-wrap:wrap}
.nav-admin .heading{align-items:center}.nav-admin-layout{display:grid;grid-template-columns:minmax(290px,390px) minmax(0,1fr);gap:18px;align-items:start}
.nav-admin-layout .adminbox{min-width:0;margin-bottom:0}
.nav-admin-form{display:grid;gap:13px}
.nav-admin-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;color:#475a81}
.nav-admin-form input,.nav-admin-form select{width:100%;max-width:100%;min-width:0;border:1px solid #dce6fa;border-radius:10px;padding:11px;background:#fcfdff;color:#273e6c}
.nav-admin-form label small{font-size:11px;font-weight:400;color:#7b8aab}
.nav-admin-form .nav-check{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:12px}
.nav-admin-form .nav-check input{width:18px;height:18px;flex:none}
.nav-items-list{display:grid;gap:8px;margin-top:16px}
.nav-tree-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 10px 10px calc(10px + var(--depth)*12px);border:1px solid #e7effb;border-radius:12px;min-width:0;background:#fcfdff}
.nav-tree-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e9f3ff;color:#2078d8}
.nav-tree-info{min-width:0;display:flex;flex-direction:column;gap:3px}.nav-tree-info strong{font-size:13px;overflow-wrap:anywhere;color:#203a6d}.nav-tree-info span{font-size:10px;color:#8190ab}
.nav-tree-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.nav-tree-actions a{font-size:11px;padding:7px 9px;border-radius:8px;background:#eaf2ff;color:#1f60c8;font-weight:800}
.nav-tree-actions a:last-child{background:#e9f9ef;color:#17824d}
@media (max-width:1050px){.nav-admin-layout{grid-template-columns:1fr}}
@media (max-width:900px){.nav.top-nav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}.top-nav .menu-pill{flex:none}.category-materials .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:650px){.nav-admin .heading{flex-direction:column;align-items:stretch}.nav-tree-row{grid-template-columns:28px minmax(0,1fr);padding-left:10px}.nav-tree-actions{grid-column:2;justify-content:flex-start}.category-materials .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}