/* OSC Drive Hub v1 */
#driveHubRoot{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#392d35}
#driveHubRoot *{box-sizing:border-box}
.dh-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #eadce2;background:linear-gradient(120deg,#fff,#fdf6f8);border-radius:19px;padding:25px;margin-bottom:18px}
.dh-hero span{color:#9a4767;font-size:11px;letter-spacing:.13em;font-weight:850}
.dh-hero h2{font-size:27px;color:#55283c;font-weight:850;margin:7px 0}
.dh-hero p{color:#7b6b74;font-size:13px;line-height:1.6;margin:0}
.dh-hero strong{font-size:12px;white-space:nowrap;padding:10px 14px;border-radius:99px;background:#f7e8ee;color:#7a2849}
.dh-toolbar,.dh-heading,.dh-picker{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;background:#fff;border:1px solid #efe5e9;border-radius:12px;padding:14px;margin:12px 0}
.dh-toolbar label,.dh-picker label{display:flex;gap:9px;align-items:center;font-weight:800;font-size:12px}
.dh-toolbar input,.dh-picker select{border:1px solid #dfcbd4;border-radius:9px;padding:10px;background:#fff;color:#37222e}
#driveHubRoot button,#driveHubRoot .dh-upload{background:#781d3b;color:#fff;border:1px solid #781d3b;padding:10px 14px;border-radius:10px;font-weight:750;font-size:12px;cursor:pointer}
#driveHubRoot button:hover,#driveHubRoot .dh-upload:hover{background:#963e5b}
#driveHubRoot button:focus-visible{outline:3px solid #d7a3b7;outline-offset:2px}
.dh-tabs{display:flex;gap:7px;margin:14px 0}
#driveHubRoot .dh-tabs button{background:#f6eff2;color:#79475d;border-color:#ecdee4}
#driveHubRoot .dh-tabs button.on{background:#781d3b;color:#fff}
.dh-heading h3{margin:0;font-size:17px;color:#47273a}
.dh-heading>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dh-heading a{font-size:12px;font-weight:750;color:#781d3b;text-decoration:none}
.dh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:14px 0}
#driveHubRoot .dh-category{min-height:83px;text-align:left;background:#fff;color:#6b334b;border:1px solid #ece1e6;border-radius:13px;padding:15px;font-size:13px}
#driveHubRoot .dh-category.on{background:#faf0f5;border-color:#b46b86}
.dh-empty{background:#fff;border:1px dashed #e4d9df;border-radius:12px;padding:23px;text-align:center;color:#8b7f85;font-size:13px}
.dh-tip{background:#faf6f8;padding:11px 14px;border-radius:11px;font-size:12px;line-height:1.7;color:#7c6570;margin:12px 0}
#dhNotice,#dhProgress{font-size:12px;color:#a02949;margin:8px 0}
.dh-files{display:grid;gap:8px}
.dh-files>a{display:flex;justify-content:space-between;gap:12px;background:#fff;border:1px solid #eee4e8;padding:13px;border-radius:12px;text-decoration:none;color:#503447;font-size:13px;overflow-wrap:anywhere}
.dh-files small{color:#9b8a93;white-space:nowrap}
#driveHubRoot .dh-upload{display:inline-block;cursor:pointer}
@media(max-width:760px){.dh-hero{flex-direction:column;align-items:flex-start;padding:18px}.dh-toolbar,.dh-heading,.dh-picker{align-items:stretch;flex-direction:column}.dh-heading>div{align-self:stretch}.dh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.dh-grid{grid-template-columns:1fr}}


/* OSC Drive Hub dialogs — never use browser-native prompts */
.dh-dialog-shade{position:fixed;inset:0;z-index:2147483400;background:rgba(30,17,24,.58);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:16px}
.dh-dialog{width:min(460px,100%);background:#fff;color:#442638;padding:24px;border-radius:18px;box-shadow:0 25px 85px rgba(24,15,20,.24);display:grid;gap:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.dh-dialog h3{font-size:20px;font-weight:850;margin:0;color:#612c44}
.dh-dialog p{margin:0 0 5px;line-height:1.6;font-size:13px;color:#7b6a74}
.dh-dialog label{font-size:12px;font-weight:800}
.dh-dialog input,.dh-dialog select{width:100%;min-height:45px;border:1px solid #e0cad4;border-radius:10px;padding:9px 12px;color:#34222b;font:500 13px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff}
.dh-dialog input:focus-visible,.dh-dialog select:focus-visible{outline:3px solid #eed5de}
.dh-dialog-buttons{display:flex;gap:9px;justify-content:flex-end;margin-top:10px}
.dh-dialog-buttons button{border-radius:10px;padding:11px 16px;border:1px solid #e7d7df;background:#fff;color:#603549;font-weight:750;cursor:pointer;font-size:13px}
.dh-dialog-buttons button[type=submit]{background:#781d3b;color:#fff;border-color:#781d3b}
@media(max-width:500px){.dh-dialog{padding:19px}.dh-dialog-buttons button{flex:1}}

/* Safe server-side Google Drive configuration diagnostics */
.dh-config-checks{display:grid;gap:7px;margin:11px 0}
.dh-config-checks>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 10px;border-radius:9px;background:#fff;border:1px solid #eadfe5}
.dh-config-checks span{font-size:12px;font-weight:650;overflow-wrap:anywhere}
.dh-config-checks strong{font-size:12px;border-radius:12px;padding:4px 8px}
.dh-config-checks strong.dh-good{color:#23654a;background:#e8f5ed}
.dh-config-checks strong.dh-bad{color:#ae2548;background:#fff0f3}
.dh-tip>p:last-child{font-weight:650;color:#66374c;margin-bottom:0}

/* Nested document folders */
.dh-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:14px 0}
#driveHubRoot .dh-breadcrumb button{background:#f6eff2;color:#6b334b;border:1px solid #e9d8e0;padding:8px 11px;max-width:100%;overflow-wrap:anywhere}
.dh-breadcrumb span{color:#957584}
.dh-subfolders{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:10px;margin:10px 0 20px}
#driveHubRoot .dh-child-folder{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;min-height:60px;background:#fff;color:#57384a;border:1px solid #eadde3;border-radius:12px;padding:12px 14px;overflow-wrap:anywhere}
#driveHubRoot .dh-child-folder:hover{background:#fcf3f7;color:#722741}
#driveHubRoot #dhFileArea h4{margin:18px 0 9px;color:#60364b;font-size:13px}
@media(max-width:520px){.dh-subfolders{grid-template-columns:1fr}.dh-breadcrumb{gap:4px}}

/* File/folder actions and direct Google Drive browser */
#driveHubRoot .dh-tabs{flex-wrap:wrap}
#driveHubRoot .dh-category-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}
#driveHubRoot .dh-category-wrap .dh-category{width:100%;flex:1;overflow-wrap:anywhere}
#driveHubRoot .dh-small-action{align-self:flex-end;background:transparent;border-color:transparent;color:#702e4b;padding:5px 9px;font-size:12px}
#driveHubRoot .dh-small-action:hover{color:#fff}
#driveHubRoot .dh-file-row,#driveHubRoot .dh-folder-row{display:flex;align-items:center;gap:9px;min-width:0}
#driveHubRoot .dh-file-row{background:#fff;border:1px solid #eee4e8;padding:8px;border-radius:12px}
#driveHubRoot .dh-file-row>a{flex:1;min-width:0;text-decoration:none;color:#503447;font-size:13px;overflow-wrap:anywhere;padding:6px}
#driveHubRoot .dh-folder-row{background:#fff;border:1px solid #eadde3;border-radius:12px;padding:7px}
#driveHubRoot .dh-folder-row .dh-child-folder{border:none;flex:1;min-width:0;min-height:46px}
#driveHubRoot .dh-row-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
#driveHubRoot .dh-row-actions button{background:#f8edf2;border-color:#efdae3;color:#763953;font-size:11px;padding:8px;border-radius:8px}
#driveHubRoot .dh-row-actions button:hover{background:#853251;color:#fff}
#driveHubRoot .dh-files{margin:11px 0 18px}
@media(max-width:600px){
 #driveHubRoot .dh-folder-row,#driveHubRoot .dh-file-row{flex-wrap:wrap}
 #driveHubRoot .dh-folder-row .dh-child-folder,#driveHubRoot .dh-file-row>a{flex-basis:100%}
 #driveHubRoot .dh-row-actions{width:100%}
 #driveHubRoot .dh-subfolders{grid-template-columns:1fr}
}


/* Drive Hub v2 — consistent, legible tiles for large and small screens.
   Parent-width responsive so the admin sidebar never forces vertical text. */
#driveHubRoot #dhFileArea{min-width:0;max-width:100%}
#driveHubRoot .dh-subfolders{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
 gap:14px;
 align-items:stretch;
 margin:12px 0 24px;
 width:100%;
}
#driveHubRoot .dh-folder-row{
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 align-items:stretch;
 gap:12px;
 min-width:0;
 min-height:158px;
 height:auto;
 padding:16px;
 background:#fff;
 border:1px solid #eadde3;
 border-radius:16px;
 box-shadow:0 2px 7px rgba(79,39,57,.035);
 transition:border-color .18s,box-shadow .18s,transform .18s;
}
#driveHubRoot .dh-folder-row:hover{
 border-color:#d7a7ba;
 box-shadow:0 7px 20px rgba(92,38,62,.08);
 transform:translateY(-1px);
}
#driveHubRoot .dh-folder-row .dh-child-folder{
 display:flex;
 flex:1 1 auto;
 width:100%;
 min-width:0;
 min-height:60px;
 align-items:flex-start;
 justify-content:flex-start;
 gap:12px;
 padding:0;
 margin:0;
 border:0;
 border-radius:8px;
 text-align:left;
 color:#512f42;
 background:transparent;
 font-size:14px;
 font-weight:750;
 line-height:1.5;
 white-space:normal;
 word-break:normal;
 box-shadow:none;
}
#driveHubRoot .dh-folder-row .dh-child-folder:hover{
 background:transparent;
 color:#832e52;
}
#driveHubRoot .dh-folder-glyph{
 display:grid;
 place-items:center;
 flex:0 0 46px;
 width:46px;
 height:46px;
 border-radius:13px;
 background:#fbecf2;
 font-size:23px;
 line-height:1;
}
#driveHubRoot .dh-folder-name{
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:3;
 min-width:0;
 max-width:100%;
 flex:1 1 auto;
 margin-top:2px;
 color:inherit;
 overflow:hidden;
 overflow-wrap:anywhere;
 word-break:normal;
 white-space:normal;
 letter-spacing:0;
 line-height:1.55;
 text-transform:none;
 text-align:left;
}
#driveHubRoot .dh-folder-chevron{
 flex:0 0 auto;
 align-self:flex-start;
 margin-left:auto;
 margin-top:7px;
 color:#ac7d92;
 font-size:22px;
 line-height:1;
}
#driveHubRoot .dh-folder-row .dh-row-actions{
 display:flex;
 flex:0 0 auto;
 align-items:center;
 justify-content:flex-start;
 gap:8px;
 flex-wrap:wrap;
 width:100%;
 min-width:0;
 padding-top:12px;
 border-top:1px solid #f1e6eb;
}
#driveHubRoot .dh-row-actions button{
 background:#f8eef2;
 border:1px solid #efdee5;
 color:#783852;
 min-width:0;
 padding:8px 11px;
 border-radius:9px;
 font-size:12px;
 font-weight:700;
 line-height:1.3;
 white-space:nowrap;
}
#driveHubRoot .dh-row-actions button:hover{background:#762945;border-color:#762945;color:#fff}
#driveHubRoot .dh-files{display:grid;gap:10px}
#driveHubRoot .dh-file-row{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 width:100%;
 min-width:0;
 padding:12px 14px;
 background:#fff;
 border:1px solid #ece0e5;
 border-radius:13px;
}
#driveHubRoot .dh-file-row .dh-file-link{
 display:flex;
 flex:1 1 260px;
 min-width:0;
 align-items:center;
 gap:12px;
 padding:0;
 text-decoration:none;
 color:#563044;
}
#driveHubRoot .dh-file-icon{
 display:grid;
 place-items:center;
 flex:0 0 40px;
 width:40px;
 height:40px;
 border-radius:10px;
 background:#f6eff3;
 font-size:20px;
}
#driveHubRoot .dh-file-info{
 display:flex;
 flex:1 1 auto;
 min-width:0;
 flex-direction:column;
 gap:4px;
}
#driveHubRoot .dh-file-name{
 color:#4e3040;
 font-size:13px;
 font-weight:750;
 line-height:1.5;
 overflow-wrap:anywhere;
 word-break:normal;
 white-space:normal;
}
#driveHubRoot .dh-file-info small{font-size:11px;font-weight:500;color:#93808b;white-space:normal}
#driveHubRoot .dh-file-arrow{flex:0 0 auto;color:#a67b91;font-size:16px}
#driveHubRoot .dh-file-row .dh-row-actions{flex:0 0 auto;width:auto;justify-content:flex-end}
#driveHubRoot .dh-section-count{color:#a28d99;font-size:12px;font-weight:500}
#driveHubRoot .dh-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
#driveHubRoot .dh-breadcrumb{min-width:0;max-width:100%}
#driveHubRoot .dh-breadcrumb button{white-space:normal;overflow-wrap:anywhere}
@media(max-width:680px){
 #driveHubRoot .dh-subfolders{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
 #driveHubRoot .dh-file-row{flex-wrap:wrap}
 #driveHubRoot .dh-file-row .dh-file-link{flex-basis:100%;width:100%}
 #driveHubRoot .dh-file-row .dh-row-actions{width:100%;justify-content:flex-start;padding-left:52px}
}
@media(max-width:440px){
 #driveHubRoot .dh-subfolders{grid-template-columns:minmax(0,1fr);gap:10px}
 #driveHubRoot .dh-folder-row{min-height:135px;padding:13px}
 #driveHubRoot .dh-folder-glyph{flex-basis:40px;width:40px;height:40px}
 #driveHubRoot .dh-file-row .dh-row-actions{padding-left:0}
 #driveHubRoot .dh-grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 #driveHubRoot .dh-folder-row{transition:none}
 #driveHubRoot .dh-folder-row:hover{transform:none}
}


/* Drive Hub V2 — personal Google access, responsive management */
#driveHubRoot .dh-v2-notice{font-size:13px;color:#903755;line-height:1.6;margin:10px 0;min-height:17px}
#driveHubRoot .dh-v2-caption{font-size:13px;font-weight:750;color:#5e3647;margin:22px 0 10px}
#driveHubRoot .dh-toolbar select,#driveHubRoot .dh-toolbar input{min-height:39px;min-width:95px;max-width:170px;border:1px solid #dfcbd4;border-radius:9px;padding:7px 11px;background:#fff;font-size:13px}
#driveHubRoot .dh-toolbar .dh-light{background:#fff;color:#783953}
#driveHubRoot .dh-v2-people{display:grid;gap:10px}
#driveHubRoot .dh-v2-people>.dh-file-row{align-items:center;min-height:66px}
#driveHubRoot .dh-v2-people .dh-file-info{min-width:0;flex:1}
#driveHubRoot .dh-v2-people .dh-file-info small{white-space:normal;overflow-wrap:anywhere}
#driveHubRoot .dh-subfolders:empty::after{content:"Chưa có thư mục con";color:#9b8791;font-size:13px;padding:16px}
#driveHubRoot .dh-tabs button{font-size:12px;line-height:1.4}
#driveHubRoot .dh-file-row .dh-row-actions{max-width:100%;flex-wrap:wrap}
#driveHubRoot .dh-subfolders .dh-row-actions{width:100%;flex-wrap:wrap}
@media(max-width:680px){#driveHubRoot .dh-v2-people .dh-file-row{flex-direction:column;align-items:stretch}
#driveHubRoot .dh-v2-people .dh-row-actions{width:100%;justify-content:flex-start}
#driveHubRoot .dh-toolbar select,#driveHubRoot .dh-toolbar input{max-width:100%;width:100%}}


/* Drive Hub V3 — clear personal Google onboarding */
#driveHubRoot .dh-v2-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 12px}
#driveHubRoot .dh-v2-steps>div{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid #eee1e6;background:#fcf8fa;border-radius:12px;padding:13px;color:#765168;font-size:12px;font-weight:700;line-height:1.5}
#driveHubRoot .dh-v2-steps b{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#813750;color:#fff;font-size:12px}
#driveHubRoot .dh-v2-guide{padding:28px;border:1px solid #eadde3;border-radius:17px;max-width:800px;background:#fff;box-shadow:0 5px 18px rgba(75,35,52,.04)}
#driveHubRoot .dh-v2-guide h3{font-size:20px;margin:0 0 12px;color:#67374c}
#driveHubRoot .dh-v2-guide p{font-size:13px;line-height:1.75;color:#715a69;max-width:690px}
#driveHubRoot .dh-v2-guide .primary{border-radius:10px;padding:10px 17px;margin:12px 0}
#driveHubRoot .dh-v2-muted{font-size:12px!important;color:#887481!important}
#driveHubRoot .dh-v2-permission{font-size:12px;border-radius:11px;border:1px solid #e3dfe5;background:#f8f6f8;padding:11px 14px;color:#684d5d;line-height:1.7;margin:12px 0 18px}
#driveHubRoot .dh-v2-permission strong{color:#6c3150}
@media(max-width:670px){
 #driveHubRoot .dh-v2-steps{grid-template-columns:1fr;gap:6px}
 #driveHubRoot .dh-v2-guide{padding:18px}
}


/* OSC V98 | Drive workspace refinement.
   Styles only; no changes to permissions, Google OAuth, upload or storage. */
body.auth-admin #driveHubRoot{
  --dh-ink:#342a2e;--dh-muted:#756a70;--dh-line:#e9e1e2;
  --dh-wine:#781d3b;--dh-blush:#faf2f5;
  min-width:0;width:100%;max-width:100%;color:var(--dh-ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
body.auth-admin #driveHubRoot :is(.dh-toolbar,.dh-heading,.dh-picker,.dh-file-row,.dh-folder-row,.dh-category,.dh-v2-guide){
  box-sizing:border-box;min-width:0;
}
body.auth-admin #driveHubRoot .dh-hero{
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:20px;margin:0 0 18px;padding:26px 28px;
  background:linear-gradient(117deg,#55243a 0%,#772d4b 61%,#934767 100%);
  border:1px solid #733550;border-radius:20px;
  box-shadow:0 16px 32px rgba(76,30,50,.12);
}
body.auth-admin #driveHubRoot .dh-hero::after{
  content:"";pointer-events:none;position:absolute;z-index:-1;
  width:340px;height:340px;right:-85px;top:-175px;border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 115px rgba(255,255,255,.025);
}
body.auth-admin #driveHubRoot .dh-hero>div{flex:1 1 330px;min-width:0}
body.auth-admin #driveHubRoot .dh-hero span{
  color:#ead3dc;font-size:10px;letter-spacing:.16em;font-weight:800;
}
body.auth-admin #driveHubRoot .dh-hero h2{
  color:#fff!important;font-size:clamp(21px,2.5vw,29px)!important;
  font-weight:820;line-height:1.25;letter-spacing:-.035em;
  margin:8px 0 7px;
}
body.auth-admin #driveHubRoot .dh-hero p{
  color:#f1e3e9;font-size:12px;line-height:1.7;margin:0;max-width:620px;
}
body.auth-admin #driveHubRoot .dh-hero strong{
  display:inline-flex;align-items:center;gap:8px;
  max-width:100%;white-space:normal;overflow-wrap:anywhere;
  color:#fff;background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.22);border-radius:999px;
  padding:9px 13px;font-size:11px;font-weight:750;line-height:1.45;
}
body.auth-admin #driveHubRoot .dh-hero strong::before{
  content:"";flex:0 0 7px;width:7px;height:7px;
  border-radius:50%;background:#e8d0a9;box-shadow:0 0 0 3px rgba(255,255,255,.1);
}
body.auth-admin #driveHubRoot .dh-toolbar,
body.auth-admin #driveHubRoot .dh-picker{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;
  gap:9px;margin:0 0 14px;padding:13px;
  border:1px solid var(--dh-line);border-radius:15px;background:#fff;
  box-shadow:0 4px 16px rgba(60,31,41,.025);
}
body.auth-admin #driveHubRoot .dh-toolbar label,
body.auth-admin #driveHubRoot .dh-picker label{
  display:flex;gap:9px;align-items:center;flex:1 1 180px;
  min-width:0;color:#55474e;font-size:12px;font-weight:760;
}
body.auth-admin #driveHubRoot :is(.dh-toolbar,.dh-picker) :is(select,input){
  flex:1 1 auto;width:auto;min-width:90px;max-width:260px;min-height:39px;
  background:#fff;color:var(--dh-ink);border:1px solid #dfd5d8;
  border-radius:10px;padding:8px 12px;font:650 12px inherit;
}
body.auth-admin #driveHubRoot button,
body.auth-admin #driveHubRoot .dh-upload{
  font-family:inherit;font-weight:740;font-size:12px;line-height:1.35;
  min-height:37px;padding:9px 13px;border-radius:10px;
  transition:background .16s,border-color .16s,box-shadow .16s;
}
body.auth-admin #driveHubRoot :is(.dh-toolbar,.dh-heading,.dh-picker) button,
body.auth-admin #driveHubRoot .dh-heading a,
body.auth-admin #driveHubRoot .dh-row-actions button{
  display:inline-flex;align-items:center;justify-content:center;
  gap:6px;white-space:normal;text-align:center;
}
body.auth-admin #driveHubRoot :is(.dh-heading,.dh-row-actions) button,
body.auth-admin #driveHubRoot .dh-toolbar button:not([data-dh="connect"]):not([data-dh="set"]):not([data-v2="connect"]){
  background:#fff;color:#723149;border:1px solid #e6d8de;box-shadow:none;
}
body.auth-admin #driveHubRoot :is(.dh-heading,.dh-row-actions) button:hover,
body.auth-admin #driveHubRoot .dh-toolbar button:hover{
  background:#faf0f4;color:#67253d;border-color:#d9b5c4;
}
body.auth-admin #driveHubRoot .dh-tabs{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  margin:14px 0 17px;padding:5px;
  background:#f8f5f5;border:1px solid var(--dh-line);border-radius:13px;
}
body.auth-admin #driveHubRoot .dh-tabs button{
  flex:1 1 auto;min-height:40px;padding:9px 14px;
  background:transparent;color:#76656e;border-color:transparent;
  border-radius:9px;font-size:12px;font-weight:760;
}
body.auth-admin #driveHubRoot .dh-tabs button.on{
  background:#fff;color:#702a45;border-color:#e7d9df;
  box-shadow:0 3px 10px rgba(55,28,41,.06);
}
body.auth-admin #driveHubRoot #dhContent,
body.auth-admin #driveHubRoot #dhFileArea{min-width:0;width:100%;max-width:100%}
body.auth-admin #driveHubRoot .dh-heading{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:12px;padding:16px 18px;margin:16px 0 12px;
  background:linear-gradient(120deg,#fff,#fdfbfb);
  border:1px solid var(--dh-line);border-radius:15px;
}
body.auth-admin #driveHubRoot .dh-heading h3{
  margin:0;flex:1 1 220px;min-width:0;
  overflow-wrap:anywhere;color:#442d3a;font-size:16px;
  font-weight:790;line-height:1.45;
}
body.auth-admin #driveHubRoot .dh-heading>div{
  display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;
  justify-content:flex-end;gap:7px;min-width:0;
}
body.auth-admin #driveHubRoot .dh-heading a{
  display:inline-flex;padding:9px 12px;min-height:37px;
  color:#7d3050;text-decoration:none;font-size:12px;font-weight:760;
  border-radius:10px;border:1px solid #f0e3e8;background:#fbf4f6;
  overflow-wrap:anywhere;
}
body.auth-admin #driveHubRoot .dh-tip,
body.auth-admin #driveHubRoot .dh-v2-permission{
  background:#f9f7f6;border:1px solid #eee7e5;border-radius:12px;
  color:#706369;font-size:12px;line-height:1.75;padding:11px 14px;margin:10px 0 16px;
}
body.auth-admin #driveHubRoot .dh-breadcrumb{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
  padding:10px 0;margin:10px 0;min-width:0;
}
body.auth-admin #driveHubRoot .dh-breadcrumb button{
  max-width:100%;min-height:32px;padding:6px 10px;
  border:1px solid #e7dce1;background:#fbf8f9;
  color:#71405a;font-size:11px;overflow-wrap:anywhere;
}
body.auth-admin #driveHubRoot .dh-breadcrumb span{color:#a38d99}
body.auth-admin #driveHubRoot #dhFileArea h4{
  margin:24px 0 12px;padding:0;
  font-size:13px;color:#4d3943;font-weight:790;letter-spacing:-.01em;
}
body.auth-admin #driveHubRoot .dh-section-count{font-size:11px;color:#9a8791}
body.auth-admin #driveHubRoot .dh-subfolders{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));
  align-items:stretch;gap:11px;margin:0 0 20px;width:100%;
}
body.auth-admin #driveHubRoot .dh-folder-row{
  display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;
  gap:12px;min-height:135px;padding:15px;
  background:#fff;border:1px solid var(--dh-line);border-radius:15px;
  box-shadow:0 4px 16px rgba(60,31,41,.025);transform:none;
}
body.auth-admin #driveHubRoot .dh-folder-row:hover{
  border-color:#ceb3bf;box-shadow:0 8px 22px rgba(74,35,51,.075);transform:none;
}
body.auth-admin #driveHubRoot .dh-folder-row .dh-child-folder{
  display:flex;align-items:flex-start;justify-content:flex-start;
  width:100%;flex:1 1 auto;gap:12px;min-height:52px;padding:0;margin:0;
  color:#47313c;background:transparent;border:0;text-align:left;
  line-height:1.5;font-size:13px;font-weight:780;box-shadow:none;
}
body.auth-admin #driveHubRoot .dh-folder-row .dh-child-folder:hover{
  background:transparent;color:#722943;
}
body.auth-admin #driveHubRoot .dh-folder-glyph{
  display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;
  border-radius:12px;background:#faf0f3;font-size:21px;
}
body.auth-admin #driveHubRoot .dh-folder-name{
  min-width:0;flex:1;overflow-wrap:anywhere;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  overflow:hidden;line-height:1.5;margin:2px 0 0;font-size:13px;
}
body.auth-admin #driveHubRoot .dh-folder-chevron{
  margin:5px 0 0 auto;color:#af91a0;font-size:20px;
}
body.auth-admin #driveHubRoot .dh-row-actions{
  display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;
  min-width:0;width:100%;padding-top:11px;border-top:1px solid #f1eaea;
}
body.auth-admin #driveHubRoot .dh-row-actions button{
  min-height:32px;padding:7px 10px;background:#fbf7f8;
  font-size:11px;font-weight:720;border-radius:8px;
}
body.auth-admin #driveHubRoot .dh-files{display:grid;gap:8px;margin:0 0 20px}
body.auth-admin #driveHubRoot .dh-file-row{
  display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;
  gap:12px;min-height:72px;padding:12px 14px;
  background:#fff;border:1px solid var(--dh-line);border-radius:13px;
  box-shadow:0 3px 12px rgba(60,31,41,.02);
}
body.auth-admin #driveHubRoot .dh-file-row:hover{border-color:#d8bdc8}
body.auth-admin #driveHubRoot .dh-file-row .dh-file-link{
  display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 240px;
  text-decoration:none;padding:0;color:#4d3943;
}
body.auth-admin #driveHubRoot .dh-file-icon{
  display:grid;place-items:center;flex:0 0 42px;
  width:42px;height:42px;border-radius:12px;
  background:#f5f2f6;font-size:20px;
}
body.auth-admin #driveHubRoot .dh-file-info{
  display:flex;flex:1;flex-direction:column;min-width:0;gap:4px;
}
body.auth-admin #driveHubRoot .dh-file-name{
  font-size:12px;line-height:1.5;font-weight:770;color:#4b3540;
  overflow-wrap:anywhere;white-space:normal;
}
body.auth-admin #driveHubRoot .dh-file-info small{
  color:#968790;font-size:11px;font-weight:500;white-space:normal;
}
body.auth-admin #driveHubRoot .dh-file-row .dh-row-actions{
  width:auto;flex:0 1 auto;justify-content:flex-end;
  border-top:0;padding:0;
}
body.auth-admin #driveHubRoot .dh-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  gap:11px;margin:12px 0 20px;
}
body.auth-admin #driveHubRoot .dh-category-wrap{
  display:flex;flex-direction:column;gap:4px;min-width:0;
}
body.auth-admin #driveHubRoot .dh-category-wrap .dh-category{
  width:100%;min-height:78px;padding:15px;text-align:left;
  color:#5d394a;background:#fff;border:1px solid #e9dde2;
  border-radius:13px;font-weight:760;overflow-wrap:anywhere;
}
body.auth-admin #driveHubRoot .dh-category-wrap .dh-category.on{
  background:#fcf2f6;border-color:#c88fa7;color:#6e2b47;
}
body.auth-admin #driveHubRoot .dh-category-wrap .dh-small-action{
  align-self:flex-end;background:transparent;color:#894b65;
  padding:5px 8px;border:0;min-height:27px;font-size:11px;
}
body.auth-admin #driveHubRoot .dh-empty,
body.auth-admin #driveHubRoot .dh-v2-guide{
  padding:24px;margin:12px 0;text-align:center;
  background:#fbfaf9;border:1px dashed #dfd2d7;border-radius:15px;
  color:#81717a;font-size:12px;line-height:1.75;
}
body.auth-admin #driveHubRoot .dh-v2-guide h3{
  font-size:18px;color:#542e40;margin:0 0 7px;
}
body.auth-admin #driveHubRoot .dh-v2-guide p{margin-left:auto;margin-right:auto}
body.auth-admin #driveHubRoot .dh-v2-steps{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
  margin:13px 0;
}
body.auth-admin #driveHubRoot .dh-v2-steps>div{
  min-width:0;display:flex;align-items:center;gap:10px;
  padding:11px 12px;border:1px solid var(--dh-line);
  border-radius:12px;background:#fff;color:#77666e;
  font-size:11px;font-weight:700;line-height:1.5;
}
body.auth-admin #driveHubRoot .dh-v2-steps b{
  display:grid;place-items:center;flex:0 0 25px;
  width:25px;height:25px;border-radius:9px;background:#f4e6eb;color:#772d49;
}
body.auth-admin #driveHubRoot :is(button,a,.dh-upload):focus-visible{
  outline:3px solid rgba(120,29,59,.28);outline-offset:3px;
}
@media(max-width:820px){
  body.auth-admin #driveHubRoot .dh-hero{padding:22px}
  body.auth-admin #driveHubRoot .dh-heading>div{justify-content:flex-start;flex:1 1 100%}
  body.auth-admin #driveHubRoot .dh-v2-steps{grid-template-columns:1fr}
}
@media(max-width:620px){
  body.auth-admin #driveHubRoot .dh-hero{border-radius:16px;padding:20px}
  body.auth-admin #driveHubRoot .dh-toolbar,
  body.auth-admin #driveHubRoot .dh-picker{padding:11px;align-items:stretch}
  body.auth-admin #driveHubRoot .dh-toolbar label,
  body.auth-admin #driveHubRoot .dh-picker label{flex:1 1 100%;justify-content:space-between}
  body.auth-admin #driveHubRoot :is(.dh-toolbar,.dh-picker) :is(select,input){
    min-width:0;max-width:none;width:100%;
  }
  body.auth-admin #driveHubRoot .dh-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  body.auth-admin #driveHubRoot .dh-tabs button{width:100%;min-width:0}
  body.auth-admin #driveHubRoot .dh-heading{padding:13px}
  body.auth-admin #driveHubRoot .dh-heading h3{flex-basis:100%}
  body.auth-admin #driveHubRoot .dh-file-row{flex-wrap:wrap;padding:12px}
  body.auth-admin #driveHubRoot .dh-file-row .dh-file-link{flex-basis:100%}
  body.auth-admin #driveHubRoot .dh-file-row .dh-row-actions{
    width:100%;justify-content:flex-start;padding:9px 0 0 54px;
    border-top:1px solid #f1eaea;
  }
  body.auth-admin #driveHubRoot .dh-subfolders{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:380px){
  body.auth-admin #driveHubRoot .dh-toolbar button{flex:1 1 100%}
  body.auth-admin #driveHubRoot .dh-file-row .dh-row-actions{padding-left:0}
  body.auth-admin #driveHubRoot .dh-heading>div>*{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){
  body.auth-admin #driveHubRoot *{transition:none!important;animation:none!important}
}