/* Banco de Imagens v5 — visual isolado, inspirado no ecossistema Água/Veicular. */
.media-app.media-v5-host{
  --mb4-navy:#073b84;
  --mb4-navy-deep:#052f6f;
  --mb4-blue:#0878d1;
  --mb4-teal:#0b8f94;
  --mb4-teal-dark:#08727a;
  --mb4-bg:#e5f0ef;
  --mb4-surface:#ffffff;
  --mb4-ink:#173d4d;
  --mb4-muted:#6d858c;
  --mb4-line:#d3e3e1;
  --mb4-soft:#f3f8f7;
  --mb4-red:#a94249;
  --mb4-shadow:0 9px 30px rgba(19,69,77,.055);
  min-height:100vh!important;
  padding:0!important;
  background:var(--mb4-bg)!important;
  color:var(--mb4-ink);
  font-family:"Nunito",sans-serif;
}
.media-app.media-v5-host[hidden]{display:none!important}
.media-v5-host *{box-sizing:border-box}
.media-v5-host button,.media-v5-host input,.media-v5-host select{font:inherit}
.media-v5-host button{cursor:pointer}
.media-v5-host svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.media-v5-host [hidden]{display:none!important}

.mb4-app{display:grid;grid-template-columns:244px minmax(0,1fr);height:100vh;min-height:680px;overflow:hidden;background:var(--mb4-bg)}
.mb4-sidebar{display:flex;flex-direction:column;min-width:0;padding:24px 16px 18px;background:linear-gradient(180deg,#052f6f,#06467f);color:#fff;box-shadow:10px 0 35px rgba(4,44,92,.09);z-index:40}
.mb4-brand{display:grid;gap:10px;padding:0 4px 19px;color:#fff;text-decoration:none}
.mb4-brand-card{display:grid;place-items:center;min-height:72px;padding:13px 12px;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(0,29,64,.18)}
.mb4-brand-card img{display:block;width:188px;max-width:100%;max-height:50px;object-fit:contain}
.mb4-sector{padding:0 7px;color:rgba(255,255,255,.68);font-size:.65rem;font-weight:900;letter-spacing:.18em}
.mb4-back,.mb4-logout{display:flex;align-items:center;gap:9px;width:100%;padding:11px 12px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.06);color:#fff;font-size:.78rem;font-weight:850;text-align:left;transition:.2s}
.mb4-back:hover,.mb4-logout:hover{background:rgba(255,255,255,.12)}
.mb4-back svg{width:17px}
.mb4-nav{display:grid;gap:5px;margin:22px 0}
.mb4-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;border:0;border-radius:11px;background:transparent;color:rgba(255,255,255,.7);font-size:.82rem;font-weight:800;text-align:left;transition:.2s}
.mb4-nav button:hover,.mb4-nav button.active{background:rgba(255,255,255,.13);color:#fff}
.mb4-nav button b{display:grid;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.12);font-size:.61rem}
.mb4-user{display:flex;align-items:center;gap:10px;margin-top:auto;padding:12px 7px}
.mb4-user>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#14a8c0,#18b59a);font-size:.75rem;font-weight:900}
.mb4-user div{display:grid;min-width:0}
.mb4-user b{overflow:hidden;font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}
.mb4-user small{font-size:.65rem;color:rgba(255,255,255,.65)}
.mb4-logout{justify-content:center;border:0;background:transparent;color:rgba(255,255,255,.7)}

.mb4-workspace{min-width:0;overflow-y:auto}
.mb4-topbar{position:sticky;z-index:25;top:0;display:flex;align-items:center;gap:12px;height:72px;padding:0 clamp(18px,2.5vw,38px);border-bottom:1px solid rgba(190,214,212,.82);background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}
.mb4-topbar>div{display:grid}
.mb4-topbar small{color:var(--mb4-teal);font-size:.62rem;font-weight:900;letter-spacing:.14em}
.mb4-topbar strong{color:#173f54;font-size:.9rem}
.mb4-topbar time{margin-left:auto;color:var(--mb4-muted);font-size:.76rem;font-weight:750;text-transform:capitalize}
.mb4-menu{display:none;width:40px;height:40px;border:0;border-radius:10px;background:#edf6f5;color:var(--mb4-navy)}

.mb4-content{width:min(1480px,100%);margin:0 auto;padding:30px clamp(18px,3vw,42px) 70px}
.mb4-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:21px}
.mb4-heading>div{min-width:0}
.mb4-heading>div>span{color:var(--mb4-teal);font-size:.67rem;font-weight:950;letter-spacing:.15em}
.mb4-heading h1{margin:5px 0;color:#123e51;font:900 clamp(1.72rem,2.4vw,2.35rem)/1.05 "Nunito",sans-serif;letter-spacing:-.035em}
.mb4-heading p{margin:0;color:var(--mb4-muted);font-size:.86rem}
.mb4-mode{flex:none;padding:7px 11px;border:1px solid #c4dedb;border-radius:999px;background:#f7fbfa;color:#39706f;font-size:.65rem;font-weight:900}

.mb4-card,.mb4-library,.mb4-recent-card{border:1px solid var(--mb4-line);border-radius:17px;background:#fff;box-shadow:var(--mb4-shadow)}
.mb4-card{padding:20px}
.mb4-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.mb4-card-head h2,.mb4-library-head h2{margin:0 0 3px;color:#174754;font:900 1rem/1.2 "Nunito",sans-serif}
.mb4-card-head p,.mb4-library-head p{margin:0;color:var(--mb4-muted);font-size:.73rem}
.mb4-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e5f5f3;color:var(--mb4-teal)}
.mb4-card-icon svg{width:20px}

.mb4-upload{display:grid;grid-template-columns:minmax(190px,.78fr) minmax(260px,1.45fr) auto;align-items:end;gap:12px}
.mb4-upload label{display:grid;gap:6px;color:#315965;font-size:.72rem;font-weight:900}
.mb4-upload select{width:100%;height:44px;padding:0 12px;border:1px solid #cbdedc;border-radius:11px;background:#fbfdfd;color:#214e5c;font-weight:850;outline:none}
.mb4-file-control{position:relative;display:flex;align-items:center;height:44px;padding:0 12px;border:1px solid #cbdedc;border-radius:11px;background:#fbfdfd;overflow:hidden}
.mb4-file-control input{position:absolute;inset:0;opacity:0;cursor:pointer}
.mb4-file-control i{overflow:hidden;color:#55767e;font-size:.76rem;font-style:normal;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.mb4-upload select:focus,.mb4-file-control:focus-within{border-color:#3ba8a6;box-shadow:0 0 0 3px rgba(11,143,148,.09)}
.mb4-primary,.mb4-refresh,.mb4-view,.mb4-copy-main,.mb4-mini-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:11px;font-size:.76rem;font-weight:900;text-decoration:none;transition:.2s}
.mb4-primary{padding:10px 16px;border:0;background:linear-gradient(135deg,#0a86a1,#0d9c93);color:#fff;box-shadow:0 8px 20px rgba(8,126,143,.18)}
.mb4-primary:hover{transform:translateY(-1px);box-shadow:0 11px 25px rgba(8,126,143,.24)}
.mb4-primary:disabled{cursor:wait;opacity:.62;transform:none}

.mb4-recent-card{margin-top:14px;overflow:hidden}
.mb4-recent-toggle{display:flex;width:100%;align-items:center;gap:13px;padding:14px 16px;border:0;background:#fff;color:#174754;text-align:left}
.mb4-recent-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:#e8f5f3;color:#168a87}
.mb4-recent-toggle>span:nth-child(2){display:grid;gap:2px;flex:1}
.mb4-recent-toggle b{font-size:.82rem}
.mb4-recent-toggle small{font-size:.68rem;color:#70898f;font-weight:700}
.mb4-recent-toggle>strong{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:999px;background:#e8f5f3;color:#08777d;font-size:.7rem}
.mb4-recent-toggle>i{font-style:normal;font-size:1.05rem;transition:transform .2s}
.mb4-recent-toggle[aria-expanded="true"]>i{transform:rotate(180deg)}
.mb4-recent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 14px 14px}
.mb4-recent-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid #dce9e7;border-radius:13px;background:#f9fcfb}
.mb4-recent-thumb{display:grid;place-items:center;width:58px;height:50px;overflow:hidden;border-radius:9px;background:#e9f2f1;color:#8b6d6d;font-size:.55rem;text-align:center}
.mb4-recent-thumb img{width:100%;height:100%;object-fit:contain}
.mb4-recent-copy{display:grid;min-width:0;gap:3px}
.mb4-recent-copy strong{overflow:hidden;color:#214e5a;font-size:.73rem;text-overflow:ellipsis;white-space:nowrap}
.mb4-recent-copy small{color:#7b9297;font-size:.61rem}
.mb4-recent-copy .mb4-folder-pill{justify-self:start}
.mb4-mini-copy{min-height:34px;padding:7px 9px;border:1px solid #c8deda;background:#fff;color:#166f77;font-size:.65rem}
.mb4-mini-copy svg{width:15px}

.mb4-library{margin-top:16px;padding:20px}
.mb4-library-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
.mb4-controls{display:grid;gap:12px;margin-bottom:15px}
.mb4-folder-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.mb4-folder-tabs button{display:flex;align-items:center;gap:7px;min-height:35px;padding:7px 10px;border:1px solid #cfe0dd;border-radius:999px;background:#fff;color:#56747a;font-size:.66rem;font-weight:900}
.mb4-folder-tabs button span,.mb4-folder-tabs button em{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#eef5f4;color:#55787a;font-size:.57rem;font-style:normal}
.mb4-folder-tabs button.active{border-color:#168f91;background:#168f91;color:#fff}
.mb4-folder-tabs button.active span,.mb4-folder-tabs button.active em{background:rgba(255,255,255,.18);color:#fff}
.mb4-folder-tabs .mb4-trash-chip{margin-left:auto;border-color:#e0c9ca;color:#9c5055}
.mb4-folder-tabs .mb4-trash-chip svg{width:15px}
.mb4-folder-tabs .mb4-trash-chip.active{border-color:#a64b51;background:#a64b51}
.mb4-toolbar{display:flex;gap:9px}
.mb4-search{display:flex;align-items:center;gap:9px;flex:1;height:44px;padding:0 12px;border:1px solid #cbdedc;border-radius:11px;background:#fbfdfd;color:#739096}
.mb4-search svg{width:18px}
.mb4-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#234d59;font-size:.8rem}
.mb4-search:focus-within{border-color:#3ba8a6;box-shadow:0 0 0 3px rgba(11,143,148,.09)}
.mb4-refresh{padding:9px 14px;border:1px solid #c8deda;background:#fff;color:#175e70}
.mb4-refresh svg{width:17px}

.mb4-trash-note{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px;padding:12px 14px;border:1px solid #e4d0d1;border-radius:12px;background:#fff8f8;color:#754f52}
.mb4-trash-note>svg{flex:none;width:19px;margin-top:1px}
.mb4-trash-note>div{display:grid;gap:2px}
.mb4-trash-note strong{font-size:.76rem}
.mb4-trash-note span{font-size:.69rem;line-height:1.45}

.mb4-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.mb4-image-card{position:relative;overflow:visible;border:1px solid #d7e6e3;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(19,69,77,.045);transition:transform .18s,box-shadow .18s}
.mb4-image-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(19,69,77,.075)}
.mb4-image-card.trash{border-color:#ead8d8;background:#fffdfd}
.mb4-image-card.orphan{border-color:#eadcae;background:#fffefa}
.mb4-card-top{position:absolute;z-index:5;top:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}
.mb4-card-top>*{pointer-events:auto}
.mb4-folder-pill{display:inline-flex;align-items:center;width:max-content;max-width:150px;padding:5px 8px;border-radius:999px;font-size:.55rem;font-weight:950;letter-spacing:.035em;white-space:nowrap}
.mb4-folder-pill.distribuidora{background:#e9f3ff;color:#236ba7}
.mb4-folder-pill.internet{background:#e5f7f4;color:#16766d}
.mb4-folder-pill.promocoes{background:#fff3d7;color:#8f6b13}
.mb4-folder-pill.neutral{background:#f5edcf;color:#816d2c}
.mb4-folder-pill.trash{background:#f4e6e7;color:#914c52}
.mb4-original-folder{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.94);color:#7a6566;font-size:.55rem;font-weight:850}
.mb4-thumb{display:grid;place-items:center;height:205px;overflow:hidden;border-radius:15px 15px 0 0;background:#edf4f3}
.mb4-thumb img{display:block;width:100%;height:100%;padding:8px;object-fit:contain}
.mb4-missing{display:grid;place-items:center;width:100%;height:100%;padding:22px;color:#955e61;font-size:.72rem;font-weight:850;text-align:center;background:repeating-linear-gradient(135deg,#fff7f7,#fff7f7 12px,#faeded 12px,#faeded 24px)}
.mb4-image-body{display:grid;gap:9px;padding:14px}
.mb4-image-name{overflow:hidden;color:#173f4b;font-size:.85rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.mb4-meta{margin:0;color:#789095;font-size:.63rem;line-height:1.35}
.mb4-link-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;overflow:hidden;border:1px solid #dbe8e6;border-radius:9px;background:#f6faf9}
.mb4-link-row>span{overflow:hidden;padding:8px 9px;color:#617f85;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}
.mb4-link-row>button{display:grid;place-items:center;width:34px;height:34px;border:0;border-left:1px solid #dbe8e6;background:#fff;color:#16747a}
.mb4-link-row>button svg{width:15px}
.mb4-link-row.missing{display:block;border-color:#ead2d2;background:#fff8f8}
.mb4-link-row.missing span{display:block;color:#945c5f}
.mb4-primary-actions{display:grid;grid-template-columns:.85fr 1.15fr;gap:7px}
.mb4-view{min-height:38px;padding:8px 10px;border:1px solid #cbdedb;background:#fff;color:#276775;font-size:.68rem}
.mb4-copy-main{min-height:38px;padding:8px 10px;border:0;background:linear-gradient(135deg,#0a8392,#0c998b);color:#fff;font-size:.68rem;box-shadow:0 6px 15px rgba(8,126,143,.12)}
.mb4-view svg,.mb4-copy-main svg{width:16px}
.mb4-view:hover,.mb4-copy-main:hover{transform:translateY(-1px)}

.mb4-more{position:relative}
.mb4-more summary{display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(206,224,221,.95);border-radius:9px;background:rgba(255,255,255,.95);color:#52767c;list-style:none;box-shadow:0 4px 12px rgba(23,63,75,.07)}
.mb4-more summary::-webkit-details-marker{display:none}
.mb4-more summary svg{width:18px}
.mb4-more-menu{position:absolute;z-index:30;right:0;top:38px;display:grid;gap:6px;width:205px;padding:8px;border:1px solid #d6e5e2;border-radius:12px;background:#fff;box-shadow:0 15px 42px rgba(16,65,72,.18)}
.mb4-more-menu>button{display:flex;align-items:center;gap:8px;width:100%;padding:9px;border:0;border-radius:8px;background:transparent;color:#315d66;font-size:.68rem;font-weight:850;text-align:left}
.mb4-more-menu>button:hover{background:#f0f7f5}
.mb4-more-menu>button svg{width:16px}
.mb4-more-menu label{display:grid;gap:6px;padding:7px 8px;border-top:1px solid #edf3f2;color:#527077;font-size:.64rem;font-weight:850}
.mb4-more-menu label>span{display:flex;align-items:center;gap:7px}
.mb4-more-menu label svg{width:15px}
.mb4-more-menu select{width:100%;padding:7px;border:1px solid #d2e2df;border-radius:8px;background:#fff;color:#315d66;font-size:.65rem;font-weight:800}
.mb4-more-menu .mb4-menu-confirm{justify-content:center;border:1px solid #c8dfda;background:#f4faf8;color:#14766f}
.mb4-more-menu>button.danger{color:#a3464c}
.mb4-more-menu>button.danger:hover{background:#fff1f2}

.mb4-expiry{display:grid;gap:2px;padding:8px 9px;border-radius:9px;background:#f8eeee;color:#7f5558}
.mb4-expiry b{font-size:.67rem}
.mb4-expiry span{font-size:.6rem}
.mb4-trash-actions,.mb4-orphan-actions{display:grid;gap:7px;padding-top:2px}
.mb4-trash-actions{grid-template-columns:1fr 1.35fr}
.mb4-trash-actions button,.mb4-orphan-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 9px;border:1px solid #c9dfda;border-radius:9px;background:#f6fbf9;color:#187266;font-size:.65rem;font-weight:900}
.mb4-trash-actions button svg{width:15px}
.mb4-trash-actions .danger,.mb4-orphan-actions .danger{border-color:#e8c9cb;background:#fff7f7;color:#a3484e}
.mb4-orphan-actions label{display:grid;gap:5px;color:#60797e;font-size:.62rem;font-weight:850}
.mb4-orphan-actions select{width:100%;padding:8px;border:1px solid #d2e2df;border-radius:8px;background:#fff;color:#315d66;font-size:.68rem;font-weight:800}

.mb4-empty,.mb4-loading{grid-column:1/-1;display:grid;place-items:center;min-height:230px;padding:28px;border:1px dashed #c9dcda;border-radius:14px;background:#f9fcfb;color:#789095;text-align:center}
.mb4-empty>span{display:grid;place-items:center;width:46px;height:46px;margin-bottom:9px;border-radius:13px;background:#e9f3f1;color:#5f8b89}
.mb4-empty>span svg{width:22px}
.mb4-empty strong{color:#44666d;font-size:.84rem}
.mb4-empty p{margin:4px 0 0;font-size:.7rem}
.mb4-empty.compact{min-height:80px}
.mb4-empty.error{border-color:#e4caca;background:#fff8f8}
.mb4-loading{gap:9px;align-content:center;font-size:.72rem;font-weight:800}
.mb4-loading i{width:25px;height:25px;border:3px solid #d9e8e6;border-top-color:#148d8e;border-radius:50%;animation:mb4-spin .7s linear infinite}
@keyframes mb4-spin{to{transform:rotate(360deg)}}

.mb4-overlay{position:fixed;z-index:35;inset:0;background:rgba(4,32,50,.42);backdrop-filter:blur(2px)}
.mb4-mobile-nav{display:none}

@media(max-width:1180px){
  .mb4-app{grid-template-columns:215px minmax(0,1fr)}
  .mb4-sidebar{padding-inline:12px}
  .mb4-recent-list{grid-template-columns:1fr}
  .mb4-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
}
@media(max-width:900px){
  .mb4-app{display:block;height:100vh;min-height:0;padding-bottom:66px}
  .mb4-sidebar{position:fixed;z-index:45;inset:0 auto 0 0;width:250px;transform:translateX(-105%);transition:transform .22s}
  .mb4-sidebar.open{transform:none}
  .mb4-menu{display:grid;place-items:center}
  .mb4-workspace{height:100%;overflow-y:auto;padding-bottom:66px}
  .mb4-topbar{height:64px}
  .mb4-content{padding:24px 18px 38px}
  .mb4-mobile-nav{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);height:64px;border-top:1px solid #d0e1df;background:rgba(255,255,255,.97);box-shadow:0 -5px 20px rgba(18,65,65,.06);backdrop-filter:blur(12px)}
  .mb4-mobile-nav button{display:grid;place-items:center;align-content:center;gap:3px;border:0;background:transparent;color:#71898d;font-size:.58rem;font-weight:850}
  .mb4-mobile-nav button svg{width:19px}
  .mb4-mobile-nav button.active{color:#087f83;background:#eef7f5}
}
@media(max-width:760px){
  .mb4-topbar{padding:0 15px}
  .mb4-topbar strong{font-size:.78rem}
  .mb4-topbar time{max-width:132px;font-size:.62rem;text-align:right}
  .mb4-heading{align-items:flex-start;flex-direction:column;gap:11px}
  .mb4-heading h1{font-size:1.75rem}
  .mb4-heading p{font-size:.78rem;line-height:1.45}
  .mb4-mode{padding:6px 9px;font-size:.6rem}
  .mb4-card,.mb4-library{padding:15px;border-radius:15px}
  .mb4-card-head{align-items:flex-start}
  .mb4-upload{grid-template-columns:1fr}
  .mb4-upload label{font-size:.76rem}
  .mb4-upload select,.mb4-file-control{height:47px}
  .mb4-primary{width:100%;min-height:47px}
  .mb4-recent-toggle{padding:13px}
  .mb4-recent-icon{width:36px;height:36px}
  .mb4-recent-toggle small{font-size:.62rem}
  .mb4-recent-list{padding:0 10px 10px}
  .mb4-recent-item{grid-template-columns:52px minmax(0,1fr)}
  .mb4-recent-thumb{width:52px;height:47px}
  .mb4-mini-copy{grid-column:2;justify-self:start;min-height:32px}
  .mb4-folder-tabs{flex-wrap:nowrap;overflow-x:auto;padding:1px 0 5px;scrollbar-width:none}
  .mb4-folder-tabs::-webkit-scrollbar{display:none}
  .mb4-folder-tabs button{flex:none}
  .mb4-folder-tabs .mb4-trash-chip{margin-left:0}
  .mb4-toolbar{display:grid;grid-template-columns:1fr}
  .mb4-refresh{width:100%}
  .mb4-grid{grid-template-columns:1fr}
  .mb4-thumb{height:235px}
  .mb4-image-name{font-size:.92rem}
  .mb4-meta{font-size:.66rem}
  .mb4-primary-actions{grid-template-columns:1fr 1.2fr}
  .mb4-view,.mb4-copy-main{min-height:42px;font-size:.71rem}
  .mb4-trash-actions{grid-template-columns:1fr}
}
@media(max-width:420px){
  .mb4-content{padding-inline:12px}
  .mb4-topbar time{display:none}
  .mb4-thumb{height:215px}
  .mb4-primary-actions{grid-template-columns:1fr}
  .mb4-more-menu{right:-4px;width:min(220px,calc(100vw - 48px))}
}


/* ===== v5: histórico completo, lixeira em tela separada e modal de redefinição ===== */
.media-app.media-v5-host{min-height:100vh!important}
.media-v5-host .mb4-app{background:var(--mb4-bg)}
.mb5-section{min-height:calc(100vh - 150px)}
.mb5-history-summary{
  display:flex;align-items:center;gap:18px;margin-bottom:16px;padding:15px 18px;
  border:1px solid var(--mb4-line);border-radius:15px;background:rgba(255,255,255,.78);
  box-shadow:var(--mb4-shadow)
}
.mb5-history-summary>div{display:flex;align-items:baseline;gap:7px;flex:none}
.mb5-history-summary strong{color:var(--mb4-teal-dark);font-size:1.35rem;font-weight:950}
.mb5-history-summary span{color:#5f7d84;font-size:.7rem;font-weight:850}
.mb5-history-summary p{margin:0;color:#70878d;font-size:.68rem;line-height:1.45}
.mb5-history-library{padding:14px 18px 18px}
.mb5-history-list{display:grid}
.mb5-history-item{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;
  padding:14px 4px;border-bottom:1px solid #e5efed
}
.mb5-history-item:last-child{border-bottom:0}
.mb5-history-icon{
  display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#eaf4f2;color:#347a78
}
.mb5-history-icon svg{width:18px}
.mb5-history-icon.upload{background:#e9f4ff;color:#2f71a8}
.mb5-history-icon.move{background:#e6f6f2;color:#18766f}
.mb5-history-icon.link{background:#eef0ff;color:#5964a4}
.mb5-history-icon.restore{background:#e9f6ec;color:#2e7b47}
.mb5-history-icon.trash,.mb5-history-icon.purge{background:#faecec;color:#a54d52}
.mb5-history-main{display:grid;gap:5px;min-width:0}
.mb5-history-title{display:flex;align-items:center;gap:8px;min-width:0}
.mb5-history-title strong{
  overflow:hidden;color:#234b56;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap
}
.mb5-event-pill{
  flex:none;padding:4px 7px;border-radius:999px;background:#edf5f3;color:#4c7477;font-size:.54rem;font-weight:950
}
.mb5-event-pill.upload{background:#e9f4ff;color:#2d6fa5}
.mb5-event-pill.move{background:#e4f5f0;color:#167267}
.mb5-event-pill.link{background:#edefff;color:#5962a0}
.mb5-event-pill.restore{background:#e8f5eb;color:#337a4a}
.mb5-event-pill.trash,.mb5-event-pill.purge{background:#faeaea;color:#a2494f}
.mb5-history-main>p{margin:0;color:#637f85;font-size:.69rem;line-height:1.4}
.mb5-history-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#82969a;font-size:.6rem}
.mb5-history-meta>span:not(.mb4-folder-pill)::after{content:"·";margin-left:8px;color:#b1c1c2}
.mb5-history-meta>span:nth-last-child(2)::after{display:none}
.mb5-history-copy{
  display:grid;place-items:center;width:36px;height:36px;border:1px solid #d3e3e0;border-radius:9px;
  background:#fff;color:#16767b
}
.mb5-history-copy svg{width:16px}
.mb5-load-more{
  display:block;margin:14px auto 0;padding:9px 16px;border:1px solid #c9deda;border-radius:10px;
  background:#f8fbfa;color:#376c70;font-size:.7rem;font-weight:900
}
.mb5-trash-note{margin:0 0 16px}
.mb5-reset-link{border-top:1px solid #edf3f2!important;color:#5d5f9c!important}
.mb5-reset-link:hover{background:#f5f5ff!important}

.mb5-modal-backdrop{
  position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:18px;
  background:rgba(5,32,48,.58);backdrop-filter:blur(4px)
}
.mb5-reset-modal{
  width:min(460px,100%);padding:25px;border:1px solid #d8e5e4;border-radius:20px;background:#fff;
  color:#214b56;box-shadow:0 28px 90px rgba(4,40,52,.28);text-align:center
}
.mb5-reset-icon{
  display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:15px;
  background:#eef0ff;color:#5a62a3
}
.mb5-reset-icon svg{width:25px}
.mb5-reset-modal h2{margin:0 0 9px;font-size:1.15rem;font-weight:950;color:#173f4d}
.mb5-reset-modal>p{margin:0;color:#6a8288;font-size:.76rem;line-height:1.55}
.mb5-reset-file{
  overflow:hidden;margin:15px 0 12px;padding:9px 11px;border-radius:10px;background:#f2f7f6;
  color:#315e65;font-size:.72rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap
}
.mb5-modal-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;margin-top:15px}
.mb5-modal-actions button{min-height:43px;border-radius:10px;font-size:.72rem;font-weight:900}
.mb5-cancel{border:1px solid #d1dfdd;background:#fff;color:#59747a}
.mb5-confirm-reset{border:0;background:#b4232c;color:#fff;box-shadow:0 8px 18px rgba(180,35,44,.20);transition:.18s}
.mb5-confirm-reset:hover:not(:disabled){background:#991b1b;transform:translateY(-1px)}
.mb5-confirm-reset:disabled{cursor:not-allowed;opacity:1;background:#d66a71;color:#fff;box-shadow:none}

@media(max-width:760px){
  .mb5-history-summary{align-items:flex-start;flex-direction:column;gap:7px}
  .mb5-history-item{grid-template-columns:38px minmax(0,1fr)}
  .mb5-history-icon{width:36px;height:36px}
  .mb5-history-copy{grid-column:2;justify-self:start;width:auto;height:32px;padding:0 10px}
  .mb5-history-copy::after{content:"Copiar link atual";margin-left:6px;font-size:.6rem;font-weight:850}
  .mb5-history-meta{gap:6px}
  .mb5-modal-actions{grid-template-columns:1fr}
}


/* v20.6.4 — barra de rolagem visível no Banco de Imagens */
.mb4-workspace{min-height:0!important;overflow-x:hidden!important;overflow-y:scroll!important;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#86a9c3 #edf3f7}
.mb4-sidebar{min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important}
.mb4-workspace::-webkit-scrollbar{width:11px}.mb4-workspace::-webkit-scrollbar-track{background:#edf3f7}.mb4-workspace::-webkit-scrollbar-thumb{min-height:48px;border:3px solid #edf3f7;border-radius:999px;background:#86a9c3}.mb4-workspace::-webkit-scrollbar-thumb:hover{background:#638ca9}
@media(max-width:900px){.mb4-workspace{overflow-y:auto!important;scrollbar-gutter:auto}}