/* Premium glossy skin for the educators smart board (11 Nov 2026).
   Source design: owner's "4AB Premium Glossy Whiteboard PDF Studio". Colours and surfaces only:
   layout, sizes, buttons, icons and every behaviour stay in pdf-board.css / pdf-board.js.
   Rollback: remove the <link> to this file from educators/index.html. */

/* ---------- mode bar (Whiteboard / PDF / Photo / Question Bank / Tools) ---------- */
#edModeBar.ed-mode{position:relative;background:linear-gradient(110deg,#243469,#0d1841 47%,#202d5e)!important;border-top:1px solid rgba(255,230,174,.19);border-bottom:1px solid rgba(255,230,174,.14);box-shadow:0 12px 40px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.12)}
#edModeBar.ed-mode::before{content:"";position:absolute;left:25px;right:25px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,230,176,.6),transparent);pointer-events:none}
#edModeBar .seg{border-radius:16px!important;background:rgba(5,12,41,.35)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)!important;padding:4px!important}
#edModeBar .seg::before{top:4px!important;bottom:4px!important;left:4px!important;width:calc((100% - 8px)/var(--n))!important;border-radius:12px!important;background:linear-gradient(125deg,#fff0bf,#ebbe6c)!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.8),0 4px 12px rgba(0,0,0,.26)!important}
#edModeBar .seg button{border-radius:12px!important;color:#e8edff;font-weight:750!important}
#edModeBar .seg button.on{color:#14234e!important;text-shadow:0 1px rgba(255,255,255,.25)}
#edModeBar .ed-fb{border-radius:13px!important;border:1px solid rgba(237,240,255,.22)!important;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.045))!important;box-shadow:inset 0 1px rgba(255,255,255,.15);font-weight:750!important}
#edModeBar .ed-fb:hover{border-color:rgba(255,220,150,.65)!important;background:rgba(255,255,255,.18)!important}
#edModeBar .ed-fb-n{color:#bac8ec}
#edModeBar .ed-fb-show{gap:5px;padding:4px;background:rgba(9,15,47,.54);border-radius:100px;border:1px solid rgba(255,255,255,.13)}
#edModeBar .ed-fb-show button{border-color:transparent!important;color:#fff}
#edModeBar .ed-fb-show button.on{background:#fff!important;color:#152758!important;box-shadow:0 5px 13px rgba(5,10,32,.44)}
#edModeBar .ed-fb-show button.on::before{background:#f0c879!important;border-color:#f0c879!important;box-shadow:0 0 0 3px rgba(248,215,139,.2)}
#edModeBar .ed-mb{border-radius:13px}

/* ---------- workspace background ---------- */
#edPdf{background:radial-gradient(ellipse at 16% -11%,#30478b 0,transparent 35%),radial-gradient(ellipse at 100% 100%,#182d6b 0,transparent 35%),linear-gradient(135deg,#070e28,#111c42 56%,#090f2d)!important}
#edPdf .pb{color:#132450}
#edPdf .pb-panes{padding-top:12px}

/* ---------- the two panels ---------- */
#edPdf .pb-pane{border-radius:24px!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 22px 60px rgba(5,13,46,.23),inset 0 1px #fff!important;background:#fff}
#edPdf .pb-ph{min-height:54px;padding:8px 12px 8px 16px!important;border-bottom:1px solid #e7ebf5!important;background:linear-gradient(#fff,#f8faff)!important}
#edPdf .pb-ph b,#edPdf #pbDocLbl{display:inline-flex;align-items:center;gap:9px;font:900 14px Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;color:#132450!important;white-space:nowrap}
#edPdf .pb-ph b::before,#edPdf #pbDocLbl::before{content:"";flex:none;width:31px;height:31px;border-radius:10px;border:1px solid #fae3b1;box-shadow:0 3px 8px rgba(201,160,91,.13);background:linear-gradient(145deg,#fff6df,#fce6b8);background-repeat:no-repeat;background-position:center,0 0;background-size:17px 17px,auto}
#edPdf #pbDocLbl::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23926a2e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E"),linear-gradient(145deg,#fff6df,#fce6b8)}
#edPdf .pb-board .pb-ph b::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23926a2e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19l7-7 3 3-7 7-3-3z'/%3E%3Cpath d='M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5zM2 2l7.6 7.6'/%3E%3Ccircle cx='11' cy='11' r='2'/%3E%3C/svg%3E"),linear-gradient(145deg,#fff6df,#fce6b8)}
#edPdf .pb-ph .pb-sm{font-weight:650;color:#8390ac}
#edPdf .pb-ph .pb-zl{font-weight:800;color:#647499}
#edPdf .pb-ph .pb-b{border:1px solid #e2e7f2!important;border-radius:11px!important;background:linear-gradient(#fff,#f6f8ff)!important;color:#2a3d69!important;box-shadow:0 2px 5px rgba(25,39,80,.04)!important}
#edPdf .pb-ph .pb-b:hover{background:#eef2ff!important}
#edPdf .pb-ph .pb-b:active{transform:translateY(1px)}
#edPdf .pb-ph .pb-b.pb-txt{background:linear-gradient(#fff0c6,#f7d691)!important;border-color:#ebcd89!important;color:#584323!important;font-weight:800!important}

/* ---------- document stage + empty state ---------- */
#edPdf .pb-pdf .pb-stage{background:radial-gradient(circle at 22% 25%,#fffaf0 0,transparent 29%),radial-gradient(circle at 78% 82%,#e4eafa 0,transparent 31%),linear-gradient(135deg,#edf1fa,#f7f8fd)}
#edPdf .pb-drop::before{content:"";display:block;width:190px;height:132px;margin:0 auto 2px;filter:drop-shadow(0 22px 14px rgba(23,41,83,.16));background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 132'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23e2eafa'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23fff9ea'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='24' y='12' width='84' height='100' rx='12' fill='url(%23a)' stroke='%23dfe3f0' transform='rotate(-13 66 62)'/%3E%3Crect x='82' y='12' width='84' height='100' rx='12' fill='url(%23b)' stroke='%23efdfc4' transform='rotate(11 124 62)'/%3E%3Crect x='53' y='8' width='84' height='100' rx='12' fill='%23fff' stroke='%23eef1f8'/%3E%3Cg fill='none' stroke='%23c59a50' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M95 62V36M84 47l11-11 11 11'/%3E%3C/g%3E%3Crect x='65' y='76' width='60' height='5' rx='2.5' fill='%23d9e0ee'/%3E%3Crect x='65' y='87' width='60' height='5' rx='2.5' fill='%23e8edf8'/%3E%3Cpath d='M30 10l2.2 5.8L38 18l-5.8 2.2L30 26l-2.2-5.8L22 18l5.8-2.2z' fill='%23d4ad60'/%3E%3Cpath d='M160 22l1.5 4 4 1.5-4 1.5-1.5 4-1.5-4-4-1.5 4-1.5z' fill='%23d4ad60'/%3E%3C/svg%3E")}
#edPdf .pb-dt{font:950 clamp(21px,2.2vw,30px)/1.16 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:-.04em;color:#122656!important}
#edPdf .pb-drop p{color:#72809d}
#edPdf .pb-pri{position:relative;overflow:hidden;color:#192b58!important;border:1px solid #d5a65a!important;border-radius:13px!important;background:linear-gradient(155deg,#fff4c8 4%,#f2cb80 52%,#e8b460 100%)!important;box-shadow:0 6px 0 #bd9149,0 10px 18px rgba(26,53,99,.17),inset 0 2px rgba(255,255,255,.85);font-weight:850!important;transition:transform .15s,box-shadow .15s}
#edPdf .pb-pri:hover{transform:translateY(-2px);box-shadow:0 8px 0 #bd9149,0 13px 20px rgba(26,53,99,.21),inset 0 2px rgba(255,255,255,.85)}
#edPdf .pb-sec{color:#1a2c5b!important;border:1px solid #d8deec!important;border-radius:13px!important;background:linear-gradient(#fff,#f8f9fe)!important;box-shadow:0 4px 0 #dfe5f2,0 7px 12px rgba(26,53,99,.11);font-weight:850!important;transition:transform .15s}
#edPdf .pb-sec:hover{transform:translateY(-2px)}
#edPdf .pb-row{gap:10px;margin-bottom:8px}

/* ---------- bottom tool dock ---------- */
#edPdf .pb-tools{margin:0 14px 10px!important;border-radius:21px!important;border:1px solid rgba(255,231,186,.25)!important;border-top:1px solid rgba(255,231,186,.25)!important;background:linear-gradient(130deg,#1d2f65,#0d1741)!important;box-shadow:0 13px 32px rgba(2,7,19,.43),inset 0 1px rgba(255,255,255,.2)!important}
#edPdf .pb-tools .pb-b{border:1px solid rgba(255,255,255,.15)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04))!important;color:#f1f4ff!important;box-shadow:inset 0 1px rgba(255,255,255,.11)!important}
#edPdf .pb-tools .pb-b:hover{background:rgba(255,255,255,.2)!important;border-color:rgba(255,228,170,.4)!important}
#edPdf .pb-tools .pb-b.on{color:#1b2e5d!important;background:linear-gradient(130deg,#fff3cb,#eac179)!important;border-color:#f9dfac!important;box-shadow:inset 0 2px #fff9e6,0 4px 9px rgba(0,0,0,.45)!important}
#edPdf .pb-tools .pb-b:disabled{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04))!important;opacity:.35}
#edPdf .pb-tools .pb-d{background:rgba(255,255,255,.21)!important}
#edPdf .pb-tools .pb-pg{border:1px solid rgba(255,255,255,.15)!important;border-radius:13px!important;background:rgba(7,14,43,.48);color:#fff!important}
#edPdf .pb-tools .pb-pg input{color:#f0c879!important;background:transparent!important;font-weight:850}
#edPdf .pb-tools .pb-pg b{color:#fff}
#edPdf .pb-tools .pb-of{color:#9aaad7!important}
#edPdf .pb-tools .pb-coldot{box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(255,255,255,.44),0 3px 9px rgba(0,0,0,.3)}

/* ---------- menus that open from the dock ---------- */
#edPdf .pb-del{border-radius:16px;border:1px solid #e0e5f2;background:linear-gradient(155deg,#fff,#f8faff);box-shadow:0 22px 65px rgba(3,7,28,.53)}
#edPdf .pb-del-i:hover,#edPdf .pb-del-i:focus-visible{background:#f3eddc}
#edPdf .pb-del-i.on{background:linear-gradient(130deg,#fff3cb,#eac179);color:#1b2e5d}
#edPdf .pb-del-i.pb-pen:hover,#edPdf .pb-del-i.pb-pen:focus-visible{background:var(--pt)}
#edPdf .pb-del-i.pb-pen.on{background:var(--pc);color:inherit}
#edPdf .pb-msg{background:#162958;border:1px solid #d9b66b;color:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(3,9,25,.48)}
#edPdf .pb-split:hover i,#edPdf .pb-split:focus-visible i,#edPdf .pb-split.drag i{background:rgba(240,200,121,.85)}

@media(max-width:800px){
  #edPdf .pb-pane{border-radius:18px!important}
  #edPdf .pb-tools{margin:0 8px 8px!important;border-radius:17px!important}
  #edPdf .pb-drop::before{width:150px;height:104px}
  #edPdf .pb-panes{padding-top:8px}
}
@media(prefers-reduced-motion:reduce){#edPdf .pb-pri,#edPdf .pb-sec{transition:none}}
@media print{#edPdf{background:#fff!important}}

/* ---------- v2 (11 Nov 2026): what the design has and the live board lacked ---------- */
/* wide screens: say what the last dock buttons do, and show the open file's name */
@media(min-width:1400px){
  #edModeBar .ed-fb-n{display:inline-block!important;max-width:170px;font-weight:600}
}
/* dropping a file: gold dashed frame */
#edPdf .pb-stage.drag{outline:4px dashed #dcaf5f!important;outline-offset:-10px!important}
/* keyboard focus is visible on the dark surfaces */
#edModeBar button:focus-visible,#edPdf .pb-tools .pb-b:focus-visible,#edPdf .pb-ph .pb-b:focus-visible,#edPdf .pb-pri:focus-visible,#edPdf .pb-sec:focus-visible{outline:3px solid rgba(229,172,65,.75)!important;outline-offset:2px}
/* "stays on your device" line gets its lock */
#edPdf .pb-drop>.pb-sm{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;color:#7a869c;font-weight:650}
#edPdf .pb-drop>.pb-sm::before{content:"";flex:none;width:14px;height:14px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8965e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E")}

/* ---------- v3 (11 Nov 2026): full screen. The mode tabs took all the width, so Open / Download / PDF-Board
   were pushed out of their box and sat on top of the Menu and Exit buttons; the bar was also taller than the
   46px the panels start at, so it covered the panel heads. ---------- */
html.ed-max{--edmb:54px}
html.ed-max #edModeBar.ed-mode{height:54px;box-sizing:border-box;padding-top:6px!important;padding-bottom:6px!important;align-items:center}
html.ed-max #edModeBar .seg{flex:0 1 auto!important;min-width:0}
html.ed-max #edModeBar .seg button{overflow:hidden;text-overflow:ellipsis}
html.ed-max #edModeBar #edFB{flex:1 0 auto!important;min-width:max-content}
html.ed-max #edModeBar .ed-mode-r{flex:none;margin-left:8px}
/* phones in full screen: the dock already has Download, so the top one makes room for the mode tabs */
@media(max-width:640px){html.ed-max #edModeBar #edFbDl{display:none!important}html.ed-max #edModeBar .seg button{padding-left:2px!important;padding-right:2px!important;font-size:11px!important}html.ed-max #edModeBar .seg{flex:1 1 auto!important}html.ed-max #edModeBar #edFB{flex:0 0 auto!important}}

/* ---------- v5 (11 Nov 2026, owner): on PC and tablet the dock is ALWAYS one line, icons only, so the PDF and the
   board get the height. Smaller buttons outside full screen. Phones (<=640px) keep the wrapping dock. ---------- */
@media(min-width:641px){
  #edPdf .pb-tools{flex-wrap:nowrap!important;justify-content:safe center!important;overflow-x:auto!important;overflow-y:hidden!important;row-gap:0!important;gap:5px!important;padding:6px 10px!important;scrollbar-width:none}
  #edPdf .pb-tools::-webkit-scrollbar{display:none}
  #edPdf .pb-tools .pb-b,#edPdf .pb-tools .pb-b.pb-txt{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;border-radius:12px!important}
  #edPdf .pb-tools .pb-b.pb-txt span{display:none!important}
  #edPdf .pb-tools .pb-b svg{width:18px;height:18px}
  #edPdf .pb-tools .pb-pg{height:38px!important;padding:0 8px!important;border-radius:12px!important}
  #edPdf .pb-tools .pb-pg input{width:34px!important;height:26px!important}
  #edPdf .pb-tools .pb-d{margin:0 2px!important;height:24px!important}
  html.ed-max #edPdf .pb-tools .pb-b,html.ed-max #edPdf .pb-tools .pb-b.pb-txt{width:42px!important;min-width:42px!important;height:42px!important}
  html.ed-max #edPdf .pb-tools .pb-pg{height:42px!important}
  html.ed-max #edPdf .pb-tools .pb-b svg{width:20px;height:20px}
}
@media(min-width:641px) and (max-width:1100px){
  #edPdf .pb-tools{gap:3px!important}
  #edPdf .pb-tools .pb-b,#edPdf .pb-tools .pb-b.pb-txt,html.ed-max #edPdf .pb-tools .pb-b,html.ed-max #edPdf .pb-tools .pb-b.pb-txt{width:34px!important;min-width:34px!important;height:34px!important;border-radius:11px!important}
  #edPdf .pb-tools .pb-pg,html.ed-max #edPdf .pb-tools .pb-pg{height:34px!important;padding:0 6px!important}
}
@media(min-width:641px) and (max-width:900px){
  #edPdf .pb-tools .pb-b,#edPdf .pb-tools .pb-b.pb-txt,html.ed-max #edPdf .pb-tools .pb-b,html.ed-max #edPdf .pb-tools .pb-b.pb-txt{width:28px!important;min-width:28px!important;height:30px!important;border-radius:9px!important}
  #edPdf .pb-tools .pb-b svg,html.ed-max #edPdf .pb-tools .pb-b svg{width:16px;height:16px}
  #edPdf .pb-tools .pb-d{display:none!important}
  #edPdf .pb-tools .pb-pg,html.ed-max #edPdf .pb-tools .pb-pg{height:30px!important;padding:0 4px!important}
  #edPdf .pb-tools .pb-pg input{width:28px!important}
}
/* wide screens have room for one word: Symbols */
@media(min-width:1500px){
  #edPdf .pb-tools .pb-b.pb-txt[data-k=sym]{width:auto!important;padding:0 12px!important;gap:7px}
  #edPdf .pb-tools .pb-b.pb-txt[data-k=sym] span{display:inline!important;font:800 12px Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
}