/* =========================================================================
   THE DESIGNS  (js/designs.js, owner and General Manager, 1.29, 1.52)
   Only the Design button and its picker live here. Each design is its own
   pair of files gmd/<k>.css (rules under html[data-gmd="<k>"]) and gmd/<k>.js:
   cad 701, qprops 704, xref 711, frame 730, podium 737, office 744, desks 750.
   Staff, viewers, the sign-in page and PDFs never carry data-gmd.
   ========================================================================= */

/* ---------------- the Design button and picker (every design, Classic too) ---------------- */
.gmd-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--mc-line);background:rgba(255,255,255,.03);color:#C2CBE6;border-radius:10px;padding:6px 11px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;min-height:32px}
.gmd-chip:hover{color:#fff;border-color:#3A4A80}
.gmd-chip .sh-ic{width:15px;height:15px}
.gmd-menu{font:inherit;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;width:100%;border-radius:12px;padding:8px 10px;margin-top:10px;
  background:rgba(255,255,255,.04);border:1px solid var(--mc-line);color:#fff}
.gmd-menu:hover{border-color:#3A4A80}
.gmd-menu .gmd-th{width:44px;height:29px;flex:none;border-radius:4px}
.gmd-menu .sh-rt b{font-size:13px}
.gmd-menu .sh-rt span{font-size:11px;color:var(--mc-mut)}
.gmd-menu.drawer{padding:12px 14px;border-radius:14px;background:var(--mc-card);margin-top:0}
.gmd-menu.drawer .gmd-th{width:54px;height:36px}
.gmd-menu.drawer .sh-rt b{font-size:14px}
.gmd-pop{position:fixed;inset:0;z-index:72;background:rgba(6,11,30,.42);display:flex;align-items:flex-end;justify-content:center}
.gmd-pop[hidden]{display:none!important}
.gmd-card{width:100%;max-width:440px;background:#fff;color:#0E1838;border:2px solid #14245A;border-bottom:0;border-radius:18px 18px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -18px 40px -20px rgba(6,11,30,.6);font-family:Archivo,"Helvetica Neue",Arial,sans-serif;max-height:90vh;overflow-y:auto}
.gmd-pop.anch{display:block}
.gmd-pop.anch .gmd-card{position:fixed;width:340px;max-height:calc(100vh - 24px);border-bottom:2px solid #14245A;border-radius:12px;padding:14px}
.gmd-hd{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.gmd-hd b{font-size:17px;font-stretch:80%;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:#14245A}
.gmd-hd span{flex:1;font:500 10.5px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#5D6A8E}
.gmd-x{width:36px;height:36px;border:1px solid #C9D3EC;border-radius:10px;background:#fff;color:#14245A;display:grid;place-items:center;cursor:pointer}
.gmd-x .sh-ic{width:16px;height:16px}
.gmd-list{display:grid;gap:6px}
.gmd-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:7px 10px;border:1.5px solid #D5DDF0;border-radius:10px;background:#fff;color:#0E1838;font:inherit;text-align:left;cursor:pointer}
.gmd-opt:hover{border-color:#223D8E}
.gmd-opt.on{border-color:#223D8E;background:#EEF2FB;box-shadow:inset 3px 0 0 #223D8E}
.gmd-th{width:64px;height:42px;flex:none;display:block;border:1px solid #C9D3EC;background:#fff center/cover no-repeat}
.gmd-sw-cad{background-image:url(img/gmd/sw-cad.jpg)}.gmd-sw-qprops{background-image:url(img/gmd/sw-qprops.jpg)}.gmd-sw-xref{background-image:url(img/gmd/sw-xref.jpg)}.gmd-sw-frame{background-image:url(img/gmd/sw-frame.jpg)}.gmd-sw-podium{background-image:url(img/gmd/sw-podium.jpg)}.gmd-sw-office{background-image:url(img/gmd/sw-office.jpg)}.gmd-sw-desks{background-image:url(img/gmd/sw-desks.jpg)}
.gmd-tx{flex:1;min-width:0;display:grid;gap:1px}
.gmd-tx b{font-size:14px;font-weight:700}
.gmd-tx b i{font-style:normal;font:700 11px "JetBrains Mono",ui-monospace,monospace;color:#223D8E;margin-right:6px}
.gmd-tx span{font-size:12px;color:#5D6A8E}
.gmd-ok{width:18px;height:18px;color:#223D8E;flex:none}
.gmd-note{margin:10px 2px 0;font-size:12px;color:#5D6A8E}
@media print{.gmd-pop,.gmd-chip,.gmd-menu{display:none!important}}