/* SchoolOS Simitli — distraction-free order writing */
.sb-order-writing-field{min-width:0}
.sb-order-writing-label{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:7px}
.sb-order-writing-label label{margin:0}
.sb-order-writing-field #newOrderText{min-height:180px;cursor:text}
.sb-order-writing-field #newOrderText:focus{min-height:180px}
.sb-order-open-button{min-height:36px}
.sb-order-writing-hint{display:block;color:var(--muted,#64748b);font-size:12px;margin-top:8px}
dialog.sb-order-writer-dialog{box-sizing:border-box;padding:0;border:1px solid #cbd5e1;
  border-radius:18px;background:var(--card,#fff);color:var(--txt-hi,#162033);
  width:calc(100vw - 28px);max-width:1560px;height:calc(100dvh - 28px);max-height:none;
  margin:auto;box-shadow:0 28px 100px rgba(7,20,40,.32);overflow:hidden}
dialog.sb-order-writer-dialog[open]{display:flex;flex-direction:column}
dialog.sb-order-writer-dialog::backdrop{background:rgba(8,20,36,.78);backdrop-filter:blur(4px)}
.sb-writer-header{display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:16px 26px;background:var(--card,#fff);border-bottom:1px solid var(--line,#e2e8f0);flex-shrink:0}
.sb-writer-heading{min-width:0}
.sb-writer-kicker{display:block;color:var(--muted,#64748b);font-size:11px;font-weight:700;letter-spacing:.04em}
.sb-writer-heading h2{margin:3px 0;font-size:21px;line-height:1.2;font-weight:750;color:var(--txt-hi,#162033)}
.sb-writer-document-info{display:block;font-size:13px;color:var(--muted,#64748b);max-width:1000px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-writer-close{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;
  font-size:20px;line-height:1;border:1px solid var(--line,#cbd5e1);border-radius:12px;background:var(--bg2,#f8fafc);color:var(--txt-hi,#162033);cursor:pointer}
.sb-writer-close:hover{background:#e2e8f0}
.sb-writer-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:center;
  padding:10px 24px;background:var(--card-2,#f8fafc);border-bottom:1px solid var(--line,#e2e8f0);flex-shrink:0}
.sb-writer-toolset{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sb-writer-toolset button{font:inherit;font-size:13px;font-weight:650;min-height:38px;padding:7px 12px;
  border:1px solid var(--line,#cbd5e1);border-radius:10px;cursor:pointer;background:var(--card,#fff);color:var(--txt-hi,#162033)}
.sb-writer-toolset button:hover{border-color:#0d9870;background:var(--bg2,#f8fafc)}
.sb-writer-toolset button:focus-visible,.sb-writer-done:focus-visible,.sb-writer-close:focus-visible{
  outline:3px solid #77d4b4;outline-offset:2px}
.sb-writer-font-tools>span{font-size:12px;color:var(--muted,#64748b)}
.sb-writer-font-tools strong{font-size:12px;min-width:40px;text-align:center}
.sb-writer-page-area{flex:1;min-height:0;overflow:auto;padding:20px 26px;
  background:var(--bg2,#f1f5f9);display:flex;justify-content:center}
.sb-writer-paper{box-sizing:border-box;background:#fff;color:#172438;min-width:0;width:min(100%,1100px);
  border:1px solid #d5e0ea;border-radius:12px;box-shadow:0 8px 28px rgba(10,30,50,.07);
  display:flex;flex-direction:column;padding:28px 42px 34px}
.sb-writer-page-label{flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.12em;
  color:#748297;border-bottom:1px solid #e5ebf3;padding-bottom:16px}
#sbWriterText{display:block;flex:1;box-sizing:border-box;width:100%;min-height:250px;max-height:none;
  border:0!important;outline:0!important;box-shadow:none!important;resize:none;background:#fff!important;
  color:#152436!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:19px;line-height:1.8;letter-spacing:.01em;padding:24px 0;margin:0;overflow-y:auto;
  overflow-wrap:break-word;tab-size:4}
#sbWriterText::placeholder{color:#98a3b4}
.sb-writer-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-shrink:0;
  padding:14px 24px;background:var(--card,#fff);border-top:1px solid var(--line,#e2e8f0)}
.sb-writer-footer-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.sb-writer-footer-info strong{font-size:13px;color:var(--txt-hi,#162033)}
.sb-writer-footer-info small,.sb-writer-shortcut{font-size:11px;color:var(--muted,#64748b);line-height:1.45}
.sb-writer-footer-actions{display:flex;align-items:center;gap:14px}
.sb-writer-done{padding:13px 18px;min-height:46px;white-space:nowrap;border:0;border-radius:11px;
  background:#087c58;color:white;font:inherit;font-size:14px;font-weight:750;cursor:pointer}
.sb-writer-done:hover{background:#046d4b}
@media(max-width:800px){
  dialog.sb-order-writer-dialog{width:100vw;height:100dvh;border-radius:0;border:0}
  .sb-writer-header{padding:12px 16px}
  .sb-writer-heading h2{font-size:18px}
  .sb-writer-toolbar{padding:9px 12px}
  .sb-writer-page-area{padding:10px}
  .sb-writer-paper{padding:18px 20px;border-radius:8px}
  .sb-writer-footer{padding:10px 14px;flex-wrap:wrap;gap:8px}
  .sb-writer-footer-actions{width:100%;justify-content:flex-end}
  .sb-writer-shortcut{display:none}
}
@media(max-width:480px){
  .sb-writer-kicker{font-size:10px}
  .sb-writer-toolbar{gap:7px}
  .sb-writer-toolset button{font-size:12px;min-height:34px;padding:5px 8px}
  .sb-writer-font-tools>span{display:none}
  .sb-writer-page-area{padding:0}
  .sb-writer-paper{padding:14px 16px;border:0;border-radius:0;box-shadow:none}
  #sbWriterText{font-size:17px;line-height:1.7;padding-top:16px}
  .sb-writer-footer-info small{font-size:10px}
  .sb-writer-done{width:100%;min-height:44px}
  .sb-writer-footer-actions{width:100%}
}
@media(prefers-reduced-motion:reduce){dialog.sb-order-writer-dialog{animation:none}}