/* ArcaneDrive premium rebuild v2: isolated presentation layer; no storage/API changes. */
@media(max-width:700px){
:root{--v2-navy:#061c35;--v2-blue:#087ef2;--v2-muted:#72829a}
html,body{overflow-x:hidden}
body .main-content{background:#edf2fc!important;padding:0 12px 95px!important;overflow-y:auto!important;overscroll-behavior:contain}
.arc-shell{display:none!important}
.arc-v2{display:block;position:relative;z-index:2}
.arc-v2-head{background:linear-gradient(125deg,#071c34,#0b3456);color:white;margin:0 -12px;padding:22px 18px 26px;border-radius:0 0 25px 25px}
.arc-v2-top{display:flex;align-items:center;gap:12px;min-height:46px}
.arc-v2-logo{width:40px;height:40px;border:2px solid #00c5f4;border-radius:15px;display:grid;place-items:center;color:#32d8ff}
.arc-v2-logo svg{width:26px;height:26px}
.arc-v2-brand{flex:1;min-width:0}
.arc-v2-brand strong{font:800 21px Inter,system-ui,sans-serif;letter-spacing:-.5px}
.arc-v2-brand small{display:block;color:#b7d0e5;font-size:11px;margin-top:3px}
.arc-v2-icon{background:transparent;border:0;color:white;width:44px;height:44px;display:grid;place-items:center}
.arc-v2-icon svg{width:22px;height:22px}
.arc-v2-storage{margin-top:19px;background:linear-gradient(115deg,#064a6b,#066f95);border:1px solid #1b96bb;border-radius:19px;padding:17px 18px;box-shadow:0 12px 26px #0003}
.arc-v2-storage small{font-size:12px;color:#c0eaf4}
.arc-v2-storage strong{display:block;font-size:24px;margin:9px 0;line-height:1.25;letter-spacing:-.5px}
.arc-v2-storage p{font-size:12px;color:#c0eaf4;margin:0}
.arc-v2-storage-meter{height:7px;border-radius:7px;background:#327d9a;margin-top:15px}
.arc-v2-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.arc-v2-quick button{background:white;border:1px solid #e7eef9;border-radius:15px;min-width:0;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font:600 11px Inter,system-ui,sans-serif;color:#1b3353}
.arc-v2-quick svg{width:26px;height:26px;stroke:#087ef2;fill:none;stroke-width:1.8}
.arc-v2-title{font:800 19px Inter,system-ui,sans-serif;color:#102746;margin:18px 4px 10px}
.arc-v2-subtitle{font-size:12px;color:#788ba4;margin:0 4px 12px}
.arc-v2-panel{background:white;border:1px solid #e5eafa;border-radius:18px;padding:16px;margin:12px 0;box-shadow:0 5px 18px #153b6a0b}
.arc-v2-panel[hidden],.arc-v2-head[hidden],.arc-v2-quick[hidden],.arc-v2-title[hidden]{display:none!important}
.arc-v2-panel h3{font-size:16px;color:#142e4b;margin:0 0 14px}
.arc-v2-toolgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.arc-v2-toolgrid button{border:0;border-radius:12px;min-height:82px;background:#f0f5ff;color:#23446b;font-size:12px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}
.arc-v2-toolgrid svg{width:26px;height:26px;stroke:#0b7dea;fill:none;stroke-width:1.8}
.arc-v2-note{font-size:12px;color:#74869e;line-height:1.6}
.arc-v2-tabs{position:fixed;bottom:0;left:0;right:0;z-index:1050;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:9px 8px calc(9px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:21px 21px 0 0;box-shadow:0 -6px 22px #153b6a17}
.arc-v2-tabs button{border:0;background:transparent;color:#6a7b91;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;font-size:10px;font-weight:650;border-radius:13px}
.arc-v2-tabs svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.9;fill:none}
.arc-v2-tabs button[aria-current="page"]{color:#0877e8;background:#eaf3ff}
.mobile-menu-toggle{position:fixed!important;top:10px!important;left:auto!important;right:8px!important;z-index:1051!important;opacity:0!important;pointer-events:none!important}
.topbar,.premium-mobile-nav,.premium-features,.stats-container{display:none!important}
.toolbar{padding:0!important;margin:5px 0 10px!important}
.toolbar .view-toggle{display:none!important}
.toolbar .sort-select{min-height:44px;border-radius:13px!important}
.breadcrumb-container{margin:4px 0 10px!important}
.breadcrumb{padding:8px 10px!important;border-radius:14px!important;overflow-x:auto;white-space:nowrap}
.directory-container{border-radius:18px!important;overflow:hidden!important}
.table-header{display:none!important}
.directory-item{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:auto auto!important;min-height:62px!important;padding:10px 12px!important;gap:2px 9px!important;border-radius:0!important;background:white!important;border-bottom:1px solid #eef1f7!important}
.directory-item .item-name{grid-column:1!important;grid-row:1!important;min-width:0!important;display:flex!important;gap:10px!important;align-items:center!important}
.directory-item .item-text{min-width:0!important;overflow:hidden!important}
.directory-item .item-title{font:650 13px/1.35 Inter,system-ui,sans-serif!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;overflow-wrap:anywhere}
.directory-item .item-size{grid-column:1!important;grid-row:2!important;text-align:left!important;padding-left:46px!important;color:#8996a7!important;font-size:11px!important}
.directory-item .item-duration{display:none!important}
.directory-item .item-actions{grid-column:2!important;grid-row:1/3!important;display:flex!important;justify-content:center!important;align-items:center!important}
.directory-item .more-btn{width:44px!important;height:44px!important;background:#f3f6fb!important;border-radius:13px!important}
.directory-item .item-name>:not(.item-icon):not(.item-text),.directory-item .item-text>:not(.item-title):not(.item-subtitle),.directory-item .fav-btn,.directory-item .rename-btn,.directory-item .quick-action{display:none!important}
.directory-item .item-icon{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:11px!important}
.arc-v2-hidden{display:none!important}
[data-theme="dark"] .arc-v2-panel,[data-theme="dark"] .arc-v2-quick button{background:#172a44;color:#e7f1ff}
}
@media(min-width:701px){.arc-v2,.arc-v2-tabs{display:none!important}}

/* Compact mobile layout: prioritize file list over dashboard chrome. */
@media(max-width:700px){
  .arc-v2-head{padding:12px 14px 13px!important;border-radius:0 0 18px 18px!important}
  .arc-v2-top{min-height:43px!important;gap:10px!important}
  .arc-v2-logo{width:34px!important;height:34px!important;border-radius:11px!important}
  .arc-v2-logo svg{width:21px!important;height:21px!important;stroke:#3dd8fa!important;fill:none!important}
  .arc-v2-brand strong{font-size:19px!important}
  .arc-v2-brand small{font-size:10px!important;margin-top:1px!important}
  .arc-v2-icon svg{stroke:#fff!important;fill:none!important}
  #v2-storage{display:none!important}
  .arc-v2-quick{gap:7px!important;margin:9px 0 6px!important}
  .arc-v2-quick button{min-height:55px!important;border-radius:13px!important;gap:4px!important;font-size:10px!important;padding:6px 2px!important}
  .arc-v2-quick svg{width:20px!important;height:20px!important}
  .arc-v2-title{font-size:16px!important;margin:9px 3px 7px!important}
  .toolbar{margin:0 0 6px!important;min-height:40px!important}
  .toolbar .sort-select{min-height:39px!important}
  .breadcrumb-container{margin:0 0 7px!important}
  .breadcrumb{min-height:40px!important;padding:5px 9px!important}
  .content-area{min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:0!important}
  .content-area .content-header{display:none!important}
  .directory-container,.directory-table,#list-view{height:auto!important;max-height:none!important;overflow:visible!important}
  .directory-container{margin-bottom:12px!important}
  .directory-item{min-height:54px!important;padding:7px 10px!important}
  .directory-item .item-icon{width:32px!important;height:32px!important;flex-basis:32px!important}
  .directory-item .item-size{padding-left:42px!important}
  .directory-item .item-title{font-size:13px!important}
  .arc-v2-tabs{padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px))!important}
  .arc-v2-tabs button{min-height:46px!important}
  .arc-v2-tabs svg{width:20px!important;height:20px!important}
  body .main-content{padding-bottom:80px!important}
}