div[data-control="media-manager"]:focus{outline:none}
div[data-control="media-manager"] audio,
div[data-control="media-manager"] video{width:100%}
div[data-control="media-manager"] video{background:#ecf0f1;max-height:225px}
div[data-control="media-manager"] .file-icon{fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;display:inline-block}
div[data-control="media-manager"] .file-icon-extension{font-family:'ArialMT','Arial',sans-serif;font-size:4em;font-weight:900;fill:#fff}
div[data-control="media-manager"] .file-icon-label{fill:#576D7E;fill-rule:nonzero}
div[data-control="media-manager"] .file-icon-css,
div[data-control="media-manager"] .file-icon-less,
div[data-control="media-manager"] .file-icon-scss{fill:#B73FD9}
div[data-control="media-manager"] .file-icon-html,
div[data-control="media-manager"] .file-icon-xml{fill:#EA9B47}
div[data-control="media-manager"] .file-icon-js,
div[data-control="media-manager"] .file-icon-json{fill:#A9A9A9}
div[data-control="media-manager"] .file-icon-pdf{fill:#E30713}
div[data-control="media-manager"] .file-icon-txt{fill:#248BD0}
div[data-control="media-manager"] .file-icon-ai{fill:#F29200}
div[data-control="media-manager"] .file-icon-eps{fill:#F9B234}
div[data-control="media-manager"] .file-icon-psd{fill:#2DAAE2}
div[data-control="media-manager"] .file-icon-ttf,
div[data-control="media-manager"] .file-icon-otf,
div[data-control="media-manager"] .file-icon-woff,
div[data-control="media-manager"] .file-icon-woff2{fill:#C4CA10}
div[data-control="media-manager"] .file-icon-doc,
div[data-control="media-manager"] .file-icon-docx,
div[data-control="media-manager"] .file-icon-rtf,
div[data-control="media-manager"] .file-icon-odt{fill:#0F70B7}
div[data-control="media-manager"] .file-icon-csv,
div[data-control="media-manager"] .file-icon-ods,
div[data-control="media-manager"] .file-icon-xls,
div[data-control="media-manager"] .file-icon-xlsx{fill:#3BAA34}
div[data-control="media-manager"] .file-icon-odp,
div[data-control="media-manager"] .file-icon-ppt,
div[data-control="media-manager"] .file-icon-pptx{fill:#D04526}
div[data-control="media-manager"] .file-icon-rar,
div[data-control="media-manager"] .file-icon-tar,
div[data-control="media-manager"] .file-icon-zip{fill:#363A56}
div[data-control="media-manager"] .media-player-fallback{font-size:13px;color:#95a5a6;background:#ecf0f1;line-height:180%}
div[data-control="media-manager"] .media-player-fallback.panel-embedded{padding:20px;margin:-20px -20px 0 -20px}
div[data-control="media-manager"] .empty-library{padding:20px;text-align:center}
div[data-control="media-manager"] p.thumbnail-error-message{font-size:12px;margin:10px;line-height:160%;color:#bdc3c7}
div[data-control="media-manager"] .media-list{padding:0 0 0 20px;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
div[data-control="media-manager"] .media-list li{display:inline-block;vertical-align:top;margin:0 20px 20px 0;overflow:hidden;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
div[data-control="media-manager"] .media-list li:focus{outline:none}
div[data-control="media-manager"] .media-list li .icon-container{display:table}
div[data-control="media-manager"] .media-list li .icon-container i{color:#95a5a6;display:inline-block}
div[data-control="media-manager"] .media-list li .icon-container div{display:table-cell;text-align:center;vertical-align:middle}
div[data-control="media-manager"] .media-list li .icon-container.image>div.icon-wrapper{display:none}
div[data-control="media-manager"] .media-list li h4{font-weight:600;font-size:13px;color:#2b3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:150%;margin:15px 0 5px 0;padding-right:0;-webkit-transition:padding 0.1s;transition:padding 0.1s;position:relative}
div[data-control="media-manager"] .media-list li h4 a{position:absolute;right:0;top:0;font-size:15px;color:#2b3e50;display:none}
div[data-control="media-manager"] .media-list li h4 a:hover{color:#2da7c7;text-decoration:none}
div[data-control="media-manager"] .media-list li p.size{font-size:12px;color:#95a5a6}
div[data-control="media-manager"] .media-list li .image-placeholder{position:relative}
div[data-control="media-manager"] .media-list li .image-placeholder i{padding-top:0;padding-left:2px}
div[data-control="media-manager"] .media-list li .image-placeholder[data-loading] i{display:none}
div[data-control="media-manager"] .media-list li .image-placeholder[data-loading]:after{background-image:url('/modules/system/assets/ui/images/loader-transparent.svg');background-position:50% 50%;content:' ';-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-size:28px 28px;position:absolute;width:28px;height:28px;top:50%;left:50%;margin-top:-14px;margin-left:-14px}
div[data-control="media-manager"] .media-list li i.icon-chain-broken{padding:0;color:#bdc3c7}
div[data-control="media-manager"] .media-list li[data-item-type=folder] i{color:#48b2ce}
div[data-control="media-manager"] .media-list.list li{height:75px;width:260px;border:1px solid #ecf0f1;background:#f6f8f9;box-sizing:content-box}
div[data-control="media-manager"] .media-list.list li .icon-container{border-right:1px solid #f6f8f9;width:75px;height:75px;float:left}
div[data-control="media-manager"] .media-list.list li .icon-container img{max-height:75px}
div[data-control="media-manager"] .media-list.list li .icon-container i{font-size:35px}
div[data-control="media-manager"] .media-list.list li .icon-container svg{max-height:44px}
div[data-control="media-manager"] .media-list.list li .icon-container.image{border-right:1px solid #ecf0f1 !important}
div[data-control="media-manager"] .media-list.list li .icon-container p.thumbnail-error-message{display:none}
div[data-control="media-manager"] .media-list.list .icon-wrapper{width:75px}
div[data-control="media-manager"] .media-list.list li .info{margin-left:90px}
div[data-control="media-manager"] .media-list.list li .image-placeholder{width:75px;height:75px}
div[data-control="media-manager"] .media-list.list li[data-root] h4{margin-top:27px}
div[data-control="media-manager"] .media-list.list li.selected{background:#48b2ce !important}
div[data-control="media-manager"] .media-list.list li.selected i,
div[data-control="media-manager"] .media-list.list li.selected p.size{color:#ecf0f1}
div[data-control="media-manager"] .media-list.list li.selected h4{color:white}
div[data-control="media-manager"] .media-list.list li.selected .icon-container{border-right-color:#48b2ce !important}
div[data-control="media-manager"] .media-list.list h4{padding-right:15px}
div[data-control="media-manager"] .media-list.list h4 a{right:15px}
div[data-control="media-manager"] .media-list.tiles li{width:167px;margin-bottom:25px}
div[data-control="media-manager"] .media-list.tiles .icon-wrapper{width:167px}
div[data-control="media-manager"] .media-list.tiles li .image-placeholder{width:165px;height:165px}
div[data-control="media-manager"] .media-list.tiles li .image-placeholder[data-loading]:after{background-image:url('/modules/system/assets/ui/images/loader-transparent.svg');background-position:50% 50%;content:' ';-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-size:55px 55px;position:absolute;width:55px;height:55px;top:50%;left:50%;margin-top:-27.5px;margin-left:-27.5px}
div[data-control="media-manager"] .media-list.tiles li .icon-container{width:165px;height:165px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #ecf0f1;overflow:hidden;background:#f6f8f9;box-sizing:content-box}
div[data-control="media-manager"] .media-list.tiles li .icon-container img{max-height:165px}
div[data-control="media-manager"] .media-list.tiles li .icon-container i{font-size:55px}
div[data-control="media-manager"] .media-list.tiles li .icon-container svg{max-height:65px}
div[data-control="media-manager"] .media-list.tiles li .icon-container p{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}
div[data-control="media-manager"] .media-list.tiles li.selected .icon-container{background:#48b2ce !important;border-color:#2581b8}
div[data-control="media-manager"] .media-list.tiles li.selected .icon-container i,
div[data-control="media-manager"] .media-list.tiles li.selected .icon-container p{color:#ecf0f1}
div[data-control="media-manager"] .media-list.tiles li.selected h4{color:#2581b8}
div[data-control="media-manager"] .media-list.tiles i.icon-chain-broken{margin-top:47px}
div[data-control="media-manager"] .media-list.tiles p.size{margin-bottom:0}
div[data-control="media-manager"] [data-control="sidebar-labels"]{word-wrap:break-word}
div[data-control="media-manager"] .sidebar-group{margin-bottom:20px}
div[data-control="media-manager"] .sidebar-image-placeholder-container,
div[data-control="media-manager"] .sidebar-document-placeholder-container{display:table;width:100%}
div[data-control="media-manager"] .sidebar-image-placeholder,
div[data-control="media-manager"] .sidebar-document-placeholder{display:table-cell;position:relative;vertical-align:middle;text-align:center;border-bottom:1px solid #ecf0f1;box-sizing:content-box}
div[data-control="media-manager"] .sidebar-image-placeholder{height:225px}
div[data-control="media-manager"] .sidebar-image-placeholder[data-loading]{background:#ecf0f1}
div[data-control="media-manager"] .sidebar-image-placeholder[data-loading]:after{background-image:url('/modules/system/assets/ui/images/loader-transparent.svg');background-position:50% 50%;content:' ';-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-size:62px 62px;position:absolute;width:62px;height:62px;top:50%;left:50%;margin-top:-31px;margin-left:-31px}
div[data-control="media-manager"] .sidebar-image-placeholder i.icon-chain-broken,
div[data-control="media-manager"] .sidebar-image-placeholder i.icon-crop,
div[data-control="media-manager"] .sidebar-image-placeholder i.icon-asterisk,
div[data-control="media-manager"] .sidebar-image-placeholder i.icon-level-up{color:#bdc3c7;font-size:55px}
div[data-control="media-manager"] .sidebar-image-placeholder.no-border{border-bottom:none}
div[data-control="media-manager"] .sidebar-image-placeholder p{font-size:12px;margin:10px;line-height:160%;color:#bdc3c7;margin-top:25px}
div[data-control="media-manager"] .sidebar-image-placeholder img{max-width:100%;max-height:225px}
div[data-control="media-manager"] .sidebar-document-placeholder{height:155px}
div[data-control="media-manager"] .sidebar-document-placeholder svg{width:100px;height:100px}
div[data-control="media-manager"] .list-container{position:relative;z-index:100}
div[data-control="media-manager"] .list-container .no-data{font-size:13px}
div[data-control="media-manager"] .list-container p.no-data{padding:0 20px 20px 20px}
div[data-control="media-manager"] .list-container li.no-data{padding-top:20px;display:block !important;width:100% !important;border:none !important;background:transparent !important;cursor:default !important}
div[data-control="media-manager"] .list-container table.table.data tbody tr:not(.no-data):active td{background:#48b2ce !important}
div[data-control="media-manager"] [data-control="item-list"]{position:relative;display:table-cell}
div[data-control="media-manager"] .control-scrollpad{position:absolute;left:0;top:0;min-height:300px}
div[data-control="media-manager"] .scroll-wrapper{position:relative}
div[data-control="media-manager"] table.table{table-layout:fixed;margin-bottom:0;white-space:nowrap}
div[data-control="media-manager"] table.table div.no-wrap-text{overflow:hidden;text-overflow:ellipsis}
div[data-control="media-manager"] table.table div.item-title{position:relative;padding-right:0;-webkit-transition:padding 0.1s;transition:padding 0.1s}
div[data-control="media-manager"] table.table div.item-title a{position:absolute;right:0;top:0;display:none}
div[data-control="media-manager"] table.table tr:hover div.item-title{padding-right:25px}
div[data-control="media-manager"] table.table tr:hover div.item-title a{display:block}
div[data-control="media-manager"] table.table tr[data-item-type=folder] i.icon-folder{color:#48b2ce}
div[data-control="media-manager"] table.table tr:focus{outline:none}
div[data-control="media-manager"] div[data-control="selection-marker"]{position:absolute;z-index:250;border:1px dashed #95a5a6;background:rgba(0,0,0,0.1)}
div[data-control="media-manager"] .upload-progress{background:#f9f9f9;padding:0 20px}
div[data-control="media-manager"] .upload-progress h5{margin:0 0 10px 0;font-size:13px;color:#2b3e50;font-weight:600}
div[data-control="media-manager"] .upload-progress h5 span{display:inline-block;margin-left:10px;color:#95a5a6;font-size:15px}
div[data-control="media-manager"] .upload-progress .progress-controls{padding-right:30px;position:relative}
div[data-control="media-manager"] .upload-progress .progress-controls .controls{position:absolute;right:0;bottom:0}
div[data-control="media-manager"] .upload-progress .progress-controls .controls a{display:block;position:relative;top:7px;right:3px;color:#95a5a6;font-size:16px;cursor:pointer!important}
div[data-control="media-manager"] .upload-progress .progress-controls .controls a:hover{text-decoration:none;color:#2da7c7}
div[data-control="media-manager"] .dz-preview{display:none}
div[data-control="media-manager"] button[data-command="toggle-sidebar"].sidebar-hidden{-webkit-transform:rotate(180deg) translate(0,0);-ms-transform:rotate(180deg) translate(0,0);transform:rotate(180deg) translate(0,0)}
[data-control="media-manager-crop-tool"] .image_area{position:absolute;width:100%;height:100%;overflow:auto}
[data-control="media-manager-crop-tool"] .image_area .jcrop-holder{background-color:transparent!important}
[data-control="media-manager-crop-tool"] img{cursor:crosshair;display:block}
[data-control="media-manager-crop-tool"].has-rulers .ruler-container .layout-relative{overflow:hidden}
[data-control="media-manager-crop-tool"].has-rulers .ruler-container.horizontal .layout-cell{height:20px}
[data-control="media-manager-crop-tool"].has-rulers .ruler-container.horizontal .layout-relative{width:100%}
[data-control="media-manager-crop-tool"].has-rulers .ruler-container.vertical{width:20px}
[data-control="media-manager-crop-tool"].has-rulers .ruler-container.vertical .layout-relative{height:100%}
[data-control="media-manager-crop-tool"].has-rulers .ruler{position:absolute;height:20px;margin-left:-3px;background:#555}
[data-control="media-manager-crop-tool"].has-rulers .ruler ul{margin:0;padding:0;white-space:nowrap;font-size:0}
[data-control="media-manager-crop-tool"].has-rulers .ruler li{margin:0;padding:0 0 0 40px;list-style:none;display:inline-block;width:24px;margin:0 -10px 0 -14px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;text-align:left;position:relative;font-size:10px;line-height:20px;color:#ecf0f1;font-family:Arial,sans-serif}
[data-control="media-manager-crop-tool"].has-rulers .ruler li:before,
[data-control="media-manager-crop-tool"].has-rulers .ruler li:after{content:' ';position:absolute;border-left:1px solid #8e8e8e}
[data-control="media-manager-crop-tool"].has-rulers .ruler li:before{height:20px;top:0;left:-3px}
[data-control="media-manager-crop-tool"].has-rulers .ruler li:after{height:3px;bottom:0;left:20px}
[data-control="media-manager-crop-tool"].has-rulers .ruler li:first-child:after{display:none}
[data-control="media-manager-crop-tool"].has-rulers .ruler[data-control=v-ruler]{-webkit-transform:rotateZ(90deg);-ms-transform:rotateZ(90deg);transform:rotateZ(90deg);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;left:23px;top:-23px}
[data-control="media-manager-crop-tool"].has-rulers .ruler[data-control=v-ruler] li:after{top:0;left:auto}
body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover .icon-container{background:#48b2ce !important;border-color:#2581b8}
body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover .icon-container i,
body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover .icon-container p{color:#ecf0f1}
body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover h4{color:#2581b8}
body:not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover h4{padding-right:20px !important}
body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover{background:#48b2ce !important}
body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover i,
body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover p.size{color:#ecf0f1}
body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover h4{color:white}
body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover .icon-container{border-right-color:#48b2ce !important}
body:not(.no-select) div[data-control="media-manager"] .media-list.list li:hover h4{padding-right:35px !important}
body:not(.no-select) div[data-control="media-manager"] .media-list li:hover h4 a{display:block}
@media (max-width:1280px){div[data-control="media-manager"] .media-list.list li{width:230px}}
@media (max-width:1024px){div[data-control="media-manager"] .media-list.list li{display:block;width:auto}}
@media (max-width:768px){div[data-control="media-manager"] [data-control="preview-sidebar"],div[data-control="media-manager"] [data-command="toggle-sidebar"]{display:none!important}div[data-control="media-manager"] .media-list.list{padding:0}div[data-control="media-manager"] .media-list.list li{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin:0;border-right:none;border-left:none;border-bottom:none}}
@media (max-width:480px){div[data-control="media-manager"] [data-control="left-sidebar"]{display:none!important}}

/* Hippo custom layout tuning */
div[data-control="media-manager"]{
    overflow:hidden;
}
div[data-control="media-manager"] > .layout-row.whiteboard{
    height:calc(90vh - 58px);
    overflow:hidden;
    background-color: transparent;
}
div[data-control="media-manager"] > .layout-row.whiteboard > .layout,
div[data-control="media-manager"] > .layout-row.whiteboard > .layout > .layout-row{
    height:100%;
    min-height:0;
}
div[data-control="media-manager"] > .layout-row.whiteboard [data-control="folder-roots-sidebar"],
div[data-control="media-manager"] > .layout-row.whiteboard [data-control="left-sidebar"]{
    height:100%;
    overflow:auto;
}
div[data-control="media-manager"] .mm-side-column{
    position:relative;
    transition:width .15s ease,min-width .15s ease,max-width .15s ease;
}
div[data-control="media-manager"] .mm-side-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:34px;
    padding:6px 10px;
    box-sizing:border-box;
    border-bottom:1px solid #ecf0f1;
    position:relative;
    top:-1px;
}
div[data-control="media-manager"] .mm-side-title{
    font-size:12px;
    line-height:20px;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#95a5a6;
    margin:0;
}
div[data-control="media-manager"] .mm-side-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    color:#7f8c8d;
}
div[data-control="media-manager"] .mm-side-toggle > i{
    display:block;
    line-height:1;
    transform:translateY(-1px);
}
div[data-control="media-manager"] .mm-side-content{
    height:calc(100% - 34px);
    overflow:auto;
    padding:6px 10px 10px 10px;
}
div[data-control="media-manager"] .mm-side-column.is-collapsed{
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    overflow:hidden;
}
div[data-control="media-manager"] .mm-side-column.is-collapsed .mm-side-header{
    justify-content:center;
    padding:10px 0;
}
div[data-control="media-manager"] .mm-side-column.is-collapsed .mm-side-title,
div[data-control="media-manager"] .mm-side-column.is-collapsed .mm-side-content{
    display:none;
}
div[data-control="media-manager"] [data-control="item-list"]{
    height:100%;
    overflow:auto;
}

/* Dark mode */
body.theme-dark div[data-control="media-manager"],
body[data-bs-theme="dark"] div[data-control="media-manager"],
body.dark div[data-control="media-manager"]{
    color:#d5dde6;
}
body.theme-dark div[data-control="media-manager"] .whiteboard,
body[data-bs-theme="dark"] div[data-control="media-manager"] .whiteboard,
body.dark div[data-control="media-manager"] .whiteboard{
    background:#161b22;
}
body.theme-dark div[data-control="media-manager"] .panel,
body[data-bs-theme="dark"] div[data-control="media-manager"] .panel,
body.dark div[data-control="media-manager"] .panel{
    background:#1d2530;
    border-color:#2a3442 !important;
}

/* Full dark mode override for MyMediaManager */
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"],
body.theme-dark div[data-control="media-manager"],
body[data-bs-theme="dark"] div[data-control="media-manager"],
body.dark div[data-control="media-manager"]{
    color:#d5dde6;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .whiteboard,
body.theme-dark div[data-control="media-manager"] .whiteboard,
body[data-bs-theme="dark"] div[data-control="media-manager"] .whiteboard,
body.dark div[data-control="media-manager"] .whiteboard{
    background:#0f172a;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .panel,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .layout-cell,
body.theme-dark div[data-control="media-manager"] .panel,
body[data-bs-theme="dark"] div[data-control="media-manager"] .panel,
body.dark div[data-control="media-manager"] .panel{
    background:#111c32;
    border-color:rgba(148,163,184,.2) !important;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .mm-side-header,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .sidebar-image-placeholder,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .sidebar-document-placeholder{
    border-color:rgba(148,163,184,.2);
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .mm-side-title,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .media-list li p.size,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .upload-progress h5 span{
    color:#94a3b8;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .mm-side-toggle,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .media-list li .icon-container i,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .upload-progress .progress-controls .controls a{
    color:#cbd5e1;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .media-list li h4,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .media-list li h4 a,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .upload-progress h5,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] table.table,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] table.table td,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] table.table th{
    color:#e2e8f0;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .media-list.list li,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .media-list.tiles li .icon-container,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .media-player-fallback,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .upload-progress{
    background:#0d172b;
    border-color:rgba(148,163,184,.2);
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .media-list.list li .icon-container,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .media-list.list li .icon-container.image{
    border-right-color:rgba(148,163,184,.2) !important;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .sidebar-image-placeholder[data-loading],
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] video{
    background:#16213e;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .sidebar-image-placeholder i.icon-chain-broken,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .sidebar-image-placeholder i.icon-crop,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .sidebar-image-placeholder i.icon-asterisk,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .sidebar-image-placeholder i.icon-level-up,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] p.thumbnail-error-message,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .sidebar-image-placeholder p{
    color:#94a3b8;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] table.table tr,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] table.table td,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] table.table th{
    border-color:rgba(148,163,184,.18) !important;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] div[data-control="selection-marker"]{
    border-color:rgba(148,163,184,.55);
    background:rgba(79,125,240,.18);
}

.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"] .media-list.list li:hover,
.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover .icon-container{
    background:#1d4ed8 !important;
    border-color:#2563eb !important;
}

.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"] .media-list.list li:hover .icon-container{
    border-right-color:#2563eb !important;
}

.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"] .media-list.tiles li:hover h4,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .upload-progress .progress-controls .controls a:hover,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .media-list li h4 a:hover{
    color:#93c5fd;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .media-list.list li.selected,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .media-list.tiles li.selected .icon-container,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .list-container table.table.data tbody tr:not(.no-data):active td{
    background:#1d4ed8 !important;
    border-color:#2563eb !important;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .table.data tbody tr:nth-child(even) td,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .table.data tbody tr:nth-child(even){
    background:transparent !important;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] div.panel.triangle-down:before {
    border-top-color: rgba(148,163,184,.2) !important;
}
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] div.panel.triangle-down:after {
    border-top-color: #111c32 !important;
}

/* Selected row colors (override WinterCMS defaults) */
div[data-control="media-manager"] .table.data tbody tr.selected,
div[data-control="media-manager"] .table.data tbody tr.selected td {
    background: rgba(47, 95, 204, 0.12) !important;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .table.data tbody tr.selected,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"] .table.data tbody tr.selected td {
    background: rgba(79, 125, 240, 0.22) !important;
}

/* Hippo refined media manager */
div[data-control="media-manager"].hippo-media-manager{
    --hm-bg:#eef3f7;
    --hm-surface:#ffffff;
    --hm-surface-soft:#f8fafc;
    --hm-border:#dde6ef;
    --hm-border-strong:#c8d5e3;
    --hm-text:#1f2937;
    --hm-muted:#6b7a90;
    --hm-accent:#175cd3;
    --hm-accent-soft:#e7f0ff;
    --hm-accent-strong:#123f93;
    --hm-success:#0f9f6e;
    --hm-shadow:0 18px 45px rgba(24,39,75,.10);
    --hm-radius:18px;
    background:
        radial-gradient(circle at 12% 0%, rgba(23,92,211,.12), transparent 32%),
        linear-gradient(135deg, #f8fafc 0%, #edf4f8 52%, #f7f9fc 100%);
    color:var(--hm-text);
}

div[data-control="media-manager"].hippo-media-manager .hippo-media-toolbar{
    display:flex;
    align-items:center;
    gap:18px;
    padding:16px 20px;
    border:0;
    background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,248,252,.92));
    box-shadow:0 1px 0 rgba(200,213,227,.75), 0 10px 30px rgba(24,39,75,.07);
}

div[data-control="media-manager"].hippo-media-manager .hippo-media-toolbar .toolbar-primary{
    display:flex;
    align-items:center;
    gap:18px;
    min-width:max-content;
}

div[data-control="media-manager"].hippo-media-manager .hippo-media-title{
    display:flex;
    align-items:center;
    gap:12px;
    margin-right:2px;
    min-width:210px;
}

div[data-control="media-manager"].hippo-media-manager .hippo-media-title-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:14px;
    color:#fff;
    background:linear-gradient(135deg, #123f93, #2575e6);
    box-shadow:0 12px 24px rgba(23,92,211,.24);
}

div[data-control="media-manager"].hippo-media-manager .hippo-media-title strong{
    display:block;
    color:var(--hm-text);
    font-size:15px;
    line-height:18px;
    letter-spacing:.01em;
}

div[data-control="media-manager"].hippo-media-manager .hippo-media-title small{
    display:block;
    color:var(--hm-muted);
    font-size:11px;
    line-height:16px;
    margin-top:2px;
}

div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn{
    border-radius:999px;
    border-color:var(--hm-border);
    font-weight:600;
    box-shadow:none;
    transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease;
}

div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 20px rgba(24,39,75,.10);
}

div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-primary{
    border-color:transparent;
    background:linear-gradient(135deg, var(--hm-accent), #2476e8);
    color:#fff;
}

div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-default{
    background:#fff;
    color:#344256;
}

div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn.on,
div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-default.on{
    color:var(--hm-accent);
    border-color:rgba(23,92,211,.25);
    background:var(--hm-accent-soft);
}

div[data-control="media-manager"].hippo-media-manager .size-input-text{
    width:100%;
    max-width:520px;
}

div[data-control="media-manager"].hippo-media-manager input[data-control="search"]{
    height:42px;
    border-radius:999px;
    border-color:var(--hm-border);
    background:#fff;
    color:var(--hm-text);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 10px 22px rgba(24,39,75,.06);
}

div[data-control="media-manager"].hippo-media-manager input[data-control="search"]:focus{
    border-color:rgba(23,92,211,.55);
    box-shadow:0 0 0 4px rgba(23,92,211,.12), 0 10px 22px rgba(24,39,75,.06);
}

div[data-control="media-manager"].hippo-media-manager > .layout-row.whiteboard{
    height:calc(90vh - 74px);
    padding:18px;
    background:transparent;
}

div[data-control="media-manager"].hippo-media-manager .hippo-media-shell > .layout > .layout-row{
    gap:14px;
}

div[data-control="media-manager"].hippo-media-manager .mm-side-column,
div[data-control="media-manager"].hippo-media-manager [data-control="preview-sidebar"],
div[data-control="media-manager"].hippo-media-manager .hippo-media-content-panel,
div[data-control="media-manager"].hippo-media-manager .hippo-folder-toolbar{
    border:1px solid var(--hm-border) !important;
    border-radius:var(--hm-radius);
    background:rgba(255,255,255,.92);
    box-shadow:var(--hm-shadow);
    overflow:hidden;
}

div[data-control="media-manager"].hippo-media-manager .mm-side-column{
    width:230px !important;
    min-width:230px !important;
    max-width:230px !important;
}

div[data-control="media-manager"].hippo-media-manager .mm-side-header{
    height:50px;
    padding:12px 14px;
    border-bottom:1px solid var(--hm-border);
    background:linear-gradient(180deg, #fff, #f8fafc);
    top:0;
}

div[data-control="media-manager"].hippo-media-manager .mm-side-title{
    display:flex;
    align-items:center;
    gap:8px;
    color:#334155;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
}

div[data-control="media-manager"].hippo-media-manager .mm-side-title i{
    color:var(--hm-accent);
    font-size:14px;
}

div[data-control="media-manager"].hippo-media-manager .mm-side-toggle{
    width:30px;
    height:30px;
    border-radius:10px;
    color:#475569;
    background:#f1f5f9;
}

div[data-control="media-manager"].hippo-media-manager .mm-side-toggle:hover{
    color:var(--hm-accent);
    background:var(--hm-accent-soft);
    text-decoration:none;
}

div[data-control="media-manager"].hippo-media-manager .mm-side-content{
    height:calc(100% - 50px);
    padding:12px;
}

div[data-control="media-manager"].hippo-media-manager .mm-side-column.is-collapsed{
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
}

div[data-control="media-manager"].hippo-media-manager .selector-group{
    margin:0;
}

div[data-control="media-manager"].hippo-media-manager .selector-group > li > a{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:38px;
    margin-bottom:4px;
    padding:9px 11px;
    border-radius:12px;
    color:#475569;
    font-weight:600;
    line-height:18px;
    transition:background .15s ease,color .15s ease,transform .15s ease;
}

div[data-control="media-manager"].hippo-media-manager .selector-group > li > a:hover{
    color:var(--hm-accent);
    background:#f1f6ff;
    transform:translateX(2px);
    text-decoration:none;
}

div[data-control="media-manager"].hippo-media-manager .selector-group > li.active > a,
div[data-control="media-manager"].hippo-media-manager .selector-group > li.active > a:hover{
    color:var(--hm-accent-strong);
    background:linear-gradient(135deg, #e7f0ff, #f4f8ff);
    box-shadow:inset 3px 0 0 var(--hm-accent);
}

div[data-control="media-manager"].hippo-media-manager .sidebar-group{
    margin:16px 0 0;
    padding-top:14px;
    border-top:1px solid var(--hm-border);
}

div[data-control="media-manager"].hippo-media-manager .sidebar-group h3.section{
    color:#334155;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

div[data-control="media-manager"].hippo-media-manager .sidebar-group .form-control{
    border-radius:12px;
    border-color:var(--hm-border);
    background:#fff;
}

div[data-control="media-manager"].hippo-media-manager .hippo-folder-toolbar{
    margin-bottom:14px;
}

div[data-control="media-manager"].hippo-media-manager .hippo-folder-toolbar.panel.padding-less{
    padding:0;
}

div[data-control="media-manager"].hippo-media-manager .tree-path{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:50px;
    padding:0 16px;
    margin:0;
    overflow:auto;
}

div[data-control="media-manager"].hippo-media-manager .tree-path > li{
    display:flex;
    align-items:center;
    color:var(--hm-muted);
}

div[data-control="media-manager"].hippo-media-manager .tree-path > li:after{
    content:'/';
    margin-left:8px;
    color:#b3bfcc;
}

div[data-control="media-manager"].hippo-media-manager .tree-path > li:last-child:after{
    display:none;
}

div[data-control="media-manager"].hippo-media-manager .tree-path > li > a{
    color:#344256;
    font-weight:700;
    text-decoration:none;
}

div[data-control="media-manager"].hippo-media-manager .tree-path > li.root > a{
    color:var(--hm-accent);
}

div[data-control="media-manager"].hippo-media-manager .hippo-folder-toolbar [data-command="toggle-sidebar"]{
    width:42px;
    height:42px;
    margin:4px 8px 4px 0;
    border-radius:14px;
    color:#475569;
    background:#f1f5f9;
}

div[data-control="media-manager"].hippo-media-manager .hippo-media-content-panel{
    min-height:100%;
    background:rgba(255,255,255,.82);
}

div[data-control="media-manager"].hippo-media-manager .list-container{
    padding:18px;
}

div[data-control="media-manager"].hippo-media-manager .media-list{
    padding:0;
}

div[data-control="media-manager"].hippo-media-manager .media-list.tiles{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(170px, 1fr));
    gap:18px;
}

div[data-control="media-manager"].hippo-media-manager .media-list.tiles li{
    width:auto;
    margin:0;
    padding:10px;
    border:1px solid transparent;
    border-radius:18px;
    background:transparent;
    transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}

div[data-control="media-manager"].hippo-media-manager .media-list.tiles li .icon-container,
div[data-control="media-manager"].hippo-media-manager .media-list.tiles li .image-placeholder,
div[data-control="media-manager"].hippo-media-manager .media-list.tiles .icon-wrapper{
    width:100%;
}

div[data-control="media-manager"].hippo-media-manager .media-list.tiles li .icon-container,
div[data-control="media-manager"].hippo-media-manager .media-list.tiles li .image-placeholder{
    height:146px;
}

div[data-control="media-manager"].hippo-media-manager .media-list.tiles li .icon-container{
    border:1px solid var(--hm-border);
    border-radius:16px;
    background:linear-gradient(135deg, #f8fafc, #eef4fb);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}

div[data-control="media-manager"].hippo-media-manager .media-list.tiles li .icon-container img{
    max-width:100%;
    max-height:146px;
}

div[data-control="media-manager"].hippo-media-manager .media-list li h4{
    color:var(--hm-text);
    font-size:13px;
    font-weight:700;
    margin:12px 0 3px;
}

div[data-control="media-manager"].hippo-media-manager .media-list li p.size{
    color:var(--hm-muted);
    font-size:11px;
    font-weight:600;
}

div[data-control="media-manager"].hippo-media-manager .media-list.list{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
    gap:12px;
}

div[data-control="media-manager"].hippo-media-manager .media-list.list li{
    width:auto;
    height:82px;
    margin:0;
    border:1px solid var(--hm-border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 18px rgba(24,39,75,.05);
}

div[data-control="media-manager"].hippo-media-manager .media-list.list li .icon-container{
    width:82px;
    height:82px;
    border-right-color:var(--hm-border);
    background:#f8fafc;
}

div[data-control="media-manager"].hippo-media-manager .media-list.list .icon-wrapper,
div[data-control="media-manager"].hippo-media-manager .media-list.list li .image-placeholder{
    width:82px;
    height:82px;
}

div[data-control="media-manager"].hippo-media-manager .media-list.list li .info{
    margin-left:98px;
    padding-top:7px;
}

body:not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li:hover,
body:not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.list li:hover,
div[data-control="media-manager"].hippo-media-manager .media-list.tiles li.selected,
div[data-control="media-manager"].hippo-media-manager .media-list.list li.selected{
    background:#fff !important;
    border-color:rgba(23,92,211,.28);
    box-shadow:0 18px 34px rgba(23,92,211,.14);
    transform:translateY(-2px);
}

body:not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li:hover .icon-container,
div[data-control="media-manager"].hippo-media-manager .media-list.tiles li.selected .icon-container{
    background:linear-gradient(135deg, #dbeafe, #f8fbff) !important;
    border-color:rgba(23,92,211,.36);
}

body:not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.list li:hover,
div[data-control="media-manager"].hippo-media-manager .media-list.list li.selected{
    color:var(--hm-text);
}

body:not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.list li:hover h4,
body:not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li:hover h4,
div[data-control="media-manager"].hippo-media-manager .media-list.list li.selected h4,
div[data-control="media-manager"].hippo-media-manager .media-list.tiles li.selected h4{
    color:var(--hm-accent-strong);
}

body:not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.list li:hover p.size,
div[data-control="media-manager"].hippo-media-manager .media-list.list li.selected p.size{
    color:var(--hm-muted);
}

div[data-control="media-manager"].hippo-media-manager table.table.data{
    border-collapse:separate;
    border-spacing:0 8px;
}

div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr td{
    height:48px;
    border-top:1px solid var(--hm-border) !important;
    border-bottom:1px solid var(--hm-border) !important;
    background:#fff;
}

div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr td:first-child{
    border-left:1px solid var(--hm-border) !important;
    border-radius:14px 0 0 14px;
}

div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr td:last-child{
    border-right:1px solid var(--hm-border) !important;
    border-radius:0 14px 14px 0;
}

div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr:hover td,
div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr.selected td{
    background:var(--hm-accent-soft) !important;
    border-color:rgba(23,92,211,.28) !important;
}

div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr.selected,
div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr.selected td{
    color:var(--hm-text) !important;
    background:#f3f7ff !important;
    border-color:#a9c3f7 !important;
}

div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr.selected .item-title,
div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr.selected .no-wrap-text,
div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr.selected a{
    color:var(--hm-text) !important;
}

div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr.selected i{
    color:var(--hm-accent) !important;
}

div[data-control="media-manager"].hippo-media-manager .list-container table.table.data tbody tr:not(.no-data):active td,
div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr:active td,
div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr.active td{
    color:var(--hm-accent-strong) !important;
    background:var(--hm-accent-soft) !important;
    border-color:#bfd0f2 !important;
}

div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr:active i,
div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr.active i{
    color:var(--hm-accent) !important;
}

div[data-control="media-manager"].hippo-media-manager [data-control="preview-sidebar"]{
    width:320px !important;
    margin-left:14px;
}

div[data-control="media-manager"].hippo-media-manager .sidebar-image-placeholder,
div[data-control="media-manager"].hippo-media-manager .sidebar-document-placeholder{
    border-bottom:1px solid var(--hm-border);
    background:linear-gradient(135deg, #f8fafc, #eef4fb);
}

div[data-control="media-manager"].hippo-media-manager .sidebar-image-placeholder{
    height:250px;
}

div[data-control="media-manager"].hippo-media-manager .sidebar-image-placeholder img{
    max-height:250px;
}

div[data-control="media-manager"].hippo-media-manager .hippo-preview-meta{
    padding:18px;
    background:#fff;
}

div[data-control="media-manager"].hippo-media-manager .hippo-preview-meta label{
    color:var(--hm-muted);
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

div[data-control="media-manager"].hippo-media-manager .hippo-preview-meta p[data-label="title"]{
    color:var(--hm-text);
    font-size:15px;
    font-weight:800;
    line-height:20px;
    margin-bottom:16px;
}

div[data-control="media-manager"].hippo-media-manager .name-value-list th,
div[data-control="media-manager"].hippo-media-manager .name-value-list td{
    padding:8px 0;
    border-top:1px solid var(--hm-border);
}

div[data-control="media-manager"].hippo-media-manager .name-value-list th{
    color:var(--hm-muted);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.04em;
}

div[data-control="media-manager"].hippo-media-manager .name-value-list td{
    color:var(--hm-text);
    font-weight:600;
}

div[data-control="media-manager"].hippo-media-manager .upload-progress{
    margin:0 20px 12px;
    padding:14px 18px;
    border:1px solid rgba(23,92,211,.16);
    border-radius:16px;
    background:#fff;
    box-shadow:0 12px 28px rgba(24,39,75,.08);
}

div[data-control="media-manager"].hippo-media-manager .upload-progress .progress{
    height:8px;
    border-radius:999px;
    background:#e8eef5;
    overflow:hidden;
}

div[data-control="media-manager"].hippo-media-manager .upload-progress .progress-bar{
    background:linear-gradient(90deg, var(--hm-success), #2dd4bf);
}

@media (max-width:1024px){
    div[data-control="media-manager"].hippo-media-manager .hippo-media-toolbar,
    div[data-control="media-manager"].hippo-media-manager .hippo-media-toolbar .toolbar-primary{
        flex-wrap:wrap;
    }

    div[data-control="media-manager"].hippo-media-manager .size-input-text{
        max-width:none;
    }

    div[data-control="media-manager"].hippo-media-manager > .layout-row.whiteboard{
        padding:10px;
    }

    div[data-control="media-manager"].hippo-media-manager .mm-side-column{
        width:190px !important;
        min-width:190px !important;
        max-width:190px !important;
    }
}

@media (max-width:768px){
    div[data-control="media-manager"].hippo-media-manager .hippo-media-title{
        min-width:100%;
    }

    div[data-control="media-manager"].hippo-media-manager .mm-side-column{
        display:none !important;
    }

    div[data-control="media-manager"].hippo-media-manager .media-list.tiles,
    div[data-control="media-manager"].hippo-media-manager .media-list.list{
        grid-template-columns:1fr;
    }
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager{
    --hm-bg:#0f172a;
    --hm-surface:#111827;
    --hm-surface-soft:#162033;
    --hm-border:rgba(148,163,184,.20);
    --hm-border-strong:rgba(148,163,184,.32);
    --hm-text:#e5edf7;
    --hm-muted:#94a3b8;
    --hm-accent:#74a7ff;
    --hm-accent-soft:rgba(37,99,235,.18);
    --hm-accent-strong:#bfdbfe;
    --hm-shadow:0 18px 45px rgba(0,0,0,.26);
    background:
        radial-gradient(circle at 12% 0%, rgba(59,130,246,.20), transparent 32%),
        linear-gradient(135deg, #0b1221 0%, #111827 55%, #0f172a 100%);
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .hippo-media-toolbar,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .mm-side-header,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .mm-side-column,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager [data-control="preview-sidebar"],
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .hippo-media-content-panel,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .hippo-folder-toolbar,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .hippo-preview-meta,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .upload-progress{
    background:rgba(17,24,39,.94);
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-default,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager input[data-control="search"],
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .sidebar-group .form-control,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .media-list.list li,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr td{
    color:var(--hm-text);
    background:#0f172a;
    border-color:var(--hm-border);
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li .icon-container,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .media-list.list li .icon-container,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .sidebar-image-placeholder,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .sidebar-document-placeholder{
    background:linear-gradient(135deg, #0f172a, #172033);
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .selector-group > li > a,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .tree-path > li > a,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .mm-side-title,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .hippo-media-title strong{
    color:var(--hm-text);
}

/* Hippo calm pass: flatter surfaces, transparent shell, consistent controls */
div[data-control="media-manager"].hippo-media-manager{
    --hm-border:#dfe7f0;
    --hm-border-strong:#cfd9e5;
    --hm-text:#263247;
    --hm-muted:#7b8797;
    --hm-accent:#2f63c6;
    --hm-accent-soft:#eef4ff;
    --hm-accent-strong:#244f9f;
    --hm-radius:10px;
    background:transparent;
}

div[data-control="media-manager"].hippo-media-manager .hippo-media-toolbar{
    padding:14px 18px;
    background:transparent;
    border-bottom:1px solid var(--hm-border);
    box-shadow:none;
}

div[data-control="media-manager"].hippo-media-manager .hippo-media-title-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    background:var(--hm-accent);
    box-shadow:none;
}

div[data-control="media-manager"].hippo-media-manager .hippo-media-title{
    min-width:220px;
}

div[data-control="media-manager"].hippo-media-manager .control-toolbar [data-control="toolbar"]{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-group{
    display:inline-flex;
    gap:0;
}

div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn,
div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-group > .btn,
div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-group > .btn:first-child,
div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-group > .btn:last-child,
div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-group > .btn:not(:first-child):not(:last-child),
div[data-control="media-manager"].hippo-media-manager input[data-control="search"],
div[data-control="media-manager"].hippo-media-manager .sidebar-group .form-control{
    border-radius:12px !important;
}

div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn{
    height:38px;
    border-color:var(--hm-border);
    box-shadow:none !important;
    transform:none !important;
}

div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-primary{
    background:var(--hm-accent);
    border-color:var(--hm-accent);
}

div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-default{
    background:#fff;
}

div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn:hover{
    border-color:var(--hm-border-strong);
    box-shadow:none;
}

div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn.on,
div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-default.on{
    background:var(--hm-accent-soft);
    border-color:#bfd0f2;
}

div[data-control="media-manager"].hippo-media-manager input[data-control="search"]{
    height:38px;
    box-shadow:none;
}

div[data-control="media-manager"].hippo-media-manager input[data-control="search"]:focus{
    box-shadow:0 0 0 3px rgba(47,99,198,.10);
}

div[data-control="media-manager"].hippo-media-manager > .layout-row.whiteboard{
    height:calc(90vh - 67px);
    padding:0;
    background:transparent;
}

div[data-control="media-manager"].hippo-media-manager .hippo-media-shell > .layout > .layout-row{
    gap:0;
}

div[data-control="media-manager"].hippo-media-manager .mm-side-column,
div[data-control="media-manager"].hippo-media-manager [data-control="preview-sidebar"],
div[data-control="media-manager"].hippo-media-manager .hippo-media-content-panel,
div[data-control="media-manager"].hippo-media-manager .hippo-folder-toolbar{
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

div[data-control="media-manager"].hippo-media-manager .mm-side-column{
    border-top:0 !important;
    border-bottom:0 !important;
    border-left:0 !important;
}

div[data-control="media-manager"].hippo-media-manager [data-control="preview-sidebar"]{
    margin-left:0;
    border-top:0 !important;
    border-bottom:0 !important;
    border-right:0 !important;
}

div[data-control="media-manager"].hippo-media-manager .hippo-folder-toolbar{
    margin-bottom:0;
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
}

div[data-control="media-manager"].hippo-media-manager .hippo-media-content-panel{
    border:0 !important;
    background:transparent;
}

div[data-control="media-manager"].hippo-media-manager .mm-side-header{
    height:48px;
    background:transparent;
}

div[data-control="media-manager"].hippo-media-manager .mm-side-toggle,
div[data-control="media-manager"].hippo-media-manager .hippo-folder-toolbar [data-command="toggle-sidebar"]{
    border-radius:10px;
    background:#f5f7fa;
}

div[data-control="media-manager"].hippo-media-manager .selector-group > li > a{
    border-radius:10px;
}

div[data-control="media-manager"].hippo-media-manager .selector-group > li > a:hover{
    transform:none;
}

div[data-control="media-manager"].hippo-media-manager .selector-group > li.active > a,
div[data-control="media-manager"].hippo-media-manager .selector-group > li.active > a:hover{
    background:var(--hm-accent-soft);
    box-shadow:inset 3px 0 0 var(--hm-accent);
}

div[data-control="media-manager"].hippo-media-manager .nav.selector-group li.active{
    border-left:none !important;
}

div[data-control="media-manager"].hippo-media-manager [data-control="space-files-list"] > li.active > a,
div[data-control="media-manager"].hippo-media-manager [data-control="space-files-list"] > li.active > a:hover{
    color:var(--hm-accent-strong);
    background:var(--hm-accent-soft);
    border-radius:10px;
    font-weight:700;
}

div[data-control="media-manager"].hippo-media-manager [data-control="space-files-list"] > li.active > a i{
    color:var(--hm-accent);
}

div[data-control="media-manager"].hippo-media-manager .list-container{
    padding:16px 18px;
}

div[data-control="media-manager"].hippo-media-manager .media-list.list{
    gap:10px;
    grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));
}

div[data-control="media-manager"].hippo-media-manager .media-list.list li{
    display:flex;
    align-items:center;
    height:76px;
    border-radius:12px;
    background:#fff;
    box-shadow:none;
    overflow:hidden;
}

div[data-control="media-manager"].hippo-media-manager .media-list.list li .icon-container{
    flex:0 0 76px;
    width:76px;
    height:76px;
    background:transparent;
}

div[data-control="media-manager"].hippo-media-manager .media-list.list .icon-wrapper,
div[data-control="media-manager"].hippo-media-manager .media-list.list li .image-placeholder{
    width:76px;
    height:76px;
}

div[data-control="media-manager"].hippo-media-manager .media-list.list li .info{
    min-width:0;
    margin-left:0;
    padding:0 16px;
    flex:1 1 auto;
}

div[data-control="media-manager"].hippo-media-manager .media-list.list li h4{
    margin:0 0 8px;
    font-size:14px;
    line-height:18px;
}

div[data-control="media-manager"].hippo-media-manager .media-list.list li p.size{
    margin:0;
    line-height:16px;
}

div[data-control="media-manager"].hippo-media-manager .media-list.tiles li{
    border-radius:10px;
}

div[data-control="media-manager"].hippo-media-manager .media-list.tiles li .icon-container{
    border-radius:10px;
    background:#fff;
    box-shadow:none;
}

body:not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li:hover,
body:not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.list li:hover,
div[data-control="media-manager"].hippo-media-manager .media-list.tiles li.selected,
div[data-control="media-manager"].hippo-media-manager .media-list.list li.selected{
    background:#fff !important;
    border-color:#bfd0f2;
    box-shadow:none;
    transform:none;
}

body:not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li:hover .icon-container,
div[data-control="media-manager"].hippo-media-manager .media-list.tiles li.selected .icon-container{
    background:#f8fbff !important;
    border-color:#bfd0f2;
}

div[data-control="media-manager"].hippo-media-manager table.table.data{
    border-spacing:0 8px;
}

div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr td:first-child{
    border-radius:10px 0 0 10px;
}

div[data-control="media-manager"].hippo-media-manager table.table.data tbody tr td:last-child{
    border-radius:0 10px 10px 0;
}

div[data-control="media-manager"].hippo-media-manager .sidebar-image-placeholder,
div[data-control="media-manager"].hippo-media-manager .sidebar-document-placeholder{
    background:#f8fafc;
}

div[data-control="media-manager"].hippo-media-manager .hippo-preview-meta{
    background:transparent;
}

div[data-control="media-manager"].hippo-media-manager .upload-progress{
    margin:0 18px 12px;
    border-radius:10px;
    background:#fff;
    box-shadow:none;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager{
    --hm-border:rgba(148,163,184,.20);
    --hm-border-strong:rgba(148,163,184,.34);
    background:transparent;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .hippo-media-toolbar,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .mm-side-header,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .mm-side-column,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager [data-control="preview-sidebar"],
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .hippo-media-content-panel,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .hippo-folder-toolbar,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .hippo-preview-meta{
    background:transparent;
    box-shadow:none;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager{
    --hm-text:#e5edf7;
    --hm-muted:#9aa7bb;
    --hm-accent:#78a6ff;
    --hm-accent-soft:#1f2b58;
    --hm-accent-strong:#d7e4ff;
    --hm-dark-surface:#101827;
    --hm-dark-surface-soft:#15213a;
    --hm-dark-hover:#1f2b58;
    --hm-dark-hover-border:#395aa8;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-default,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-default:hover,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-default:focus,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-default:active,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-default.on,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager input[data-control="search"],
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .sidebar-group .form-control,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .mm-side-toggle,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .hippo-folder-toolbar [data-command="toggle-sidebar"]{
    color:var(--hm-text) !important;
    background:var(--hm-dark-surface-soft) !important;
    border-color:var(--hm-border) !important;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-default:hover,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-default:focus,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-default:active,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .control-toolbar .btn-default.on,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .mm-side-toggle:hover,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .hippo-folder-toolbar [data-command="toggle-sidebar"]:hover{
    background:var(--hm-dark-hover) !important;
    border-color:var(--hm-dark-hover-border) !important;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager input[data-control="search"]::placeholder{
    color:var(--hm-muted);
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .selector-group > li > a,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager [data-control="space-files-list"] > li > a{
    color:var(--hm-text) !important;
    background:transparent !important;
}

.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"].hippo-media-manager .selector-group > li > a:hover,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .selector-group > li.active > a,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .selector-group > li.active > a:hover,
.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"].hippo-media-manager [data-control="space-files-list"] > li > a:hover,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager [data-control="space-files-list"] > li.active > a,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager [data-control="space-files-list"] > li.active > a:hover{
    color:var(--hm-accent-strong) !important;
    background:var(--hm-dark-hover) !important;
    border-color:var(--hm-dark-hover-border) !important;
}

.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"].hippo-media-manager .selector-group > li > a:hover i,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .selector-group > li.active > a i,
.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"].hippo-media-manager [data-control="space-files-list"] > li > a:hover i,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager [data-control="space-files-list"] > li.active > a i{
    color:var(--hm-accent) !important;
}

.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li:hover,
.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.list li:hover,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li.selected,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .media-list.list li.selected{
    color:var(--hm-accent-strong) !important;
    background:var(--hm-dark-hover) !important;
    border-color:var(--hm-dark-hover-border) !important;
}

.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.list li:hover h4,
.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.list li:hover p.size,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .media-list.list li.selected h4,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .media-list.list li.selected p.size{
    color:var(--hm-accent-strong) !important;
}

.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li:hover .icon-container,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li.selected .icon-container{
    background:var(--hm-dark-surface-soft) !important;
    border-color:var(--hm-dark-hover-border) !important;
}

.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li:hover h4,
.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li:hover p.size,
.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li:hover .icon-container i,
.dark-mode:not(.tm-auth-light):not(.no-select) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li:hover .icon-container p,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li.selected h4,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li.selected p.size,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li.selected .icon-container i,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .media-list.tiles li.selected .icon-container p{
    color:var(--hm-accent-strong) !important;
}

.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .sidebar-image-placeholder,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .sidebar-document-placeholder,
.dark-mode:not(.tm-auth-light) div[data-control="media-manager"].hippo-media-manager .upload-progress{
    background:var(--hm-dark-surface) !important;
}