:root{--bg:#b9ccd5;--surface:#e4edf1;--surface2:#eef4f6;--text:#102d42;--muted:#506e7e;--primary:#176c7a;--primary2:#114f5d;--border:rgba(16,65,86,.2);--danger:#b83b49;--shadow:0 20px 52px rgba(17,48,64,.18)}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:30px 20px;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 10% 8%,rgba(197,164,72,.16),transparent 25rem),radial-gradient(circle at 90% 10%,rgba(23,108,122,.22),transparent 28rem),linear-gradient(145deg,#d5e0e5,#b8ccd5);line-height:1.5}a{color:var(--primary2)}h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;margin:0}.shell{width:min(100%,1200px);margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.nav{display:flex;gap:8px;flex-wrap:wrap}.button,.logout{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:0;border-radius:12px;color:#fff!important;text-decoration:none;font:inherit;font-weight:750;background:linear-gradient(135deg,var(--primary),var(--primary2));cursor:pointer}.logout,.danger{background:linear-gradient(135deg,#c74856,#9d303e)!important}.card{padding:22px;border:1px solid var(--border);border-radius:22px;background:rgba(228,237,241,.95);box-shadow:var(--shadow);margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.project-card{display:flex;flex-direction:column;min-height:170px;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface2);text-decoration:none;color:var(--text)}.project-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(17,48,64,.15)}.icon{font-size:2.3rem}.project-card h2{margin:10px 0 4px}.muted{color:var(--muted)}label{display:block;margin:8px 0 5px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}input,select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#f2f6f7;font:inherit}.login-page{display:grid;place-items:center}.login-card{display:grid;grid-template-columns:1fr 1fr;width:min(100%,980px);padding:0;overflow:hidden}.brand{display:grid;place-items:center;min-height:520px;padding:45px;background:linear-gradient(145deg,rgba(23,108,122,.16),rgba(17,79,93,.28))}.brand img{width:min(100%,260px);border-radius:34px}.login-form{display:flex;flex-direction:column;justify-content:center;padding:50px}.login-form h1{margin-bottom:8px}.login-form .button{width:100%;margin-top:15px}.error,.notice{padding:11px 14px;border-radius:11px;background:rgba(200,62,77,.13);color:#812532}.breadcrumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:15px}.file{padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--surface2);min-width:0}.file-name{font-weight:800;overflow-wrap:anywhere}.file-meta{font-size:.82rem;color:var(--muted);margin:5px 0 10px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.media-card{padding:12px;border-radius:18px;background:var(--surface2);border:1px solid var(--border)}.media-card img,.media-card video{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:13px;background:transparent}.media-card video{background:#15232c}.media-card h3{margin:10px 4px 2px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.permission-grid{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:5px}.check{display:flex;align-items:center;gap:5px;font-size:.78rem}.check input{width:auto;min-height:0}@media(max-width:720px){body{padding:16px 12px}.topbar{align-items:flex-start;flex-direction:column}.login-card{grid-template-columns:1fr}.brand{min-height:220px;padding:24px}.brand img{width:150px}.login-form{padding:28px 22px}.media-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}}
.inline-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.user-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.user-head h2{margin:0}.user-head form{margin:0}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#c5dce3;font-size:.72rem;vertical-align:middle}.password-form{display:grid;grid-template-columns:minmax(180px,340px) auto;gap:8px;margin:18px 0}.save-rights{margin-top:15px}.notice{padding:11px 14px;border-radius:11px;background:rgba(23,108,122,.14);color:#0e5360}.file-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.file-actions form{display:flex;gap:7px;align-items:end}.file-actions input{min-width:180px}.small-danger{min-height:34px;padding:5px 9px;font-size:.8rem}@media(max-width:720px){.inline-form{grid-template-columns:1fr}.user-head{flex-direction:column}.password-form{grid-template-columns:1fr}.file-actions,.file-actions form{align-items:stretch;flex-direction:column}.file-actions input{min-width:0}}


.file{position:relative}.file>.icon{font-size:1.65rem}.file:has(.file-name[href]){cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.file:has(.file-name[href]):hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(17,48,64,.14)}.file .file-name[href]::after{content:"";position:absolute;inset:0;border-radius:15px}.file form{position:relative;z-index:2}.media-card:has(video){grid-column:1/-1;width:min(100%,760px);justify-self:center}.media-card:has(video) video{margin-inline:auto;max-height:min(52vh,520px)}
.breadcrumbs{gap:10px}
.breadcrumbs a{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 15px;border:1px solid var(--border);border-radius:13px;background:var(--surface2);color:var(--text);font-weight:800;text-decoration:none;box-shadow:0 5px 12px rgba(17,48,64,.07);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.breadcrumbs a::before{content:"📁";font-size:1.15rem}
.breadcrumbs a:first-child::before{content:"🏠"}
.breadcrumbs a:hover,.breadcrumbs a:focus-visible{transform:translateY(-2px);background:#fff;box-shadow:0 9px 18px rgba(17,48,64,.14)}
.breadcrumbs>span{color:var(--muted);font-weight:900}
@media(max-width:720px){.breadcrumbs{align-items:stretch;flex-direction:column}.breadcrumbs>span{display:none}.breadcrumbs a{width:100%}}
/* Подредба на речника: лява ръка | видео | дясна ръка; думата е под видеото. */
.media-grid{grid-template-columns:minmax(190px,1fr) minmax(360px,1.55fr) minmax(190px,1fr);align-items:start}
.media-card:has(video),.media-video{grid-column:2;grid-row:1;width:100%;max-width:none;justify-self:stretch}
.media-left{grid-column:1;grid-row:1}
.media-right{grid-column:3;grid-row:1}
.media-word{grid-column:2;grid-row:2}
.media-video video{width:100%;margin-inline:auto;max-height:min(58vh,560px)}
@media(max-width:850px){.media-grid{grid-template-columns:1fr 1fr}.media-card:has(video),.media-video{grid-column:1/-1;grid-row:auto}.media-left,.media-right{grid-column:auto;grid-row:auto}.media-word{grid-column:1/-1;grid-row:auto}.media-video{order:1}.media-left{order:2}.media-right{order:3}.media-word{order:4}}
@media(max-width:560px){.media-grid{grid-template-columns:1fr}.media-card:has(video),.media-video,.media-left,.media-right,.media-word{grid-column:1;grid-row:auto}}
.breadcrumbs .section-tab.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));border-color:transparent;box-shadow:0 9px 18px rgba(17,79,93,.25)}
.breadcrumbs .section-tab.active::before{filter:saturate(.9) brightness(1.15)}
.breadcrumbs .workspace-tab{margin-right:4px}
/* Компактни папки и права за подпапки */
.file-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:9px;padding:14px}
.file{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:11px 13px;border-radius:12px;min-height:66px}
.file>.icon{grid-row:1/3;font-size:1.35rem}.file .file-name{align-self:end;line-height:1.25}.file .file-meta{align-self:start;margin:2px 0 0}.file .file-open{grid-column:2;width:max-content;min-height:32px;padding:5px 10px;margin-top:7px;font-size:.82rem}
.folder-rights summary{cursor:pointer;font-weight:800;color:var(--primary2);padding:8px 0}.folder-permission-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;margin-top:8px;padding:10px;border-radius:12px;background:rgba(255,255,255,.45)}
@media(max-width:560px){.file-grid{grid-template-columns:1fr}.folder-permission-list{grid-template-columns:1fr}}