/* ═══════════════════════════════════════════════════════════════
   STUDYRIA CLOUD — Admin Cloud Storage Manager  (.sc- namespace)
   Isolated styles. Paper Cream / Deep Maroon / Antique Gold.
   Mobile-first, no global CSS touched.
   ═══════════════════════════════════════════════════════════════ */
.sc-wrap{padding:18px;max-width:1180px;margin:0 auto;font-size:.85rem}
.sc-wrap *{box-sizing:border-box}
.sc-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.sc-title{font-size:1.25rem;font-weight:800;color:#6b1a1c}
.sc-sub{color:#8a7f70;font-size:.78rem;margin:2px 0 14px}
.sc-setup{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.35);border-radius:10px;padding:12px 14px;margin-bottom:14px;font-size:.78rem;line-height:1.5}
.sc-setup code{background:rgba(0,0,0,.06);padding:1px 6px;border-radius:5px;font-size:.72rem}
.sc-subnav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid rgba(147,2,5,.12);padding-bottom:10px}
.sc-subnav button{border:1px solid rgba(147,2,5,.18);background:transparent;color:#6b1a1c;font-weight:600;font-size:.76rem;padding:7px 13px;border-radius:8px;cursor:pointer;transition:.15s}
.sc-subnav button:hover{background:rgba(147,2,5,.06)}
.sc-subnav button.on{background:linear-gradient(135deg,#930205,#c99a3c);color:#fff;border-color:transparent}
.sc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:16px}
.sc-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,252,245,.92));border:1px solid rgba(147,2,5,.1);border-radius:12px;padding:14px;box-shadow:0 2px 10px rgba(107,26,28,.05)}
.sc-card .k{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:#8a7f70;font-weight:700}
.sc-card .v{font-size:1.18rem;font-weight:800;color:#3a2f26;margin-top:4px}
.sc-card .m{font-size:.7rem;color:#8a7f70;margin-top:2px}
.sc-gauge{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,252,245,.92));border:1px solid rgba(147,2,5,.1);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 10px rgba(107,26,28,.05)}
.sc-gauge-top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px}
.sc-gauge-used{font-size:1.45rem;font-weight:800;color:#6b1a1c}
.sc-gauge-quota{font-size:.82rem;color:#8a7f70}
.sc-bar{height:14px;border-radius:8px;background:rgba(147,2,5,.08);overflow:hidden;margin:12px 0 6px;position:relative}
.sc-bar>div{height:100%;border-radius:8px;background:linear-gradient(90deg,#930205,#c99a3c);transition:width .6s ease;min-width:2%}
.sc-bar.warn>div{background:linear-gradient(90deg,#d97706,#f59e0b)}
.sc-bar.crit>div{background:linear-gradient(90deg,#b91c1c,#ef4444)}
.sc-pct{text-align:right;font-size:.75rem;color:#8a7f70;font-weight:700}
.sc-alert{border-radius:10px;padding:10px 14px;font-size:.76rem;font-weight:600;margin-bottom:12px;display:flex;gap:8px;align-items:center}
.sc-alert.high{background:rgba(245,158,11,.1);color:#92400e;border:1px solid rgba(245,158,11,.3)}
.sc-alert.almost{background:rgba(239,68,68,.09);color:#991b1b;border:1px solid rgba(239,68,68,.3)}
.sc-alert.crit{background:rgba(239,68,68,.14);color:#7f1d1d;border:1px solid rgba(239,68,68,.45)}
.sc-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:820px){.sc-row-grid{grid-template-columns:1fr}}
.sc-panel{background:rgba(255,252,245,.7);border:1px solid rgba(147,2,5,.1);border-radius:12px;padding:14px}
.sc-panel h4{margin:0 0 10px;font-size:.85rem;color:#6b1a1c;font-weight:800}
.sc-hbar{display:flex;align-items:center;gap:10px;margin-bottom:9px;font-size:.72rem}
.sc-hbar .n{width:86px;font-weight:700;color:#5b4a3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-hbar .t{flex:1;height:10px;background:rgba(147,2,5,.07);border-radius:6px;overflow:hidden}
.sc-hbar .t>div{height:100%;background:linear-gradient(90deg,#930205,#c99a3c);border-radius:6px}
.sc-hbar .s{width:70px;text-align:right;color:#8a7f70;font-variant-numeric:tabular-nums}
.sc-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.sc-input,.sc-select{border:1px solid rgba(147,2,5,.18);border-radius:8px;padding:8px 12px;font-size:.76rem;background:#fff;color:#3a2f26;outline:none;min-width:0}
.sc-input:focus,.sc-select:focus{border-color:#930205;box-shadow:0 0 0 3px rgba(147,2,5,.1)}
.sc-btn{border:none;border-radius:9px;padding:8px 16px;font-size:.76rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#930205,#c99a3c);color:#fff;transition:.15s}
.sc-btn:hover{filter:brightness(1.08)}
.sc-btn:disabled{opacity:.5;cursor:not-allowed}
.sc-btn.ghost{background:transparent;color:#6b1a1c;border:1px solid rgba(147,2,5,.25)}
.sc-btn.danger{background:linear-gradient(135deg,#b91c1c,#ef4444)}
.sc-btn.sm{padding:5px 10px;font-size:.7rem}
.sc-tablewrap{overflow-x:auto;border-radius:10px;border:1px solid rgba(147,2,5,.1);-webkit-overflow-scrolling:touch}
table.sc-table{width:100%;border-collapse:collapse;font-size:.74rem;background:rgba(255,255,255,.85)}
.sc-table th{text-align:left;padding:9px 10px;background:rgba(147,2,5,.06);color:#6b1a1c;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;cursor:pointer;user-select:none}
.sc-table td{padding:8px 10px;border-top:1px solid rgba(147,2,5,.07);color:#3a2f26;vertical-align:middle}
.sc-table tr:hover td{background:rgba(201,154,60,.05)}
.sc-name{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.sc-tag{display:inline-block;font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap}
.sc-tag.ok{background:rgba(16,217,142,.12);color:#047857}
.sc-tag.miss{background:rgba(239,68,68,.12);color:#b91c1c}
.sc-tag.orphan{background:rgba(245,158,11,.13);color:#92400e}
.sc-tag.trash{background:rgba(107,114,128,.13);color:#4b5563}
.sc-tag.pdf{background:rgba(147,2,5,.09);color:#930205}
.sc-tag.img{background:rgba(59,130,246,.1);color:#1d4ed8}
.sc-mut{color:#8a7f70;font-size:.7rem}
.sc-upzone{border:2px dashed rgba(147,2,5,.25);border-radius:12px;padding:26px;text-align:center;cursor:pointer;transition:.15s;background:rgba(255,252,245,.5)}
.sc-upzone:hover{border-color:#930205;background:rgba(147,2,5,.04)}
.sc-upzone .big{font-size:1.6rem}
.sc-prog{margin-top:10px;display:none}
.sc-prog .t{height:10px;background:rgba(147,2,5,.08);border-radius:6px;overflow:hidden}
.sc-prog .t>div{height:100%;background:linear-gradient(90deg,#930205,#c99a3c);transition:width .2s}
.sc-msg{margin-top:8px;font-size:.74rem;font-weight:600}
.sc-msg.ok{color:#047857}.sc-msg.err{color:#b91c1c}.sc-msg.warn{color:#92400e}
.sc-detail{background:rgba(255,255,255,.9);border:1px solid rgba(147,2,5,.14);border-radius:12px;padding:16px;position:fixed;inset:auto;max-width:420px;width:calc(100% - 32px);top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;box-shadow:0 20px 60px rgba(50,20,20,.25);max-height:85vh;overflow:auto}
.sc-detail h3{margin:0 0 10px;font-size:.95rem;color:#6b1a1c}
.sc-detail .kv{display:grid;grid-template-columns:110px 1fr;gap:4px 10px;font-size:.73rem}
.sc-detail .kv b{color:#8a7f70;font-weight:700}
.sc-detail .kv span{color:#3a2f26;word-break:break-all}
.sc-overlay{position:fixed;inset:0;background:rgba(30,10,10,.35);z-index:9999}
.sc-empty{text-align:center;padding:34px;color:#8a7f70;font-size:.78rem}
.sc-skel{background:linear-gradient(90deg,rgba(147,2,5,.05),rgba(201,154,60,.08),rgba(147,2,5,.05));background-size:200% 100%;animation:scshimmer 1.2s infinite;border-radius:8px;height:44px;margin-bottom:8px}
@keyframes scshimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.sc-pager{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:12px;font-size:.74rem;color:#8a7f70}
@media (max-width:640px){
  .sc-wrap{padding:12px}
  .sc-card .v{font-size:1rem}
  .sc-table th,.sc-table td{padding:6px 8px}
  .sc-name{max-width:150px}
  .sc-subnav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}
  .sc-subnav button{flex-shrink:0}
}