/* QO.Cloud sheets (A5 minimal: conflict, take over, first upload). A6 restyles with the account UI. */
#qoCloudSheet{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;
  background:rgba(6,5,8,.62);font-family:'Alegreya Sans',sans-serif}
#qoCloudSheet.on{display:flex}
#qoCloudSheet .qcs-box{max-width:min(440px,calc(100vw - 32px));padding:22px 24px 18px;border-radius:10px;
  background:linear-gradient(#1d1814,#120f0c);border:1px solid #6b5636;box-shadow:0 12px 40px rgba(0,0,0,.6);color:#e9dcc0}
#qoCloudSheet h3{margin:0 0 10px;font-family:'Cinzel',serif;font-weight:700;font-size:18px;color:#f0d79a;letter-spacing:.02em}
#qoCloudSheet p{margin:0 0 16px;font-size:15px;line-height:1.45;color:#cfc1a4}
#qoCloudSheet .qcs-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
#qoCloudSheet button{min-height:40px;padding:8px 16px;border-radius:6px;border:1px solid #6b5636;background:#2a221a;
  color:#e9dcc0;font:600 14px 'Cinzel',serif;cursor:pointer}
#qoCloudSheet button.qcs-main{background:#7a5a24;border-color:#c9a25a;color:#fff4d8}
#qoCloudSheet button:focus-visible{outline:2px solid #f0d79a;outline-offset:2px}

/* ---- A6 account UI (js/cloudui.js): chip, sheet #qoCloudUI, toast, roster badges ---- */
#qoAcct.qcu-chip{position:absolute;top:16px;right:18px;z-index:40;display:flex;align-items:center;gap:8px;min-height:36px;
  padding:6px 14px 6px 10px;border-radius:18px;border:1px solid rgba(201,162,90,.45);background:rgba(18,14,10,.88);
  color:#d9c9a6;font:600 13px 'Alegreya Sans',sans-serif;letter-spacing:.03em;cursor:pointer}
#qoAcct svg{width:20px;height:20px;color:#a99470}
#qoAcct[data-state=in] svg{color:#f0d79a}
#qoAcct[data-state=sync] svg{color:#9fc4e8}
#qoAcct[data-state=off] svg{color:#b07a5a}
#qoAcct:hover,#qoAcct:focus-visible{border-color:#f0d79a;color:#fff4d8;outline:none}
#qoAcct i{display:none;width:8px;height:8px;border-radius:50%;background:#e8a23c;box-shadow:0 0 6px #e8a23c}
#qoAcct.dot i{display:block}

#qoCloudUI{position:fixed;inset:0;z-index:9001;display:none;align-items:center;justify-content:center;
  background:rgba(6,5,8,.66);font-family:'Alegreya Sans',sans-serif}
#qoCloudUI.on{display:flex}
#qoCloudUI .qcu-box{position:relative;width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;
  padding:20px 24px 18px;border-radius:10px;background:linear-gradient(#1d1814,#120f0c);border:1px solid #6b5636;
  box-shadow:0 12px 40px rgba(0,0,0,.6);color:#e9dcc0;outline:none}
#qoCloudUI .qcu-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}
#qoCloudUI h3{flex:1;margin:4px 0 0;font:700 19px 'Cinzel',serif;color:#f0d79a;letter-spacing:.02em;word-break:break-word}
#qoCloudUI .qcu-lead{margin:0 0 12px;font-size:15px;line-height:1.45;color:#cfc1a4}
#qoCloudUI .qcu-fine{margin:12px 0 0;font-size:13px;line-height:1.4;color:#8f8166}
#qoCloudUI .qcu-msg{margin:0;min-height:0;font-size:14px;line-height:1.4}
#qoCloudUI .qcu-msg.bad{margin:0 0 10px;color:#f09a7a}
#qoCloudUI .qcu-msg.ok{margin:0 0 10px;color:#a8d48a}
#qoCloudUI .qcu-warn{margin:0 0 12px;padding:10px 12px;border-radius:6px;border:1px solid #8a5a2a;background:rgba(120,70,20,.18);
  font-size:14px;line-height:1.4;color:#ecc9a0;word-break:break-word}
#qoCloudUI .qcu-warn b{color:#fff4d8}
#qoCloudUI .qcu-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:10px}
#qoCloudUI .qcu-row.alt{justify-content:flex-start}
#qoCloudUI .qcu-b{min-height:40px;padding:8px 16px;border-radius:6px;border:1px solid #6b5636;background:#2a221a;
  color:#e9dcc0;font:600 14px 'Cinzel',serif;cursor:pointer}
#qoCloudUI .qcu-b.main{background:#7a5a24;border-color:#c9a25a;color:#fff4d8}
#qoCloudUI .qcu-b.danger{border-color:#8a3a2a;color:#f0a090}
#qoCloudUI .qcu-b.danger.main,#qoCloudUI .qcu-b.danger:not([disabled]):hover{background:#5a2018}
#qoCloudUI .qcu-b.sm{min-height:32px;padding:4px 10px;font-size:12px}
#qoCloudUI .qcu-b:hover:not([disabled]){border-color:#f0d79a}
#qoCloudUI .qcu-b[disabled]{opacity:.45;cursor:default}
#qoCloudUI .qcu-b.wait{cursor:progress}
#qoCloudUI .qcu-b:focus-visible,#qoCloudUI .qcu-in:focus-visible{outline:2px solid #f0d79a;outline-offset:2px}
#qoCloudUI .qcu-x{min-height:32px;padding:2px 10px;background:none;border-color:transparent;font-size:16px}
#qoCloudUI .qcu-code{margin:4px 0 12px;padding:12px;border-radius:6px;background:#0b0907;border:1px solid #4a3c28;
  font:700 19px/1.3 Consolas,'Courier New',monospace;letter-spacing:.06em;color:#fff4d8;text-align:center;user-select:all;word-break:break-all}
#qoCloudUI .qcu-code.big{font-size:30px;letter-spacing:.12em}
#qoCloudUI .qcu-qr{display:flex;justify-content:center;margin:0 0 6px}
#qoCloudUI .qcu-qr canvas{width:168px;height:168px;image-rendering:pixelated;border-radius:6px}
#qoCloudUI .qcu-in{box-sizing:border-box;width:100%;min-height:44px;margin:0 0 10px;padding:8px 12px;border-radius:6px;
  border:1px solid #6b5636;background:#0b0907;color:#fff4d8;font:600 18px Consolas,'Courier New',monospace;letter-spacing:.06em;text-transform:uppercase}
#qoCloudUI #qcuDeleteIn{text-transform:none}
#qoCloudUI .qcu-sec{margin:14px 0 6px;font:700 12px 'Cinzel',serif;letter-spacing:.12em;color:#a99470}
#qoCloudUI .qcu-list{display:flex;flex-direction:column;gap:6px}
#qoCloudUI .qcu-li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:8px 10px;border-radius:6px;
  background:rgba(255,240,210,.04);border:1px solid rgba(107,86,54,.5)}
#qoCloudUI .qcu-li span{font-size:15px;color:#e9dcc0;word-break:break-word}
#qoCloudUI .qcu-li i{grid-column:1;font-style:normal;font-size:12px;color:#8f8166}
#qoCloudUI .qcu-li button{grid-column:2;grid-row:1 / span 2}
#qoCloudUI .qcu-li.cur{border-color:#c9a25a}
#qoCloudUI .qcu-li.dim span,#qoCloudUI .qcu-li.dim{color:#8f8166;font-size:14px}

.qcu-toast{position:fixed;left:50%;top:14px;z-index:8990;display:none;align-items:center;gap:10px;max-width:calc(100vw - 32px);
  transform:translateX(-50%);padding:8px 8px 8px 16px;border-radius:8px;border:1px solid #6b5636;
  background:rgba(20,16,12,.94);box-shadow:0 8px 28px rgba(0,0,0,.5);color:#e9dcc0;font:500 15px 'Alegreya Sans',sans-serif}
.qcu-toast.on{display:flex}
.qcu-toast .qcu-b{min-height:34px;padding:4px 12px;border-radius:6px;border:1px solid #6b5636;background:#2a221a;color:#e9dcc0;font:600 13px 'Cinzel',serif;cursor:pointer;white-space:nowrap}
.qcu-toast .qcu-b.main{background:#7a5a24;border-color:#c9a25a;color:#fff4d8}
.qcu-toast .qcu-x{background:none;border-color:transparent}
.qcu-badge{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:9px;border:1px solid rgba(240,215,154,.5);
  font:700 10px 'Cinzel',serif;letter-spacing:.08em;color:#f0d79a;vertical-align:middle}
.qcu-badge.local{border-color:rgba(160,140,110,.45);color:#a99470}

/* phones / touch: bigger targets, the sheet uses the short landscape height */
@media (pointer:coarse),(max-height:500px){
  #qoCloudUI .qcu-b{min-height:46px;font-size:15px}
  #qoCloudUI .qcu-b.sm{min-height:40px}
  #qoCloudUI .qcu-box{padding:14px 18px 12px;max-height:calc(100vh - 16px)}
  #qoCloudUI .qcu-lead{font-size:15px;margin-bottom:8px}
  #qoCloudUI .qcu-qr canvas{width:132px;height:132px}
  #qoAcct.qcu-chip{min-height:44px;font-size:14px;top:10px;right:10px}
}
@media (max-height:500px){
  #qoCloudUI .qcu-box{width:min(640px,calc(100vw - 24px))}
  #qoCloudUI[data-view=link] .qcu-box{display:grid;grid-template-columns:1fr auto;column-gap:16px}
  #qoCloudUI[data-view=link] .qcu-head,#qoCloudUI[data-view=link] .qcu-lead,#qoCloudUI[data-view=link] .qcu-msg{grid-column:1 / -1}
  #qoCloudUI[data-view=link] .qcu-qr{grid-column:2;grid-row:3 / span 3}
}
#qoCloudUI .qcu-hrow{display:flex;gap:8px;align-items:center}
#qoCloudUI .qcu-hrow .qcu-in{margin:0;text-transform:none;font:600 16px 'Alegreya Sans',sans-serif;letter-spacing:.02em}
#qoCloudUI .qcu-fine a{color:#f0c674}