/* mydata.css - "My data" button, its menu, the restore window and the backup reminder (web/mydata.js).
 * The restore window uses parchment.css when the page has it; plain colours otherwise. */
.md-wrap{position:relative;flex:none;margin-left:8px}
.md-btn{height:34px;padding:0 12px;border-radius:9px;font:700 12.5px/1 "Segoe UI",system-ui,sans-serif;white-space:nowrap;cursor:pointer;
  color:#e9c46a;background:#16223a;border:1px solid #b98a2e}
.md-btn:hover,.md-btn[aria-expanded=true]{background:#1d2c49;color:#fbe9b8}
.md-dd{position:absolute;right:0;top:42px;width:250px;padding:8px;border-radius:12px;z-index:300;
  background:linear-gradient(180deg,#152136,#0c1422);border:1px solid #28364f;box-shadow:0 18px 44px rgba(0,0,0,.6);
  font:13px/1.4 "Segoe UI",system-ui,sans-serif;color:#cfdaec}
.md-dd[hidden]{display:none}
.md-dd .md-hd{padding:6px 8px 8px;border-bottom:1px solid #22304a;margin-bottom:4px;color:#e8eef9;font-weight:600}
.md-dd .md-hd small{display:block;font-weight:400;color:#8695ad;margin-top:2px}
.md-dd button{display:block;width:100%;text-align:left;padding:8px;border:0;border-radius:7px;background:none;color:#cfdaec;font:inherit;cursor:pointer}
.md-dd button:hover{background:#1d2c49;color:#fff}
/* Discord sign-in (testers only) */
.md-btn.md-in{display:inline-flex;align-items:center;gap:7px;padding-left:5px}
.md-av{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none;border:1px solid #b98a2e}
.md-av-txt{display:inline-grid;place-items:center;background:#5865f2;color:#fff;font:700 12px/1 "Segoe UI",system-ui,sans-serif}
.md-av.lg{width:34px;height:34px;font-size:15px}
.md-dd .md-acct{display:flex;gap:9px;align-items:flex-start;border-top:1px solid #22304a;border-bottom:0;margin:6px 0 0;padding-top:10px}
.md-dd .md-disc{display:block;margin:8px 0 2px;padding:9px;border-radius:8px;background:#5865f2;color:#fff;text-align:center;
  font-weight:700;text-decoration:none}
.md-dd .md-disc:hover{background:#4752c4}
.md-dd button.md-syncbtn{margin-top:6px;background:#2a2412;border:1px solid #b98a2e;color:#fbe9b8;font-weight:700;text-align:center}
.md-dd button.md-syncbtn:hover{background:#3a3218}
.md-dd .md-sync{white-space:normal}
.md-dd .md-note{margin-top:8px;padding:6px 8px;color:#8695ad;font-size:12px;border-top:1px solid #22304a}
@media(max-width:1040px){.md-wrap{margin-left:auto}.md-wrap+.burger{margin-left:8px!important}}
/* home page: its menu bar is capped at 1180px and has no room for both "Open Craft" and "My data" on desktop;
   the Craft Panel stays in its Crafts menu */
@media(min-width:1041px){#nav .navcta{display:none}}
@media(min-width:1241px){#nav .menu>li>a{padding:10px 4px!important;gap:4px}#nav .annivbadge{padding-left:8px;padding-right:8px}#nav .md-wrap{margin-left:0}}
/* other pages: the full menu plus "My data" is tight on narrow desktops; drop the bar's right-hand shortcut
   button (its page is still in the menu) and close up the menu links a little */
@media(min-width:1041px) and (max-width:1440px){.hqnav .navcta{display:none}}
@media(min-width:1041px) and (max-width:1300px){.hqnav .menu>li>a{padding:8px 4px!important;gap:4px}.hqnav .hw{gap:10px}.md-wrap{margin-left:4px}}
@media(min-width:1041px) and (max-width:1120px){.hqnav .menu>li>a{font-size:12.5px}.hqnav .brand .bt{display:none}}
@media(max-width:360px){.md-btn{padding:0 9px;font-size:12px}}

.md-remind{position:relative;z-index:90;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;
  max-width:1180px;margin:8px auto 0;padding:8px 12px;border-radius:10px;background:#2a2412;border:1px solid #b98a2e;
  color:#fbe9b8;font:12.5px/1.4 "Segoe UI",system-ui,sans-serif;box-sizing:border-box;width:calc(100% - 16px)}
.md-remind .md-rb{display:flex;gap:10px;align-items:center}
.md-remind .dc-btn{padding:5px 10px;font-size:12px}
.md-lk{background:none;border:0;color:#e9c46a;text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.md-x{background:none;border:0;cursor:pointer;font-size:18px;line-height:1;color:#c6b27a;padding:0 2px}
.md-remind .dc-btn:not(.on),.md-modal .dc-btn:not(.on){color:#fbe9b8}

.md-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:14px;background:rgba(3,6,12,.72)}
.md-card{width:min(440px,100%);max-height:calc(100vh - 28px);overflow:auto}
.md-card .dc-parch{padding:16px;color:#3b2611;font:13.5px/1.45 "Segoe UI",system-ui,sans-serif;background-color:#d8bd88}
.md-plate{padding:8px 12px;font-size:18px;text-align:center;margin-bottom:10px}
.md-file{margin:4px 0 8px;font-weight:600;word-break:break-all}
.md-well{padding:8px 10px;margin:8px 0}
.md-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.md-tbl th,.md-tbl td{padding:4px 6px;border-bottom:1px solid rgba(90,55,20,.3);text-align:right}
.md-tbl th:first-child,.md-tbl td:first-child{text-align:left}
.md-tbl th{color:#6b4a26}
.md-choice{display:flex;gap:10px;align-items:flex-start;padding:9px;border-radius:10px;margin:6px 0;cursor:pointer;border:1px solid rgba(90,55,20,.35)}
.md-choice.on{border-color:#b98a2e;background:rgba(233,196,106,.25)}
.md-choice input{margin-top:3px;accent-color:#6b3d10}
.md-choice b{display:block}
.md-choice small{color:#6b4a26}
.md-btns{display:flex;gap:8px;margin-top:10px}
.md-btns .dc-btn[disabled]{opacity:.6;cursor:wait}
/* main server line, the copy window and the "data is on another server" notice */
.md-dd .md-main{line-height:1.5}
.md-srvsel{display:flex;gap:6px;align-items:center;margin-top:5px;font-weight:400;color:#8695ad;font-size:12px}
.md-srvsel select,.md-pair select{flex:1;min-width:0;height:30px;border-radius:7px;font:13px "Segoe UI",system-ui,sans-serif}
.md-srvsel select{background:#0c1422;color:#e8eef9;border:1px solid #b98a2e}
.md-dd a.md-lnk{display:block;padding:8px;border-radius:7px;color:#e9c46a;text-decoration:none}
.md-dd a.md-lnk:hover{background:#1d2c49;color:#fff}
.md-p{margin:4px 0 8px}
.md-small{font-size:12px;color:#6b4a26}
.md-pair{display:flex;gap:8px;align-items:flex-end}
.md-pair label{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-weight:700;font-size:12px;color:#6b4a26}
.md-pair span{padding-bottom:6px;font-size:18px}
.md-pair select{background:#f4e6c4;color:#3b2611;border:1px solid #8a6a3a}
.md-chk{display:block;margin:8px 2px;cursor:pointer;font-weight:600}
.md-chk input{accent-color:#6b3d10;margin-right:6px}
.md-chk small{display:block;font-weight:400;color:#6b4a26;margin-left:22px}
.md-btns .dc-btn[disabled][title]{cursor:not-allowed}
.md-srvnote{border-color:#5a8fd8;background:#13233d;color:#dce8fb}
.md-srvnote .md-rb{flex-wrap:wrap}
.md-srvnote .md-lk{color:#9cc2f2}

.md-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:1100;max-width:calc(100% - 24px);
  padding:10px 14px;border-radius:10px;background:#12301c;border:1px solid #2f6b3d;color:#cfeedd;
  font:13px/1.4 "Segoe UI",system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:opacity .4s}
.md-toast.warn{background:#3a2a0c;border-color:#8a6a1a;color:#fbe9b8}
.md-toast.out{opacity:0}