.ho125{--ho-ink:#17374a;--ho-muted:#586e79;--ho-teal:#167c7b;--ho-line:#d8e3e8;--ho-paper:#fff;width:min(1450px,96vw);height:min(940px,94dvh);max-width:none;max-height:none;padding:0;border:1px solid #9fb6c3;border-radius:20px;background:#f3f7f9;color:var(--ho-ink);box-shadow:0 30px 100px #102a4360;font-family:inherit;overflow:hidden;grid-template-rows:auto auto auto minmax(0,1fr) auto;isolation:isolate}.ho125[open]{display:grid}.ho125::backdrop{background:#0a233dc0;backdrop-filter:blur(5px)}.ho125 *{box-sizing:border-box}.ho125 h1,.ho125 h2,.ho125 h3,.ho125 p{margin:0}.ho125 button,.ho125 input,.ho125 select,.ho125 textarea{font:inherit}.ho125 button,.ho125 a{min-height:38px;padding:8px 14px;border:1px solid #bccfd9;border-radius:9px;background:#fff;color:var(--ho-ink);font-weight:700;text-decoration:none;cursor:pointer}.ho125 button:hover,.ho125 a:hover{background:#e5f1f2;border-color:var(--ho-teal)}.ho125 button:focus-visible,.ho125 a:focus-visible,.ho125 input:focus-visible,.ho125 select:focus-visible,.ho125 textarea:focus-visible{outline:3px solid #c19c4b;outline-offset:2px}.ho125 button:disabled{opacity:.5;cursor:wait}.ho125 .ho125-primary{background:var(--ho-teal);border-color:var(--ho-teal);color:white}.ho125-header{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px 30px;background:linear-gradient(120deg,#143146,#245465);color:#fff;border-bottom:3px solid #bc9a55}.ho125-header small{color:#b9d8de;letter-spacing:.15em;font-size:10px}.ho125-header h1{font-size:25px;line-height:1.8;font-weight:800}.ho125-header p{font-size:12px;color:#d5e4e9}.ho125-scope{display:flex;align-items:end;gap:12px;max-width:55%}.ho125-scope label{display:grid;gap:5px;font-size:11px;color:#d3e3ea}.ho125-scope select{width:min(410px,38vw);background:#fff;color:#153b4d;padding:9px;border-radius:8px;border:1px solid #b6cbd5}.ho125-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:12px 24px;background:#fff;border-bottom:1px solid var(--ho-line)}.ho125-tabs button{border-color:transparent;background:transparent;font-size:12px}.ho125-tabs button.active{background:#e4f1f1;color:#116867;border-color:#b6d7d4;box-shadow:inset 0 -3px #167c7b}.ho125-notice{padding:10px 28px;background:#e0f2e9;color:#195c43;border-bottom:1px solid #b8dbc9}.ho125-notice[data-error=true]{background:#fff1ef;color:#9f2929}.ho125-main{min-height:0;overflow:auto;padding:26px 30px;scrollbar-gutter:stable}.ho125-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.ho125-heading h2{font-size:21px}.ho125-heading p{margin-top:6px;color:var(--ho-muted);font-size:12px;line-height:1.8;max-width:660px}.ho125-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.ho125-heading>.ho125-actions{max-width:50%}.ho125-actions button{font-size:12px}.ho125-table-wrap{overflow:auto;max-width:100%;border:1px solid var(--ho-line);border-radius:12px;background:white;margin-block:14px}.ho125 table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;line-height:1.7;min-width:620px}.ho125 th{position:sticky;top:0;z-index:2;background:#eaf1f5;border-bottom:1px solid #bacdd7;text-align:start;white-space:nowrap;color:#34576b;font-size:11px;padding:12px}.ho125 td{padding:12px;vertical-align:top;border-bottom:1px solid #e3ebef;overflow-wrap:anywhere;max-width:450px}.ho125 tr:last-child td{border-bottom:0}.ho125 tr:nth-child(even) td{background:#f8fbfc}.ho125 td small{display:block;margin-top:3px;color:var(--ho-muted);font-size:10px}.ho125 td button{font-size:11px;margin:2px}.ho125 .ho125-red{color:#b33135!important;font-weight:700}.ho125-status{display:inline-block;white-space:nowrap;font-size:10px;padding:4px 9px;border-radius:20px;background:#edf2f5;color:#466070}.ho125-status.s-APPROVED{background:#def1e9;color:#1b6149}.ho125-status.s-SUBMITTED{background:#fff0cf;color:#815b15}.ho125-status.s-REJECTED{background:#fbe5e3;color:#963d38}.ho125-section{margin-bottom:24px}.ho125-section h3{font-size:15px;margin:8px 0}.ho125-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ho125-metrics article{background:linear-gradient(130deg,#fff,#edf5f6);border:1px solid #c6dade;border-radius:14px;padding:20px;border-inline-start:4px solid #408d93}.ho125-metrics span,.ho125-metrics small{display:block;color:var(--ho-muted);font-size:11px;line-height:1.8}.ho125-metrics strong{display:block;font-size:29px;margin:10px 0;color:#163f52;font-variant-numeric:tabular-nums}.ho125-method{padding:14px 18px;border-inline-start:3px solid #bc9a55;background:#f9f4e9;color:#695633;font-size:12px;line-height:1.9;margin-block:16px!important;border-radius:6px}.ho125-empty{padding:70px 20px;text-align:center;background:white;border:1px dashed #c1d4dd;border-radius:14px}.ho125-empty strong{display:block;font-size:19px}.ho125-empty p{color:var(--ho-muted);font-size:13px;margin-top:10px}.ho125-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 26px;border-top:1px solid var(--ho-line);background:#fff;color:var(--ho-muted);font-size:11px}.ho125-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ho125 label{display:grid;gap:7px;font-size:12px;font-weight:700}.ho125 input:not([type=checkbox]),.ho125 select,.ho125 textarea{width:100%;padding:10px 12px;border:1px solid #b8ccd6;border-radius:8px;background:white;color:#16384a;font-weight:400;min-width:0}.ho125 textarea{resize:vertical;line-height:1.8}.ho125 input[type=checkbox]{width:22px;height:22px;accent-color:#167c7b}.ho125-wide{grid-column:1/-1}.ho125-form-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:22px;margin-top:18px;border-top:1px solid var(--ho-line)}.ho125-form-error{color:#a3262e;margin-top:14px!important;white-space:pre-wrap}.ho125-editor h3{margin-top:24px}.ho125-editor table{min-width:900px}.ho125-editor [data-price] input{min-width:90px}.ho125-editor [data-price] [data-resource]{min-width:160px}.ho125-editor [data-quantity] select{min-width:350px}.ho125-photo-picker{margin-block:20px}.ho125-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ho-line);background:white;border-radius:12px;overflow:hidden}.ho125-detail-grid>div{padding:16px;border-bottom:1px solid var(--ho-line)}.ho125-detail-grid span{display:block;color:var(--ho-muted);font-size:11px;margin-bottom:6px}.ho125-detail-grid strong{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.ho125-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:20px}.ho125-photos figure{margin:0}.ho125-photos img{width:100%;max-height:360px;object-fit:contain;border-radius:10px;background:#e3ebef}.ho125-photos figcaption{font-size:11px;padding:6px}.ho125-search{display:flex;gap:12px;align-items:end}.ho125-search label{flex:1}.ho125-source{padding:20px;border:1px solid var(--ho-line);border-inline-start:4px solid #368a92;background:white;border-radius:10px;margin-top:12px}.ho125-source h3{font-size:16px;margin-block:7px}.ho125-source p{font-size:13px;line-height:1.9;margin-bottom:14px;white-space:pre-wrap}.ho125-source small{color:var(--ho-muted)}.ho125-loading{padding:50px;text-align:center}.ho125 [hidden]{display:none!important}
@media(max-width:900px){.ho125{width:100vw;height:100dvh;border:0;border-radius:0}.ho125-header{padding:17px;align-items:start}.ho125-header h1{font-size:19px}.ho125-header p{display:none}.ho125-scope{max-width:50%}.ho125-scope select{width:100%;max-width:260px}.ho125-scope{flex-wrap:wrap}.ho125-main{padding:18px 14px}.ho125-tabs{padding:8px;gap:2px}.ho125-tabs button{padding:7px 8px;font-size:11px}.ho125-heading{flex-direction:column;gap:12px}.ho125-heading>.ho125-actions{max-width:none}.ho125-form-grid,.ho125-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ho125-metrics{grid-template-columns:1fr}.ho125-footer{padding:8px 12px;flex-wrap:wrap}.ho125-metrics article{padding:14px}.ho125-metrics strong{font-size:25px}.ho125-search{align-items:stretch;flex-direction:column}}
@media(max-width:480px){.ho125-form-grid,.ho125-detail-grid,.ho125-photos{grid-template-columns:1fr}.ho125-header{gap:8px}.ho125-header small{font-size:8px}.ho125-header h1{font-size:17px}.ho125-scope{max-width:48%}.ho125-scope button{font-size:11px;padding:5px 10px}.ho125-heading h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.ho125 *{animation:none!important;transition:none!important}}

.ho125-header{grid-row:1}.ho125-tabs{grid-row:2}.ho125-notice{grid-row:3}.ho125-main{grid-row:4}.ho125-footer{grid-row:5}

@media(max-width:600px){.ho125-editor .ho125-table-wrap{border:0;background:transparent;overflow:visible}.ho125-editor table,.ho125-editor tbody{display:block;min-width:0}.ho125-editor thead{display:none}.ho125-editor [data-price],.ho125-editor [data-quantity]{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ho-line);border-radius:12px;margin-bottom:12px;background:white;padding:10px;gap:8px}.ho125-editor [data-price] td,.ho125-editor [data-quantity] td{display:block;padding:0;border:0;background:white}.ho125-editor [data-price] td:nth-child(2),.ho125-editor [data-price] td:nth-child(7),.ho125-editor [data-quantity] td:first-child{grid-column:1/-1}.ho125-editor [data-price] td::before,.ho125-editor [data-quantity] td::before{display:block;font-size:10px;color:var(--ho-muted);margin:2px 0 4px}.ho125-editor [data-price] td:nth-child(1)::before{content:'النوع'}.ho125-editor [data-price] td:nth-child(2)::before{content:'المورد'}.ho125-editor [data-price] td:nth-child(3)::before{content:'الوحدة'}.ho125-editor [data-price] td:nth-child(4)::before{content:'الاستهلاك'}.ho125-editor [data-price] td:nth-child(5)::before{content:'السعر'}.ho125-editor [data-price] td:nth-child(6)::before{content:'المجهز'}.ho125-editor [data-price] td:nth-child(7)::before{content:'عرض السعر'}.ho125-editor [data-quantity] td:nth-child(1)::before{content:'الفقرة'}.ho125-editor [data-quantity] td:nth-child(2)::before{content:'الكمية'}.ho125-editor [data-quantity] td:nth-child(3)::before{content:'ملاحظة'}.ho125-editor [data-quantity] select,.ho125-editor [data-price] input,.ho125-editor [data-price] [data-resource]{min-width:0}}
