@font-face{font-family:Cairo;src:url('cairo-arabic.woff2')}@font-face{font-family:Ruqaa;src:url('ruqaa-arabic.woff2')}*{box-sizing:border-box}:root{--paper:#f4f6f8;--ink:#133e49;--muted:#7b8791;--line:#e5eaee;--lime:#e4f4ef}body{font-family:Cairo,Tahoma,Arial,sans-serif;background:var(--paper);color:#203d48;font-size:13px}button,input,select,textarea{font:inherit}button{font-weight:600;border-radius:8px;padding:9px 15px}input,select,textarea{background:#fff;border-radius:7px;padding:9px 11px}button.primary{background:#0c4652;border-color:#0c4652}button.primary:hover{background:#176475}label{font-size:11px;font-weight:600;margin-bottom:5px}h2{font-size:16px}.sidebar{position:fixed;right:0;top:0;bottom:0;width:220px;background:#0b3d49;color:#d3e3e7;z-index:25;display:flex;flex-direction:column;padding:24px 15px}.side-brand{font-family:Ruqaa,Cairo,serif;font-size:42px;text-align:center;color:#fff;margin:0 0 5px}.side-sub{text-align:center;font-size:10px;color:#aac8cf;padding-bottom:26px}.side-menu{display:grid;gap:7px}.sidebar button{background:none;border:0;color:#d3e3e7;text-align:right;padding:12px 13px;display:flex;align-items:center;gap:11px;font-size:12px;border-radius:7px;white-space:nowrap}.sidebar button.active{background:#20616f;color:#fff;border-right:3px solid #66c9bf}.sidebar button:hover{background:#174f5c}.side-icon{font-size:18px;width:24px;text-align:center}.side-bottom{margin-top:auto;border-top:1px solid #38606b;padding-top:15px}.side-version{font-size:9px;color:#9dbbc2;text-align:center;margin-top:17px}.app-header{position:sticky;top:0;z-index:20;margin-right:220px;min-height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 30px}.app-header h1{font-size:20px;margin:0}.header-hint{font-size:10px;color:var(--muted);margin-top:2px}.header-tools{display:flex;gap:8px;align-items:center}.iconbtn{padding:8px 12px;font-size:16px}.desk-page,main#editor-page{max-width:none;margin:0 220px 0 0;padding:25px 30px}.intro,body>header:not(.app-header),body>footer{display:none!important}.layout{grid-template-columns:minmax(340px,.95fr) minmax(350px,1.05fr);gap:25px;max-width:1250px;margin:auto}.panel{border-radius:10px;box-shadow:none;padding:20px;margin-bottom:18px}.editor-tabs{display:flex;border-bottom:1px solid var(--line);margin:-20px -20px 20px}.editor-tabs button{flex:1;border:0;border-radius:0;color:#7e8a91;background:#f7f9fa;padding:14px 8px;font-size:12px}.editor-tabs button.active{background:white;color:var(--ink);box-shadow:inset 0 3px #1d6977}.fields{gap:14px}.step{display:none}.result{position:sticky;top:102px;min-width:0}.result .stats,.result>.help{display:none}.canvas-head{display:flex;justify-content:space-between;margin-bottom:14px;align-items:center;font-size:12px;color:#607582}.canvas-tools{display:flex;gap:6px}.canvas-tools button{padding:6px 8px;font-size:11px}.canvas-wrap{background:#e8edf0;border:1px solid #dde4e8;border-radius:9px;padding:26px 18px;display:flex;justify-content:center;overflow:auto;min-height:470px;max-height:78vh;position:relative;direction:ltr}#label{margin:0;flex-shrink:0;box-shadow:0 5px 18px #233f4620;border-radius:5px!important;border:0!important;background:white;direction:rtl;position:relative;transform-origin:top center;overflow:visible!important;box-sizing:border-box}#label .majal-surface{position:relative;width:100%;height:100%}#label .sticker{width:100%;height:100%;display:flow-root;font-family:Arial,Tahoma,sans-serif;color:#000}#label .node{cursor:grab}#label .node.locked{cursor:default}#label .node.selected{outline:1px dashed #368edb;outline-offset:1px}#label .node.selected:after{content:'';position:absolute;right:-4px;bottom:-4px;width:7px;height:7px;background:white;border:1px solid #368edb;pointer-events:none}#label .node{position:relative}.canvas-foot{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-top:0;padding:10px 13px;background:#fff;font-size:10px;color:#788992}.canvas-foot button{font-size:12px;padding:3px 8px}.guide-x,.guide-y{position:absolute;background:#49b4bd;pointer-events:none;z-index:100;display:none}.guide-x{left:50%;height:100%;width:1px;top:0}.guide-y{top:50%;width:100%;height:1px;left:0}.add-elements{display:flex;gap:10px;margin-top:20px}.add-elements button{flex:1;border-color:#236571;color:#236571}.element-row{display:grid;grid-template-columns:1fr 32px 32px 32px;align-items:center;gap:6px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.element-row button{border:0;padding:5px;background:transparent;font-size:15px}.element-name{border:0!important;text-align:right!important;font-size:11px!important}.element-row.current{background:#eef7fa}.property-panel{padding:14px;background:#f5f8fa;border-radius:8px;margin-top:12px}.property-panel .fields{gap:8px}.property-panel input{padding:6px 8px}.property-panel label{font-size:10px}.muted{color:var(--muted);font-size:11px}.section-actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.section-actions button{font-size:11px}.page-lead{margin-bottom:20px}.page-lead h1{font-size:23px}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card h2{margin-bottom:15px}.settings-card .setting-field{margin:11px 0}.recipe-card{display:grid;grid-template-columns:1fr auto;gap:15px;border-bottom:1px solid var(--line);padding:16px 0;align-items:center}.recipe-card strong{display:block;margin-bottom:5px}.recipe-card .actions{justify-content:flex-end}.smalltext{font-size:10px;color:var(--muted);line-height:1.7}.cost-summary{background:#edf6f3;border-radius:10px;padding:17px;display:flex;justify-content:space-around;gap:10px;text-align:center;margin-top:16px}.cost-summary strong{font-size:19px;display:block}.cost-summary small{font-size:10px;color:#637d79}.toolbar select{max-width:210px}.batchfields{margin-top:16px;border-top:1px solid var(--line);padding-top:15px}.toggle-line{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:11px}.toggle-line input{width:17px;margin:0}.toggle-line label{margin:0}.recipe-name-line{position:relative}.busy{pointer-events:none;opacity:.55}.swatch{display:flex;gap:8px;align-items:center}.swatch input[type=color]{padding:2px;width:45px;height:33px}.empty-state{font-size:12px}.splash{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 45%,#195568,#092f3b 70%);z-index:10000;display:grid;place-items:center;color:#fff;transition:opacity .6s}.splash-inner{text-align:center}.splash-logo{font-family:Ruqaa,Cairo,serif;font-size:115px;line-height:1.5;text-shadow:0 5px 25px #0003}.splash-credit{font-family:Arial,sans-serif;font-size:15px;letter-spacing:3px;color:#c0dce1;margin-top:10px;direction:ltr}.splash-line{height:2px;width:110px;background:#86d3c6;margin:30px auto 0;animation:loading 1.8s ease-in-out infinite}.splash-sub{font-size:11px;color:#8fbdc8;margin-top:22px}@keyframes loading{0%,100%{transform:scaleX(.4);opacity:.4}50%{transform:scaleX(1);opacity:1}}.native-error{background:#fff3df;padding:10px;border-radius:8px;font-size:11px}.pill.bad{background:#fee9e5;color:#9c4836}.import-warning{font-size:11px;color:#86642e;line-height:1.7}.print-preview-container{max-height:75vh}.settings-title{font-size:11px;color:#76939b;margin-top:10px}.brand-credit{font-family:Arial,sans-serif;font-size:10px;direction:ltr;text-align:center;color:#94b8c2;margin-top:10px}.inline-help{font-size:10px;color:#82929a;margin-top:5px;line-height:1.8}.danger{color:#a54d3a!important}.history-item{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line);font-size:11px}@media(max-width:1200px){.sidebar{width:190px;padding:20px 10px}.app-header{margin-right:190px;padding:12px 20px}.desk-page,main#editor-page{margin-right:190px;padding:20px}.layout{gap:15px;grid-template-columns:minmax(330px,1fr) minmax(300px,1fr)}.canvas-wrap{padding:20px 10px}.setting-grid{gap:12px}.header-tools button{padding:8px 11px}}@media(max-width:900px){.sidebar{width:165px}.app-header,.desk-page,main#editor-page{margin-right:165px}.sidebar button{font-size:11px;padding:10px 7px}.layout,.setting-grid{grid-template-columns:1fr}.result{position:static}.app-header{flex-wrap:wrap}.header-tools{flex-wrap:wrap}.side-icon{display:none}}@media print{.sidebar,.app-header,.splash{display:none!important}}
#nutrition-pane>.panel{padding:0;border:0;margin-top:20px}#nutrition-pane>#final-wrap{margin:18px 0}#nutrition-pane .panel-title{margin-bottom:12px}#cost-card{border-top:1px solid var(--line)!important;padding-top:15px!important}.editor .panel-title .small-btn{font-size:10px}#data-pane .fields>div[style*="grid-column"]{grid-column:1/-1}.result .tabs{max-width:100%}

#excel-map{max-width:1150px;width:94vw;max-height:90vh;overflow:auto}#full-sheet-map{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}#sheet-data-dialog{max-width:900px;width:90vw;max-height:85vh;overflow:auto}#sheet-data-dialog td{white-space:pre-wrap;overflow-wrap:anywhere;max-width:600px}

#skey-card{grid-column:1/-1}#skey-card details{margin-top:15px}#skey-card input[dir=ltr]{text-align:left}#skey-status{white-space:pre-wrap;line-height:1.8;margin-top:12px}#skey-report{max-height:380px;overflow:auto;background:#f4f7f7;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
