/* Workspace styling, based on the server-migration project's light card UI.
   Screen-only rules keep the established quotation and shipping print layouts. */
@media screen {
 body{--teal:#326d74;--teal-dark:#265d63;--ink:#253144;--muted:#718095;--line:#e4eaf0;--bg:#f4f6fa;--blue:#346fae;--amber:#98631d;--green:#267856;--red:#b04448;--page-accent:#326d74;--page-tint:#eaf3f3;background:var(--bg);color:var(--ink)}
 body[data-view="quotes"],body[data-view="catalog"]{--page-accent:#4f68a6;--page-tint:#edf1fb}
 body[data-view="orders"],body[data-view="shipments"]{--page-accent:#326d74;--page-tint:#eaf3f3}
 body[data-view="purchases"],body[data-view="suppliers"]{--page-accent:#946528;--page-tint:#fcf3e5}
 body[data-view="finance"],body[data-view="purchase-accounting"],body[data-view="invoices"],body[data-view="claims"]{--page-accent:#75609c;--page-tint:#f1edf8}
 #sidebar{width:244px;background:#fff;border-right:1px solid #e4eaf0;box-shadow:3px 0 18px #25314403}
 .shell{margin-left:244px}
 #sidebar .brand{padding:25px 23px 23px;gap:12px;flex-shrink:0}
 #sidebar .brand img{width:39px;height:39px;padding:5px;background:#eaf3f3;border-radius:11px;box-shadow:0 4px 12px #326d7412}
 #sidebar .brand strong{font-size:16px;letter-spacing:.3px}
 #sidebar .brand small{font-size:10px;color:#7c8b9b;margin-top:3px}
 .workspace-label{padding:0 25px 10px;font-size:10px;letter-spacing:1.2px;color:#8593a5}
 #nav{flex:1;padding:0 13px 12px;gap:4px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#d9e3e8 transparent}
 #nav a{padding:10px 12px;min-height:41px;font-size:12px;border-radius:9px;color:#596a7e;gap:11px;flex-shrink:0;transition:background .15s,color .15s}
 #nav a svg{width:17px;height:17px;color:#72909a}
 #nav a[href="#quotes"] svg,#nav a[href="#catalog"] svg{color:#6a80b4}
 #nav a[href="#purchases"] svg,#nav a[href="#suppliers"] svg{color:#b38b4c}
 #nav a[href="#finance"] svg,#nav a[href="#claims"] svg,#nav a[href="#invoices"] svg{color:#9781b4}
 #nav a:hover{background:#f1f5f8;color:#294b5d}
 #nav a.active{background:var(--page-tint);color:var(--page-accent);box-shadow:inset 3px 0 var(--page-accent);font-weight:650}
 #nav a.active svg{color:var(--page-accent);stroke-width:2}
 #nav .nav-count{background:#fff;color:var(--teal);border:1px solid #dce8e8;min-width:22px;text-align:center;border-radius:6px}
 .nav-settings-label{margin:16px 10px 5px;color:#8a98a9;font-size:10px;letter-spacing:.7px}
 .sidebar-bottom{flex-shrink:0;margin:0 16px 14px;padding-top:14px;background:white;gap:9px}
 .sidebar-bottom .avatar{background:#eee3d8;color:#7c614b;border:3px solid #faf6f1;width:37px;height:37px}
 #local-operator{border-radius:7px;border-color:#e4eaf0;background:#fafbfc;font-size:12px}
 .sidebar-bottom small{line-height:1.5}
 .shell>header{height:66px;padding-inline:32px;background:#ffffffed;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
 .breadcrumb{font-size:12px}.breadcrumb b{color:#3c5066;font-weight:600}
 .local-label{padding:5px 10px;border:1px solid #dfece6;border-radius:20px;background:#f3faf6;color:#4d7966}
 #refresh{border:1px solid #e4eaf0;background:white;border-radius:9px}
 #main{padding:29px 32px 35px;width:100%;max-width:1680px;margin-inline:auto}
 #main>.page-heading{border:1px solid #dfe8ec;border-radius:14px;background:linear-gradient(110deg,var(--page-tint),#fff 78%);padding:22px 24px;margin-bottom:23px;gap:18px;position:relative;overflow:hidden}
 #main>.page-heading::before{content:'';position:absolute;inset:18px auto 18px 0;width:4px;background:var(--page-accent);border-radius:0 4px 4px 0}
 .page-heading h1{font-size:24px;color:#253144;letter-spacing:-.4px;font-weight:700}
 .page-heading p{color:#718095;font-size:12px;line-height:1.7;margin-top:6px}
 #main .primary,dialog .primary{border-radius:8px;background:#326d74;border-color:#326d74;padding:9px 14px;font-size:12px;font-weight:600;box-shadow:0 3px 8px #326d7417}
 #main .primary:hover:not(:disabled),dialog .primary:hover:not(:disabled){background:#265d63;border-color:#265d63}
 #main .secondary,dialog .secondary,#main .danger,dialog .danger{border-radius:8px;font-size:12px;min-height:36px}
 #main .secondary,dialog .secondary{background:white;border-color:#dce4ec;color:#52677d;box-shadow:0 1px 2px #25314405}
 #main .secondary:hover,dialog .secondary:hover{background:#f5f8fa;border-color:#abc6cc;color:#326d74}
 #main .stats{background:none;border:0;gap:14px;margin-bottom:23px}
 #main .stat{border:1px solid #e3eaf0!important;border-radius:12px;background:white;box-shadow:0 3px 10px #25314404;padding:18px 20px;overflow:hidden;--stat-color:#326d74;--stat-tint:#eaf3f3}
 #main .stat::before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:3px;background:var(--stat-color);border-radius:0 3px 3px 0;opacity:.65}
 #main .stat.blue{--stat-color:#477db0;--stat-tint:#edf3fb}#main .stat.amber{--stat-color:#b88b43;--stat-tint:#fcf4e6}#main .stat.teal{--stat-color:#458e82;--stat-tint:#eaf6f1}
 #main .stat-label{color:#62768b;font-size:11px;gap:8px}
 #main .stat-label svg{width:25px;height:25px;padding:5px;box-sizing:content-box;border-radius:9px;background:var(--stat-tint);color:var(--stat-color)}
 #main .stat-value{color:var(--stat-color);font-size:27px;letter-spacing:-.4px;margin-top:10px;line-height:1.4}
 #main .stat small{color:#7e8d9e;font-size:10px}
 #main .tabs{gap:6px;padding:5px;background:#eaf0f5;border:1px solid #e1e8ee;border-radius:10px;margin-bottom:19px;align-items:center}
 #main .tabs>button{border:0;border-bottom:0;box-shadow:none;background:transparent;color:#64778c;border-radius:7px;padding:9px 13px;white-space:nowrap;font-size:12px;min-height:35px;flex-shrink:0}
 #main .tabs>button.active{background:white;color:var(--page-accent);font-weight:650;box-shadow:0 2px 6px #2531440b}
 #main .tabs>button:hover:not(.active){background:#f5f8fb;color:#344e65}
 #main .toolbar{background:white;border:1px solid #e4eaf0;border-radius:11px;padding:13px 15px;gap:12px;margin-bottom:16px;box-shadow:0 2px 6px #25314403;flex-wrap:wrap}
 #main .search{background:#f8fafc;border:1px solid #e0e7ee;border-radius:8px;min-height:38px}
 #main .search input{background:transparent;font-size:12px}
 #main .toolbar-controls{gap:9px;flex-wrap:wrap}
 #main select,dialog select,#main input:not([type=checkbox]),dialog input:not([type=checkbox]),dialog textarea{border-radius:7px;border-color:#dbe4eb}
 #main input:focus,#main select:focus,dialog input:focus,dialog select:focus,dialog textarea:focus{outline:2px solid #c6e0e2;border-color:#78a8ad}
 #main input::placeholder,dialog input::placeholder{color:#8b99a9}
 #main .table-wrap{border:1px solid #e3eaf0;border-radius:12px;background:white;box-shadow:0 3px 12px #25314404}
 #main th{background:#f1f5f9;color:#526980;font-weight:600;padding:13px 15px;border-bottom:1px solid #dfe7ef;font-size:11px}
 #main td{padding:15px;border-bottom-color:#edf1f5;color:#384c61;line-height:1.6}
 #main tbody tr:hover{background:#f5f9fb}
 #main tbody tr:has(input[type=checkbox]:checked){background:#eef7f5}
 #main .sub{color:#7b8b9d;font-size:11px;line-height:1.6}
 #main .order-ref{color:#326d74;font-weight:600}
 #main .row-actions{gap:5px}
 #main .row-actions .icon-button{border:1px solid #e2eaf0;background:#fafcfd;color:#668196;border-radius:7px;width:30px;height:30px}
 #main .row-actions .icon-button:hover{color:#326d74;border-color:#b8d3d8;background:#edf6f5}
 #main .badge,dialog .no-print .badge{border-radius:6px;font-weight:550;padding:4px 8px;font-size:11px}
 #main .badge.green{background:#e4f4eb;color:#26704f}#main .badge.blue{background:#eaf1fc;color:#3a69a3}#main .badge.teal{background:#e5f3f1;color:#2e756d}#main .badge.amber{background:#fcf0d9;color:#8d641f}#main .badge.red{background:#fbe9e8;color:#ae4647}
 #main .notice{border:1px solid #d9e7ee;border-left:3px solid #77a5b5;border-radius:9px;background:#edf5fa;color:#4f6c80;padding:13px 16px;line-height:1.8;font-size:12px}
 #main .panel-title{color:#455f76;font-size:13px;margin-top:23px;margin-bottom:12px;font-weight:650}
 #main .selection-bar{border-radius:9px;background:#edf6f4;border-color:#d3e7e1;padding:12px 15px;color:#3b7066}
 #main .empty{border:1px dashed #d6e1e8;border-radius:13px;background:#ffffffa8;padding:45px 20px}
 #main .empty>svg{color:#8eafb7;background:#edf4f6;padding:11px;box-sizing:content-box;border-radius:14px}
 .shell>footer{border-top:1px solid #e3eaf0;background:#fff9;padding:16px 32px;color:#6e8294;font-size:11px}
 dialog{border:1px solid #dce6ed;border-radius:15px;box-shadow:0 24px 90px #203b4c30}
 dialog::backdrop{background:#263c5066;backdrop-filter:blur(3px)}
 @media screen and (min-width:801px){
  #modal{resize:both;overflow:hidden;min-width:480px;min-height:280px;max-width:calc(100vw - 32px);max-height:90dvh}
  #modal #modal-content,#modal #dialog-form{display:flex;flex-direction:column;height:100%;min-height:0;max-height:90dvh}
  #modal .modal-header,#modal .modal-footer{flex:none}
  #modal .modal-body{flex:1;min-height:0;overflow:auto}
  #modal .modal-footer{padding-right:32px}
  #modal::after{content:'';position:absolute;right:4px;bottom:4px;width:12px;height:12px;background:repeating-linear-gradient(135deg,transparent 0 3px,#8395a5 3px 4px);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}
 }
 .modal-header{background:#f2f7f9;border-bottom-color:#e0e9ef;padding:21px 25px}
 .modal-header h2{color:#2e4d61;font-size:19px}.modal-header small{color:#73899c;line-height:1.6}
 .modal-footer{background:#f7f9fb;border-top-color:#e3eaf0;padding:15px 25px;gap:9px}
 .modal-body .form-field{color:#536c80;font-size:12px;gap:7px}
 .modal-body .form-field>input,.modal-body .form-field>select,.modal-body .form-field>textarea{background:#fcfdfe;padding:9px 11px;min-height:39px}
 .modal-body .form-field input[readonly]{background:#f1f5f8;color:#61778a}
 .quote-editor .quote-form-section{border:1px solid #e1e9ef;border-radius:12px;padding:19px;background:#fff}
 .quote-editor .quote-form-section+.quote-form-section{margin-top:17px}
 .quote-editor .quote-form-section h3{color:#386573}
 .quote-editor .quote-product-picker{padding:12px;background:#f1f6f9;border:1px solid #e1eaf0;border-radius:9px;flex-wrap:wrap}
 .quote-editor .quote-line-toolbar{background:#f2f7f9;border-radius:9px}
 .invoice-company-bar{border-radius:10px;background:#edf3f8;border-color:#dfe8ef}
 .list-sort-button{min-height:24px}.list-sort-marker{color:#7394ab}
 #toast{border-radius:10px;background:#2d5962;box-shadow:0 8px 30px #25314426}
 @media(min-width:1600px){#main{padding:34px 40px}.shell>header{padding-inline:40px}}
 @media(max-width:1150px) and (min-width:801px){#sidebar{width:216px}.shell{margin-left:216px}#nav a{font-size:11px;padding:9px 10px}#main{padding:24px}.shell>header{padding-inline:24px}#main .stats{gap:10px}#main .stat{padding:15px}#main .stat-value{font-size:23px}}
 @media(max-width:800px){#sidebar{width:244px}.shell{margin-left:0}.shell>header{height:58px;padding-inline:16px}#main{padding:19px 15px}#main>.page-heading{padding:18px;flex-wrap:wrap;gap:13px;border-radius:12px}.page-heading h1{font-size:22px}.page-heading .dialog-tools{flex-wrap:wrap}#main .stats{gap:10px}#main .stat{padding:14px}#main .stat-value{font-size:22px}#main .stat-label{font-size:10px;gap:5px}#main .stat-label svg{width:15px;height:15px;padding:4px}#main .toolbar{padding:11px;gap:9px}#main .table-wrap{border:0;background:transparent;box-shadow:none;overflow:visible}#main td{padding:0}#main tbody tr{border-color:#dfe7ee;border-radius:11px;box-shadow:0 2px 7px #25314404;padding:16px}#main td::before{color:#7a8fa2;font-size:10px;font-weight:500}#main .tabs{gap:4px}#main .tabs>button{padding:8px 11px}dialog{border-radius:12px}.modal-header{padding:18px}.modal-footer{padding:14px 17px}.quote-editor .quote-form-section{padding:14px}.shell>footer{padding-inline:16px}.local-label{display:none}}
 @media(prefers-reduced-motion:reduce){#nav a{transition:none}}
}

@media screen{
 .sidebar-collapse{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 16px 12px;padding:6px 10px;border:1px solid #dfe7ee;border-radius:8px;background:#f6f9fb;color:#597283;font-size:11px;flex-shrink:0}
 .sidebar-collapse>span:first-child{font-size:21px;line-height:1}
 .sidebar-collapse:hover{background:#eaf1f6;color:#285b70}
}
@media screen and (min-width:801px){
 body.sidebar-collapsed #sidebar{width:68px}
 body.sidebar-collapsed .shell{margin-left:68px}
 body.sidebar-collapsed #sidebar .brand{padding:20px 14px 14px;justify-content:center}
 body.sidebar-collapsed #sidebar .brand>span,body.sidebar-collapsed .workspace-label,body.sidebar-collapsed .sidebar-collapse-label,body.sidebar-collapsed #nav .nav-settings-label{display:none}
 body.sidebar-collapsed .sidebar-collapse{margin:0 14px 10px;padding:6px}
 body.sidebar-collapsed #nav{padding-inline:9px}
 body.sidebar-collapsed #nav a{position:relative;justify-content:center;padding:11px;min-height:41px}
 body.sidebar-collapsed #nav a>span{display:none}
 body.sidebar-collapsed #nav a .nav-count{display:block;position:absolute;right:0;top:0;min-width:14px;font-size:9px;padding:0 2px;line-height:14px}
 body.sidebar-collapsed .sidebar-bottom{justify-content:center;margin:0 10px 14px;padding-top:10px}
 body.sidebar-collapsed .sidebar-bottom>div,body.sidebar-collapsed .sidebar-bottom>.online{display:none}
 body.sidebar-collapsed #toast{left:calc(50% + 34px)}
}
@media screen and (max-width:800px){.sidebar-collapse{display:none}}

/* Official company identity; preserve the original logo proportions. */
#sidebar .brand img{object-fit:contain;background:#fff;padding:3px;border-radius:8px;flex-shrink:0}
#sidebar .brand strong{font-size:15px;white-space:nowrap;letter-spacing:0}

#nav .nav-group{margin:8px 0;border-top:1px solid #e9eef2;padding-top:7px}
#nav .nav-group>summary{display:flex;align-items:center;gap:10px;padding:11px 13px;list-style:none;cursor:pointer;color:#607586;font-size:13px;border-radius:8px;user-select:none}
#nav .nav-group>summary::-webkit-details-marker{display:none}
#nav .nav-group>summary:hover{background:#f1f7f8;color:#176d77}
#nav .nav-group>summary>span{flex:1;font-weight:600}
#nav .nav-group>summary>svg:last-child{width:14px;height:14px;transition:transform .18s}
#nav .nav-group[open]>summary>svg:last-child{transform:rotate(180deg)}
#nav .nav-group-active>summary{color:#167783;background:#edf6f5}
#nav .nav-group-links{margin-left:9px;padding-left:8px;border-left:1px solid #dfe9ee}
#nav .nav-group-links a{font-size:12px}
#nav .nav-group>summary:focus-visible{outline:2px solid #409da9;outline-offset:2px}
@media screen and (min-width:801px){body.sidebar-collapsed #nav .nav-group>summary{justify-content:center;padding:11px}body.sidebar-collapsed #nav .nav-group>summary>span,body.sidebar-collapsed #nav .nav-group>summary>svg:last-child{display:none}body.sidebar-collapsed #nav .nav-group-links{padding:0;margin:0;border:0}}

.order-items-quicklook{margin-top:7px;max-width:420px;min-width:180px;white-space:normal}
.order-items-quicklook>summary{display:inline-flex;align-items:center;gap:4px;list-style:none;cursor:pointer;color:#1d7b87;font-size:12px;padding:3px 0;border-radius:4px;user-select:none}
.order-items-quicklook>summary::-webkit-details-marker{display:none}
.order-items-quicklook>summary svg{width:15px;height:15px;transition:transform .15s}
.order-items-quicklook[open]>summary svg{transform:rotate(90deg)}
.order-items-quicklook>summary:hover{text-decoration:underline}
.order-items-quicklook>summary:focus-visible{outline:2px solid #409da9;outline-offset:3px}
.order-items-quicklook-list{margin-top:7px;padding:2px 12px;border:1px solid #dfebef;border-radius:8px;background:#f5fafb;overflow-wrap:anywhere}
.order-items-quicklook-item{padding:10px 0;border-bottom:1px solid #e0ebee}
.order-items-quicklook-item:last-child{border-bottom:0}
.order-items-quicklook-item>strong{font-size:12px;color:#274d61;line-height:1.6;font-weight:600}
.order-items-quicklook-meta{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:11px;color:#526d7b;margin-top:4px}
.order-items-quicklook-item>p{font-size:11px;color:#607986;margin:5px 0 0;white-space:pre-line}
body[data-view="orders"] main td:has(.order-items-quicklook){vertical-align:top}

/* Use the same red paper-plane cue for every submit/send action. */
:is(svg.lucide-send,svg.lucide-send-horizontal,[data-lucide="send"],[data-lucide="send-horizontal"]){color:#dc2626;stroke:#dc2626;stroke-width:2.1}

/* Keep validation errors visible while the form body scrolls. */
#modal .modal-footer{flex-wrap:wrap}
#modal .modal-footer>.form-error:empty{display:none}
#modal .modal-footer>.form-error:not(:empty){flex:0 0 100%;box-sizing:border-box;padding:11px 13px;margin:0 0 4px;border:1px solid #f0aaaa;border-radius:6px;background:#fff0f0;color:#a32020;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:24vh;overflow:auto}
#modal .modal-footer>.form-error:focus{outline:2px solid #dc6868;outline-offset:2px}

/* White send icons retain contrast on the original green primary buttons. */
.primary :is(svg.lucide-send,svg.lucide-send-horizontal,[data-lucide="send"],[data-lucide="send-horizontal"]){color:#fff;stroke:#fff}

.borrowed-customer-picker{position:relative}
.borrowed-customer-results{position:absolute;top:100%;left:0;right:0;z-index:30;max-height:230px;overflow:auto;background:#fff;border:1px solid #c7d6df;border-radius:7px;box-shadow:0 6px 18px #25314420}
.borrowed-customer-results[hidden]{display:none}
.borrowed-customer-results button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #edf1f4;border-radius:0;padding:10px 12px;background:#fff;color:#243e4a;font-size:13px}
.borrowed-customer-results button:hover,.borrowed-customer-results button:focus{background:#eaf5f5;outline:2px solid #89b9bd;outline-offset:-2px}
.borrowed-customer-results .hint{padding:10px 12px;margin:0}

.order-editor [data-stock-dependent]{border:0;margin:9px 0 0;padding:0;min-width:0}
.order-editor [data-stock-browse]{margin-top:8px}
.order-stock-list{margin-top:8px;border:1px solid #c7d9df;border-radius:7px;background:#fff;overflow:hidden}
.order-stock-list[hidden]{display:none}
.order-stock-list [role=listbox]{max-height:280px;overflow:auto}
.order-stock-list [role=option]{display:block;width:100%;text-align:left;padding:10px;border:0;border-bottom:1px solid #e8eef1;background:#fff;color:#294b54;white-space:normal}
.order-stock-list [role=option]:hover,.order-stock-list [role=option]:focus{background:#eaf5f4}
.order-stock-list [role=option] strong,.order-stock-list [role=option] span{display:block;line-height:1.6;overflow-wrap:anywhere}
.order-stock-list [role=option] span{font-size:11px;color:#61767e;margin-top:4px}
.order-stock-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;background:#f3f8f9;font-size:11px}

.statement-balance-kind{border:0;padding:0;margin:0;min-width:0}
.statement-balance-kind legend{margin-bottom:7px;font-size:12px;color:#687882}
.statement-balance-options{display:flex;gap:12px}
.statement-balance-options label{display:flex;align-items:center;gap:8px;border:1px solid #d8e3e7;border-radius:7px;padding:10px 24px;background:#fff;cursor:pointer}
.statement-balance-options label:has(input:checked){background:#eaf5f4;border-color:#326d74;color:#326d74;font-weight:600}
.statement-balance-options input[type=radio]{width:16px;height:16px;accent-color:#326d74}
.inventory-purchase-history{min-width:220px;text-align:left}
.inventory-purchase-history summary{cursor:pointer;color:#326d74;font-weight:600}
.inventory-purchase-history-row{padding:10px 0;border-bottom:1px solid #d8e3e7}
.inventory-purchase-history-row strong{display:block;margin-top:4px}
.statement-balance{print-color-adjust:exact;-webkit-print-color-adjust:exact}
.statement-balance.statement-balance-debt{color:#c62828}
.statement-balance.statement-balance-credit{color:#17803d}
.statement-balance.statement-balance-settled{color:#596771}
.statement-receipt-unpaid{color:#c62828;font-weight:700;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.quote-invoice-shipment-list{max-height:320px;overflow:auto;border:1px solid #d8e3e7;border-radius:8px;padding:8px;margin-bottom:18px}
.quote-invoice-shipment-option{display:flex;align-items:flex-start;gap:10px;padding:10px;border-bottom:1px solid #edf0f2;cursor:pointer}
.quote-invoice-shipment-option[hidden]{display:none}
.quote-invoice-shipment-option input{width:16px;height:16px;margin-top:3px;flex-shrink:0;accent-color:#326d74}
.document-cross-link{margin-top:6px;line-height:1.6}
.document-cross-link .sub{margin-top:0}
#main .document-cross-link-invoice,#main .document-cross-link-invoice .sub,#main .document-cross-link-invoice .order-ref{color:#c62828}
#main .document-cross-link-shipment,#main .document-cross-link-shipment .order-ref{color:#c62828}
.document-cross-link .order-ref:hover{text-decoration:underline}
.assignment-panel{margin:16px 0;padding:14px 18px;border:1px solid #e4b2a8;border-radius:10px;background:#fff8f5}
.assignment-task{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #eed9d2}
.assignment-task.is-unread{border-left:3px solid #c62828;padding-left:10px}
.assignment-count{background:#c62828!important;color:white!important;font-weight:700}
.assignment-unread{animation:assignment-pulse 1.4s ease-in-out infinite}
@keyframes assignment-pulse{50%{opacity:.5;box-shadow:0 0 0 3px #c6282820}}
@media(prefers-reduced-motion:reduce){.assignment-unread{animation:none}}
@media(max-width:700px){.assignment-task{align-items:flex-start;flex-direction:column}}
@media screen and (min-width:801px){body.sidebar-collapsed #nav a .assignment-count~.nav-count{top:auto;bottom:0}}
@media print{
 #modal.statement-document{position:static!important;inset:auto!important;transform:none!important;translate:none!important;margin:0!important;padding:0!important;height:auto!important;min-height:0!important;max-height:none!important;min-width:0!important;max-width:none!important;overflow:visible!important}
 #modal.statement-document :is(#modal-content,#dialog-form,.modal-body){display:block!important;position:static!important;inset:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;transform:none!important;translate:none!important}
 #modal.statement-document::after{display:none!important}
 #modal.statement-document .statement-paper{margin:0!important;padding:0!important;break-before:auto!important}
}