@font-face{font-family:LabelDejaVu;src:url("/static/fonts/DejaVuSans.be189a7e2711.ttf") format('truetype');font-display:swap}
@font-face{font-family:LabelTajawal;src:url("/static/fonts/Tajawal-Regular.d11e9f3094b8.ttf") format('truetype');font-display:swap}
@font-face{font-family:LabelTajawalMedium;src:url("/static/fonts/Tajawal-Medium.3876865bd2f3.ttf") format('truetype');font-display:swap}
@font-face{font-family:LabelTajawalBold;src:url("/static/fonts/Tajawal-Bold.ef7c3dc2a2b8.ttf") format('truetype');font-display:swap}
#modal:has([data-label-editor]){width:min(1180px,97vw);max-width:1180px}
#modal[open]:has([data-label-editor]){display:flex;flex-direction:column}
#modal:has([data-label-editor]) .modal-head{flex-shrink:0}
#modal:has([data-label-editor]) .modal-content{min-height:0;flex:1}
#modal:has([data-label-editor]) .form-footer{position:sticky;bottom:0;z-index:5;background:#fff;border-top:1px solid #dce7e1;padding:13px 4px 4px;box-shadow:0 -8px 16px #ffffffed}
.label-editor{border:1px solid #d5e2dd;border-radius:14px;overflow:hidden;background:white;min-width:0}
.label-editor [hidden]{display:none!important}
.label-designer-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;background:#f7faf8}
.label-designer-heading strong{font-size:17px;color:#173f3c}.label-designer-heading p{margin:3px 0 0;font-size:12px;color:#637d74}
.label-save-state{font-size:11px;white-space:nowrap;border-radius:20px;background:#e5f1ea;padding:4px 10px;color:#315f48}.label-save-state.dirty{background:#fff0d3;color:#805c15}
.label-toolbar{padding:10px 16px;border-block:1px solid #e3ebe7;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.label-zoom{display:flex;align-items:center;direction:ltr;border:1px solid #d9e4de;border-radius:8px}.label-zoom button{padding:5px 12px;background:transparent;color:#315d52;font-size:18px}.label-zoom output{min-width:45px;text-align:center;font-size:11px}
.label-designer-body{display:grid;grid-template-columns:minmax(0,1fr) 250px;direction:ltr}.label-canvas-column{min-width:0;direction:rtl;background:#eef3f1}
.label-workspace{overflow:auto;max-height:65vh;min-height:260px;padding:24px;direction:ltr;background-image:radial-gradient(#c5d4cd .8px,transparent .8px);background-size:12px 12px}
.label-paper{position:relative;background:white;box-shadow:0 8px 28px #1a3a2926,0 0 0 1px #d0ddd4;margin:auto;direction:ltr;flex-shrink:0;isolation:isolate}
.label-node{position:absolute;padding:0;border:0;outline:1px dashed transparent;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;direction:rtl;overflow:visible;z-index:1;min-width:0}
.label-node span[data-label-text]{white-space:normal;overflow-wrap:anywhere;unicode-bidi:plaintext;pointer-events:none}.label-node img{display:block;max-width:none;pointer-events:none;object-fit:fill}
.label-node:hover{outline-color:#70a392}.label-node.selected{outline:1.5px solid #168873;z-index:3}.label-node:active{cursor:grabbing}.label-node.overflow{outline:2px dashed #c44242}
.label-node:focus-visible{outline:2px solid #097b67}.label-resize{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;background:#fff;border:2px solid #168873;border-radius:3px;cursor:nwse-resize;display:none;touch-action:none;z-index:4}.label-node.selected .label-resize{display:block}
.label-guide{position:absolute;z-index:4;pointer-events:none}.label-guide.vertical{left:50%;top:0;bottom:0;border-left:1px dashed #b958ad}.label-guide.horizontal{top:50%;left:0;right:0;border-top:1px dashed #b958ad}
.label-canvas-caption{display:flex;justify-content:space-between;padding:10px 16px;gap:10px;font-size:11px;color:#70877c;direction:ltr}.label-design-feedback{margin:0;padding:0 16px 14px;font-size:11px;color:#58776a}.label-design-feedback.error{color:#b33d3d}
.label-inspector{direction:rtl;padding:16px;border-left:1px solid #dce6df;background:#fff}.label-inspector h3{margin-bottom:12px}.label-inspector>p{margin:14px 0 0;line-height:1.8}
.label-layout-fields{border:0;border-top:1px solid #e2ebe5;margin:14px 0 0;padding:12px 0 0;min-width:0}.label-layout-fields legend{font-size:12px;font-weight:bold;padding-inline:6px;color:#4c7164}
.label-font-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}.label-font-controls>label:first-child,.label-type-size{grid-column:1/-1}.label-font-controls input[type=color]{height:42px;padding:4px}
.label-type-size{display:flex;gap:8px;align-items:flex-end;direction:ltr}.label-type-size button{padding:9px 11px;margin-bottom:7px;color:#245947;background:#eaf2ed}.label-type-size label{flex:1;direction:rtl}.label-type-size input{text-align:center}
.label-precision{margin-top:14px}.label-precision .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.label-precision summary{font-size:11px;color:#789086}.label-align-tools{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}.label-align-tools button{flex:1;padding-inline:6px;font-size:11px}
.label-paper-options{margin:0;padding:12px 18px;border-top:1px solid #dfe8e3}.label-paper-options>.form-grid{margin-top:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.label-paper-options .notice{font-size:11px}
.label-preview-actions{display:flex;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid #e2ebe5;background:#fafcfb;flex-wrap:wrap}.label-editor [data-label-preview]{padding:16px}.label-editor iframe{width:100%;height:420px;border:1px solid #d4dfd8;border-radius:8px}
@media(pointer:coarse){.label-resize{width:22px;height:22px;right:-24px;bottom:-24px;border-radius:5px}.label-node{touch-action:none}}
@media(max-width:760px){#modal:has([data-label-editor]){width:100vw;max-width:100vw;margin:0;max-height:100dvh;border-radius:0;height:100dvh}#modal:has([data-label-editor]) .modal-content{padding:10px}#modal:has([data-label-editor]) .modal-head{padding:12px 16px}.label-designer-heading{padding:13px;align-items:flex-start}.label-designer-heading strong{font-size:15px}.label-save-state{font-size:10px;padding:3px 7px}.label-designer-body{grid-template-columns:1fr}.label-workspace{max-height:52vh;min-height:190px;padding:20px 24px}.label-inspector{border-left:0;border-top:1px solid #dce6df;padding:13px}.label-inspector h3{display:none}.label-font-controls{grid-template-columns:1fr 1fr}.label-font-controls>label:first-child,.label-type-size{grid-column:auto}.label-layout-fields{margin-top:9px}.label-paper-options>.form-grid{grid-template-columns:1fr 1fr}.label-preview-actions{padding:12px}.label-preview-actions button{width:100%}.label-toolbar{padding:8px}.label-toolbar .btn-small{padding:6px 9px}.label-align-tools button{flex:none;padding:7px 15px}}

.label-template-panel{padding:12px 18px;border-top:1px solid #e3ebe7;background:#f7faf8}.label-template-use,.label-template-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.label-template-panel label{min-width:0;margin:0}.label-template-panel button{margin-bottom:7px}.label-template-panel details{margin-top:9px}.label-template-panel summary{font-size:12px;color:#315f48}.label-template-create{margin-top:12px}.label-template-panel p{margin:6px 0 0;font-size:11px}.label-template-panel select{max-width:100%}
@media(max-width:760px){.label-template-panel{padding:12px}.label-template-use,.label-template-create{grid-template-columns:minmax(0,1fr)}.label-template-panel button{margin-bottom:0}.label-template-panel .actions{margin-top:10px}}