/* top-toolbar.css v1: blackboard-style drawing bar in the header */
#ms-toolbar{display:none}
body:has(#call:not([hidden])) .app-header .drawing-launcher{display:none!important}
body:has(#call:not([hidden])) #ms-toolbar{display:flex;align-items:center;gap:2px;margin:0 6px;padding:3px;background:#2b2d2e;border:1px solid #ffffff14;border-radius:14px;flex:0 0 auto}
#ms-toolbar .mt-btn{position:relative;width:36px;height:34px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:#fbf4e4;cursor:pointer;transition:none}
#ms-toolbar .mt-btn:hover{background:#ffffff12}
#ms-toolbar .mt-btn[aria-pressed="true"]{background:#f0b66b;color:#1d1f20}
#ms-toolbar .mt-btn[aria-expanded="true"]{box-shadow:inset 0 0 0 1px #f0b66b}
#ms-toolbar .mt-btn:disabled{opacity:.35;cursor:default;background:transparent;color:#d9d6cf}
#ms-toolbar .mt-btn[hidden],#ms-toolbar .mt-div[hidden]{display:none}
#ms-toolbar .mt-group i{position:absolute;right:3px;bottom:3px;width:0;height:0;border-left:4px solid transparent;border-bottom:4px solid currentColor;opacity:.6}
#ms-toolbar .mt-div{width:1px;height:22px;background:#ffffff1f;margin:0 4px}
#ms-toolbar .mt-soon{opacity:.75}
#ms-toolpop{position:fixed;z-index:1000;min-width:210px;padding:10px;background:#2b2d2e;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 14px 34px #0008;color:#e9e6df;font-size:13px}
#ms-toolpop[hidden]{display:none}
#ms-toolpop .mt-head{font-size:12px;color:#a9a59c;padding:2px 6px 8px}
#ms-toolpop .mt-row{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer;text-align:left;transition:none}
#ms-toolpop .mt-row:hover{background:#ffffff0f}
#ms-toolpop .mt-row[aria-pressed="true"]{background:#f0b66b24;color:#f0b66b}
#ms-toolpop .mt-chip{width:18px;height:14px;border-radius:3px;border:1px solid #ffffff40}
#ms-toolpop hr{border:0;border-top:1px solid #ffffff1a;margin:8px 2px}
#ms-toolpop .mt-cols{display:flex;align-items:center;gap:7px;padding:4px 4px 8px;flex-wrap:wrap}
#ms-toolpop .mt-cols button{width:22px;height:22px;border-radius:50%;border:1px solid #ffffff30;padding:0;cursor:pointer;transition:none}
#ms-toolpop .mt-cols button[aria-pressed="true"]{box-shadow:0 0 0 2px #2b2d2e,0 0 0 4px #f5f3ee}
#ms-toolpop .mt-custom{width:22px;height:22px;border-radius:5px;overflow:hidden;background:conic-gradient(#ff6b6b,#ffcf48,#9fd08a,#7cc6d6,#b9a0e0,#ff6b6b);cursor:pointer;position:relative}
#ms-toolpop .mt-custom input{position:absolute;inset:0;opacity:0;cursor:pointer}
#ms-toolpop .mt-size{display:flex;align-items:center;gap:10px;padding:2px 4px}
#ms-toolpop .mt-size input{flex:1;accent-color:#f0b66b}
#ms-toolpop .mt-size b{font-weight:500;color:#a9a59c;min-width:18px;text-align:right}
#ms-toolpop .mt-tsize{display:flex;gap:6px;padding:2px 4px}
#ms-toolpop .mt-tsize button{flex:1;height:30px;border-radius:8px;border:1px solid #ffffff22;background:transparent;color:inherit;font-weight:700;cursor:pointer}
#ms-toolpop .mt-tsize button[aria-pressed="true"]{background:#f0b66b;color:#1d1f20;border-color:#f0b66b}

/* v2 */
.pocket-star,.pocket-response{display:none!important}
#ms-toolpop .mt-sw{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;border-radius:50%!important;border:1px solid #ffffff40!important;padding:0!important;flex:0 0 22px!important;box-shadow:none}
#ms-toolpop .mt-sw[aria-pressed="true"]{box-shadow:0 0 0 2px #2b2d2e,0 0 0 4px #f5f3ee!important}
#ms-toolpop .mt-rowwrap{display:flex;align-items:center;gap:4px}
#ms-toolpop .mt-rowwrap .mt-row{flex:1}
#ms-toolpop .mt-solid{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#e9e6df;cursor:pointer;padding:0}
#ms-toolpop .mt-solid:hover{background:#ffffff0f}
#ms-toolpop .mt-solid[aria-pressed="true"]{background:#f0b66b24;color:#f0b66b}
#ms-toolpop .mt-row,#ms-toolpop .mt-solid{min-width:0!important;min-height:0!important;box-shadow:none!important}

/* Readable page / zoom controls; scoped to the classroom header. */
body:has(#call:not([hidden])) .app-header .pdf-controls:not([hidden]){gap:3px!important;padding:3px 5px!important;color:#fbf4e4!important}
body:has(#call:not([hidden])) .app-header .pdf-controls button{height:36px!important;min-height:36px!important;min-width:32px!important;padding:0 7px!important;font-size:16px!important;font-weight:700;color:#fbf4e4!important}
body:has(#call:not([hidden])) .app-header .pdf-controls input{height:32px!important;width:44px!important;font-size:17px!important;font-weight:700!important;text-align:center;color:#fbf4e4!important;-webkit-text-fill-color:#fbf4e4!important;background:#173340!important;border:1px solid #e5c98f!important;border-radius:7px!important}
body:has(#call:not([hidden])) .app-header .pdf-controls #page-count,body:has(#call:not([hidden])) .app-header .pdf-controls #zoom-value{font-size:16px!important;font-weight:700;color:#fbf4e4!important;min-width:38px}
body:has(#call:not([hidden])) .app-header .pdf-controls :is(#page-prev,#page-next,#zoom-out,#zoom-in){font-size:24px!important}

#ms-toolbar .mt-shape-menu,#ms-toolbar .mt-marks-menu,#ms-toolbar .mt-edit-menu{width:20px;min-width:20px;font-size:15px;margin-left:-3px}

/* Stronger classroom tool icons, preserving selected and disabled states. */
#ms-toolbar .mt-btn svg{width:23px;height:23px;stroke-width:2.4}