body.sidebar-collapsed{--sidebar:78px}
.sidebar-collapsed .ka-brand>div:nth-child(2),.sidebar-collapsed .ka-nav a span,.sidebar-collapsed .ka-nav-label{display:none}
.sidebar-collapsed .ka-nav a{justify-content:center}
.sidebar-collapsed .ka-brand{justify-content:center}
.sidebar-collapsed .ka-collapse{margin-left:0}

.ka-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.ka-media-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;cursor:pointer;position:relative}
.ka-media-card.selected{outline:2px solid var(--green);outline-offset:1px}
.ka-media-card .preview{aspect-ratio:4/3;background:#f4f6f4;display:grid;place-items:center;overflow:hidden}
.ka-media-card img{width:100%;height:100%;object-fit:contain}
.ka-media-card .meta{padding:10px}
.ka-media-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ka-media-card small{color:var(--muted)}

.ka-media-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.ka-media-list .ka-media-card{border:0;border-radius:0;display:grid;grid-template-columns:80px 1fr 150px 100px;background:#fff}
.ka-media-list .preview{aspect-ratio:auto;height:72px}

.ka-home-module{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px}
.ka-home-module-head{display:flex;gap:12px;align-items:center}
.ka-drag{color:#a5afa9}
.ka-home-module-head>div{flex:1}
.ka-home-module h3{margin:0 0 3px}
.ka-home-module p{margin:0;color:var(--muted);font-size:12px}
.ka-home-module-body{display:none;padding-top:16px;margin-top:14px;border-top:1px solid var(--line)}
.ka-home-module.open .ka-home-module-body{display:block}
.ka-module-actions{display:flex;align-items:center;gap:8px}

.ka-image-inline{display:grid;grid-template-columns:130px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px}
.ka-image-inline img{width:130px;height:74px;object-fit:cover;border-radius:6px;background:#f7f7f7}
.ka-image-inline strong{display:block}
.ka-image-inline small{color:var(--muted)}

.ka-picker-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.ka-usage{display:grid;gap:6px;margin:12px 0}
.ka-usage span{background:#f3f6f4;border:1px solid var(--line);padding:7px 9px;border-radius:6px;font-size:12px}
.ka-drawer-preview{height:240px;background:#f4f6f4;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;margin:14px 0;overflow:hidden}
.ka-drawer-preview img{width:100%;height:100%;object-fit:contain}
.ka-warning{padding:10px 12px;background:#fff5df;color:#7c5406;border:1px solid #f0d49b;border-radius:7px;margin:10px 0}
.ka-editor-head{position:relative}
.ka-card-logo{height:90px;background:#f6f8f6;border-radius:7px;display:grid;place-items:center;font-weight:900;color:var(--green)}

@media(max-width:1180px){
.ka-kpis{grid-template-columns:repeat(2,1fr)}
.ka-home-layout{grid-template-columns:1fr}
.ka-sticky-note{position:static}
.ka-editor-layout{grid-template-columns:1fr}
.ka-publish .ka-section{position:static}
}

@media(max-width:1024px){
body{--sidebar:78px}
.ka-brand>div:nth-child(2),.ka-nav a span,.ka-nav-label{display:none}
.ka-nav a{justify-content:center}
.ka-brand{justify-content:center}
.ka-collapse{display:none}
.ka-workspace{padding:22px}
.ka-simple-row{grid-template-columns:minmax(170px,1.5fr) repeat(2,minmax(100px,1fr)) 60px}
.ka-simple-row>*:nth-child(4){display:none}
}

@media(max-width:768px){
body{--sidebar:0px}
.ka-sidebar{width:260px;transform:translateX(-100%)}
body.sidebar-open .ka-sidebar{transform:translateX(0)}
.ka-shell{margin-left:0}
.ka-mobile-menu{display:inline-flex}
.ka-topbar{padding:0 14px}
.ka-workspace{padding:16px}
.ka-page-head{flex-direction:column}
.ka-head-actions{width:100%;flex-wrap:wrap}
.ka-grid-2,.ka-form-grid{grid-template-columns:1fr}
.ka-span-2{grid-column:auto}
.ka-kpis{grid-template-columns:1fr 1fr}
.ka-top-actions .ka-btn-soft,.ka-user>div{display:none}
.ka-media-field{grid-template-columns:1fr}
.ka-media-field .ka-image-slot{height:220px}
.ka-pages-layout{grid-template-columns:1fr}
.ka-slot-row{grid-template-columns:86px 1fr}
.ka-slot-thumb{width:86px;height:60px}
.ka-slot-row>div:last-child{grid-column:1/-1}
.ka-simple-row{grid-template-columns:1fr 90px}
.ka-simple-row>*:nth-child(2),.ka-simple-row>*:nth-child(3),.ka-simple-row>*:nth-child(4){display:none}
}

@media(max-width:480px){
.ka-kpis{grid-template-columns:1fr}
.ka-page-head h1{font-size:24px}
.ka-toolbar>*{width:100%}
.ka-search{min-width:0}
.ka-bulkbar{flex-wrap:wrap}
.ka-bulkbar select{margin-left:0;flex:1}
.ka-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ka-modal{padding:0}
.ka-modal-card{width:100vw;height:100vh;border-radius:0}
.ka-image-inline{grid-template-columns:90px 1fr}
.ka-image-inline img{width:90px}
.ka-image-inline .ka-btn{grid-column:1/-1}
.ka-user{display:none}
}