@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&family=Nunito+Sans:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&family=Roboto:wght@400;500;700&family=Syne:wght@600;700;800&display=swap');
:root{--bg:#f4f5f7;--card:#fff;--ink:#111318;--muted:#747983;--line:#e6e8ec;--accent:#4f46e5;--accent2:#111318;--danger:#e5484d;--ok:#15803d;--shadow:0 18px 50px rgba(19,25,38,.08);--r:20px;--sidebar:#fbfbfc;--topbar:rgba(244,245,247,.88);--soft:#fafafa;--field:#fafafa;--table:#fff;--table-head:#fafafa;--hover:#fcfcff}
html[data-theme="dark"]{color-scheme:dark;--bg:#17191d;--card:#22252a;--ink:#f4f5f7;--muted:#9da3ad;--line:#343840;--accent:#7c73ff;--accent2:#eef0f4;--danger:#ff7d85;--ok:#51c878;--shadow:0 18px 50px rgba(0,0,0,.25);--sidebar:#1b1e22;--topbar:rgba(23,25,29,.9);--soft:#292d33;--field:#292d33;--table:#22252a;--table-head:#292d33;--hover:#282c32}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button,a{cursor:pointer}.hidden{display:none!important}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#ecebff 0,transparent 35%),var(--bg)}.auth-card{width:min(440px,100%);background:var(--card);border-radius:28px;padding:30px;box-shadow:var(--shadow);border:1px solid rgba(17,19,24,.05)}.brand{font-family:'Syne';font-weight:700;font-size:22px;letter-spacing:-.04em}.brand b{color:var(--accent)}.auth-card h1{font-family:'Syne';font-size:30px;letter-spacing:-.04em;margin:34px 0 6px}.auth-card p{color:var(--muted);margin:0 0 24px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:var(--field);border-radius:13px;padding:12px 13px;outline:none;transition:.15s}.field input:focus,.field textarea:focus{border-color:#b4b0ff;box-shadow:0 0 0 4px #4f46e510;background:var(--table)}.btn{border:0;border-radius:12px;padding:11px 14px;font-weight:700;background:#eceef2;color:var(--ink)}.btn.primary{background:var(--accent);color:#fff}.btn.dark{background:var(--accent2);color:#fff}.btn.danger{background:#feecee;color:var(--danger)}.btn.ghost{background:transparent;border:1px solid var(--line)}.auth-card .btn{width:100%;margin-top:14px}.error{padding:10px 12px;background:#fff0f1;color:#b4232b;border-radius:12px;font-size:12px;margin-bottom:14px}.app{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:20px 16px;border-right:1px solid var(--line);background:var(--sidebar)}.sidebar .brand{padding:8px 10px 24px}.nav{display:grid;gap:6px}.nav button{border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:12px;font-weight:600;color:#555b66}.nav button:hover,.nav button.active{background:#ecebff;color:#272060}.nav .spacer{height:12px}.sidebar-foot{position:absolute;left:16px;right:16px;bottom:18px}.main{min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:var(--topbar);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.topbar-title{font-family:'Syne';font-size:18px;font-weight:700}.topbar-actions{display:flex;gap:8px}.page{padding:28px;max-width:1500px;margin:auto}.hero{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.hero h1{font-family:'Syne';font-size:34px;letter-spacing:-.045em;margin:0}.hero p{margin:6px 0 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:0 1px 0 rgba(255,255,255,.8)}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.metric{font-family:'Syne';font-size:28px;font-weight:700;margin-top:8px}.eyebrow{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .full{grid-column:1/-1}.size-block{margin-top:14px}.size-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:7px}.size-cell{background:#f7f7f9;border-radius:11px;padding:7px}.size-cell small{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.size-cell input{width:100%;border:0;background:transparent;font-weight:700;outline:none}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar .search{flex:1;min-width:220px}.toolbar input{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--field);color:var(--ink)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--table)}.table{width:100%;border-collapse:collapse;min-width:780px}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.table th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--soft)}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:var(--hover)}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:#f0efff;color:#3a34aa;font-size:10px;font-weight:700}.actions{display:flex;gap:6px;justify-content:flex-end}.actions .btn{padding:7px 9px;font-size:10px}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.version-active{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#171923,#28235d);color:#fff;border-radius:24px;padding:22px}.version-active .metric{font-size:36px}.version-active .eyebrow{color:#c7c6de}.version-list{display:grid;gap:10px;margin-top:14px}.version-row{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--table)}.version-row .meta{min-width:0;flex:1}.version-row b{display:block}.version-row small{color:var(--muted)}.drop{border:1.5px dashed #cbcdd4;border-radius:16px;padding:22px;text-align:center;background:var(--soft)}.drop.drag{border-color:var(--accent);background:#f3f2ff}.notice{padding:12px 14px;border-radius:13px;background:#eefbf1;color:#17652f;font-size:12px;margin-bottom:14px}.modal-back{position:fixed;inset:0;background:#0008;z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:var(--table);border-radius:22px;padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head h2{font-family:'Syne';margin:0}.muted{color:var(--muted)}.mobile-menu{display:none}
.span-5{grid-column:span 5}.span-7{grid-column:span 7}
.theme-toggle{width:40px;height:40px;display:inline-grid;place-items:center;padding:0;font-size:17px;line-height:1}
.versions-grid{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);gap:14px;margin-top:14px;align-items:start}
.version-upload-card,.version-history-card{min-width:0}
.version-list{min-width:0}
.version-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px}
.version-row .meta{min-width:0}.version-row .meta b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.version-row .meta small{display:block;margin-top:3px}
.version-row .btn{white-space:nowrap}
.drop input[type=file]{max-width:100%}
/* Sipariş düzenleme ve çıktı görünümü tema ne olursa olsun açık kalır. */
.order-light{--card:#fff;--ink:#111318;--muted:#747983;--line:#e6e8ec;--soft:#fafafa;--field:#fafafa;--table:#fff;--table-head:#fafafa;--hover:#fcfcff;color:#111318}
.order-light .card{background:#fff;border-color:#e6e8ec;box-shadow:0 1px 0 rgba(255,255,255,.8)}
.order-light .field input,.order-light .field textarea,.order-light .field select{background:#fafafa;color:#111318;border-color:#e6e8ec}
.order-light .size-cell{background:#f7f7f9}.order-light .size-cell input{color:#111318}.order-light .muted,.order-light .size-cell small{color:#747983}
.order-light .btn.ghost{color:#111318;border-color:#e6e8ec}.order-light .metric{color:#111318}
html[data-theme="dark"] .btn.dark{background:#eef0f4;color:#17191d}
html[data-theme="dark"] .tag{background:#35315d;color:#d9d6ff}
html[data-theme="dark"] .nav button:hover,html[data-theme="dark"] .nav button.active{background:#302c51;color:#e3e0ff}
html[data-theme="dark"] .version-active{background:linear-gradient(135deg,#111318,#29245f)}
@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;left:0;top:0;width:240px;transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none}.mobile-menu{display:inline-flex}.page{padding:18px}.topbar{padding:0 18px}.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}.versions-grid{grid-template-columns:1fr}.version-row{grid-template-columns:minmax(0,1fr) auto}.version-row .restore{grid-column:1/-1;width:100%}.hero{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.hero h1{font-size:29px}}

html[data-theme="dark"] .nav button{color:#b8bec8}
html[data-theme="dark"] .error{background:#3a2024;color:#ffb7bc}
html[data-theme="dark"] .notice{background:#1d3425;color:#9de5b2}
html[data-theme="dark"] .drop.drag{background:#2d294b}
.summary-sub{font-family:'Syne';font-size:18px;font-weight:700;margin-top:5px;color:#4f46e5}
.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.pricing-cell{border:1px solid var(--line);background:var(--soft);border-radius:14px;padding:11px}.pricing-cell>span{display:block;font-weight:800;font-size:12px;margin-bottom:8px}.pricing-cell>div{display:flex;align-items:center;gap:7px}.pricing-cell input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px;background:var(--field);color:var(--ink);font-weight:700}.pricing-cell b{font-size:12px;color:var(--muted)}
.a4-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.a4-sheet{width:min(794px,100%);min-height:1123px;margin:0 auto;background:#fff;color:#111318;border:1px solid #e6e8ec;box-shadow:0 22px 65px rgba(0,0,0,.12);padding:46px 50px;position:relative}.a4-head{display:flex;justify-content:space-between;gap:28px;padding-bottom:24px;border-bottom:2px solid #171923}.a4-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#4f46e5}.a4-head h1{font-family:'Syne';font-size:28px;letter-spacing:-.04em;margin:7px 0 5px}.a4-head p{margin:0;color:#6b7280;font-size:12px;max-width:480px}.a4-no{text-align:right;min-width:150px}.a4-no span,.a4-info span,.a4-addresses span,.a4-product span,.a4-notes span{display:block;color:#7a808a;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.a4-no b{display:block;font-family:'Syne';font-size:18px;margin-top:5px}.a4-info{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 0;border-bottom:1px solid #e6e8ec}.a4-info b{display:block;margin-top:5px;font-size:11px}.a4-addresses{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #e6e8ec}.a4-addresses>div{background:#f7f8fa;border-radius:12px;padding:13px}.a4-addresses p,.a4-product p,.a4-notes p{font-size:11px;line-height:1.55;margin:6px 0 0;white-space:pre-wrap}.a4-product{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #e6e8ec}.a4-product img{width:120px;height:90px;object-fit:cover;border-radius:12px;border:1px solid #e6e8ec}.a4-section{padding:20px 0}.a4-section-title{font-family:'Syne';font-size:14px;font-weight:800;margin-bottom:12px}.a4-size-group{margin-bottom:14px}.a4-size-group h4{font-size:10px;margin:0 0 7px;color:#5b616c;text-transform:uppercase;letter-spacing:.08em}.a4-size-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.a4-size{border:1px solid #e3e5e9;border-radius:10px;padding:8px;text-align:center}.a4-size b{display:block;font-size:11px}.a4-size span{display:block;font-size:9px;color:#6b7280;margin-top:3px}.a4-size small{display:block;font-size:8px;color:#4f46e5;font-weight:800;margin-top:3px}.a4-summary{margin-left:auto;width:min(360px,100%);border-top:1px solid #dfe2e7;padding-top:12px}.a4-summary>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0;font-size:11px}.a4-summary .total{border-top:2px solid #171923;margin-top:7px;padding-top:11px;font-family:'Syne';font-size:15px}.a4-notes{margin-top:22px;background:#f7f8fa;border-radius:12px;padding:13px;min-height:78px}.a4-foot{position:absolute;left:50px;right:50px;bottom:28px;border-top:1px solid #e6e8ec;padding-top:10px;font-size:8px;color:#8b919a;text-align:right}
@media(max-width:700px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.a4-toolbar{align-items:flex-start;flex-direction:column}.a4-sheet{padding:28px 24px;min-height:auto}.a4-head{flex-direction:column}.a4-no{text-align:left}.a4-info{grid-template-columns:repeat(2,1fr)}.a4-addresses{grid-template-columns:1fr}.a4-size-grid{grid-template-columns:repeat(3,1fr)}.a4-foot{position:static;margin-top:28px}}
@media print{body{background:#fff!important}.sidebar,.topbar,.a4-toolbar{display:none!important}.app{display:block!important}.page{padding:0!important;max-width:none!important}.a4-sheet{width:210mm;min-height:297mm;border:0!important;box-shadow:none!important;margin:0!important;padding:14mm 15mm!important}.a4-foot{left:15mm;right:15mm;bottom:10mm}html[data-theme="dark"] body{background:#fff!important}}

/* Excel */
.excel-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;min-height:660px}.excel-files,.excel-work{border:1px solid var(--line);background:var(--table);border-radius:18px;overflow:hidden}.excel-files-head{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line)}.excel-files-head span{color:var(--muted);font-size:11px}.excel-file{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;padding:12px;cursor:pointer}.excel-file:hover{background:var(--hover)}.excel-file b,.excel-file small{display:block}.excel-file small{color:var(--muted);margin-top:3px;font-size:9px}.excel-empty{height:100%;min-height:600px;display:grid;place-content:center;text-align:center;color:var(--muted)}.excel-empty b{color:var(--ink);font-size:18px}.excel-toolbar{height:58px;display:flex;align-items:center;gap:12px;padding:9px 11px;border-bottom:1px solid var(--line)}.excel-toolbar>input{min-width:140px;max-width:280px;border:0;background:transparent;color:var(--ink);font:700 14px 'Syne';outline:none}.excel-tools{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.formula-bar{height:40px;display:grid;grid-template-columns:70px 1fr;border-bottom:1px solid var(--line)}.formula-bar span{display:grid;place-items:center;border-right:1px solid var(--line);font-size:10px;font-weight:800;color:var(--muted)}.formula-bar input{border:0;background:var(--field);color:var(--ink);padding:0 12px;outline:none}.sheet-scroll{overflow:auto;max-height:calc(100vh - 270px);min-height:560px;background:var(--table)}.sheet-grid{display:grid;width:max-content;min-width:100%;font-size:11px;outline:none;user-select:none}.sheet-corner,.col-head,.row-head{position:sticky;background:var(--soft);z-index:4;border-right:1px solid var(--line);border-bottom:1px solid var(--line);height:30px;display:grid;place-items:center;color:var(--muted);font-weight:800}.sheet-corner{top:0;left:0;z-index:7}.col-head{top:0;position:sticky}.row-head{left:0;position:sticky}.col-head{position:sticky}.col-resize{position:absolute;right:-3px;top:0;width:7px;height:100%;cursor:col-resize;z-index:10}.sheet-cell{position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:6px 7px;background:var(--table);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-cell.bold{font-weight:800}.sheet-cell.selected{background:color-mix(in srgb,var(--accent) 8%,var(--table))}.sheet-cell.anchor-cell{outline:2px solid var(--accent);outline-offset:-2px;z-index:2}.cell-editor{position:absolute;inset:0;width:100%;height:100%;border:2px solid var(--accent);background:var(--table);color:var(--ink);padding:5px 6px;outline:none;font:inherit;z-index:6}.empty.small{padding:20px;font-size:11px}@media(max-width:900px){.excel-layout{grid-template-columns:1fr}.excel-files{max-height:170px;overflow:auto}.sheet-scroll{max-height:65vh}.excel-toolbar{height:auto;align-items:flex-start;flex-direction:column}.excel-tools{margin-left:0}}

/* v1.0.6 · DaPulse full spreadsheet */
.dapulse-hero{margin-bottom:14px}.dapulse-hero .eyebrow{margin-bottom:5px}
.excel-layout{grid-template-columns:220px minmax(0,1fr);gap:12px;min-height:720px}.excel-work{border-radius:14px}.excel-top{position:sticky;top:0;z-index:20;background:var(--table)}
.excel-toolbar{min-height:54px;height:auto;gap:8px;padding:8px 10px;flex-wrap:wrap;background:var(--soft)}.excel-toolbar>input{min-width:150px;max-width:230px}.excel-save-state{font-size:9px;color:var(--muted);white-space:nowrap}.excel-tools{display:flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:wrap}.sheet-tool{height:32px;min-width:32px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:var(--table);color:var(--ink);font:700 11px 'DM Sans';cursor:pointer}.sheet-tool:hover,.sheet-tool.active{background:color-mix(in srgb,var(--accent) 13%,var(--table));border-color:color-mix(in srgb,var(--accent) 50%,var(--line));color:var(--accent)}.sheet-tool:disabled{opacity:.35;cursor:default}.sheet-tool.wide{padding:0 10px}.sheet-tool.italic{font-style:italic}.sheet-tool.underline{text-decoration:underline}.sheet-tool.align-center{text-align:center}.sheet-tool.align-right{text-align:right}.sheet-tool.danger-lite:hover{color:#ef4444;border-color:#ef4444}.tool-sep{width:1px;height:24px;background:var(--line);margin:0 2px}.sheet-select{height:32px;border:1px solid var(--line);border-radius:7px;background:var(--table);color:var(--ink);font-size:10px;padding:0 6px}.sheet-color{position:relative;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--table);font-weight:800;font-size:12px;overflow:hidden;cursor:pointer}.sheet-color.fill span{font-size:15px}.sheet-color input{position:absolute;left:0;right:0;bottom:0;width:100%;height:6px;border:0;padding:0;opacity:.9;cursor:pointer}
.formula-bar{height:38px;grid-template-columns:64px 84px minmax(0,1fr);background:var(--table)}.formula-bar .cell-ref{display:grid;place-items:center;border-right:1px solid var(--line);font-size:10px;font-weight:800;color:var(--muted)}.formula-actions{display:flex;align-items:center;border-right:1px solid var(--line)}.formula-actions button{width:28px;height:100%;border:0;background:transparent;color:var(--muted);font-size:16px;cursor:pointer;opacity:.38}.formula-actions span{margin-left:3px;font:700 10px 'Syne';color:var(--muted)}.formula-bar.editing .formula-actions button{opacity:1}.formula-actions button:hover{background:var(--hover);color:var(--ink)}.formula-bar input{font-size:11px}
.sheet-scroll{min-height:610px;max-height:calc(100vh - 245px)}.sheet-grid{font-size:11px;background:var(--table)}.sheet-corner,.col-head,.row-head{height:30px}.sheet-cell{padding:6px 7px;cursor:cell}.sheet-cell.selected{background:color-mix(in srgb,var(--accent) 8%,var(--table))}.sheet-cell.anchor-cell{outline:2px solid var(--accent);outline-offset:-2px;overflow:visible}.fill-handle{position:absolute;width:7px;height:7px;right:-4px;bottom:-4px;background:var(--accent);border:1px solid var(--table);z-index:12;cursor:crosshair}.row-resize{position:absolute;left:0;bottom:-3px;width:100%;height:7px;cursor:row-resize;z-index:10}.cell-editor{font-size:inherit;text-align:inherit}.excel-file.active{background:color-mix(in srgb,var(--accent) 10%,var(--table));color:var(--accent)}
@media(max-width:1100px){.excel-layout{grid-template-columns:190px minmax(0,1fr)}.sheet-tool.wide{display:none}.tool-sep{display:none}}
@media(max-width:900px){.excel-layout{grid-template-columns:1fr}.excel-toolbar{align-items:center;flex-direction:row}.excel-tools{margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.sheet-scroll{min-height:520px;max-height:64vh}.formula-bar{grid-template-columns:58px 74px 1fr}}
/* v1.0.7 Dapulse compact workspace */
.dapulse-page{padding:10px!important;max-width:none!important;height:calc(100vh - 66px);overflow:hidden}.dapulse-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:8px;height:100%;min-height:0}.dapulse-shell.list-collapsed{grid-template-columns:48px minmax(0,1fr)}.excel-files,.excel-work{height:100%;min-height:0;border-radius:12px}.excel-files{display:flex;flex-direction:column;overflow:hidden}.excel-files-head{height:48px;padding:7px 8px;gap:7px;align-items:center}.excel-files-head>div{min-width:0;flex:1}.excel-files-head b{display:block;font-family:'Syne';font-size:13px}.excel-files-head span{display:block;font-size:8px;margin-top:1px}.excel-files-toggle,.mini-add{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--table);color:var(--ink);cursor:pointer;font-weight:800}.mini-add{font-size:18px}.excel-files-caption{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.excel-files-caption span{font-weight:800;color:var(--ink)}#sheetList{overflow:auto;min-height:0;flex:1}.excel-file-row{display:flex;align-items:stretch;border-bottom:1px solid var(--line);position:relative;background:transparent}.excel-file-row.dragging{opacity:.45}.excel-file-row.system{background:color-mix(in srgb,var(--accent) 5%,var(--table))}.excel-file{display:flex!important;align-items:center;gap:7px;min-width:0;flex:1;padding:9px 7px!important;border:0!important}.sheet-pin{font-size:9px;color:var(--muted);width:12px;flex:0 0 12px}.sheet-pin.on{color:var(--accent)}.sheet-name{min-width:0;flex:1}.sheet-name b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-name small{font-size:7.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-pill,.linked-pill{font-size:7px;font-weight:900;letter-spacing:.08em;border-radius:999px;padding:4px 6px;background:color-mix(in srgb,var(--accent) 14%,var(--table));color:var(--accent);white-space:nowrap}.sheet-menu{position:relative;display:grid;place-items:center;padding-right:5px}.sheet-menu summary{list-style:none;cursor:pointer;width:26px;height:28px;display:grid;place-items:center;border-radius:7px;color:var(--muted);font-weight:900}.sheet-menu summary::-webkit-details-marker{display:none}.sheet-menu[open] summary{background:var(--hover);color:var(--ink)}.sheet-menu-pop{position:absolute;z-index:80;right:4px;top:34px;width:150px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--table);box-shadow:0 16px 40px rgba(0,0,0,.2)}.sheet-menu-pop button{display:block;width:100%;border:0;background:transparent;color:var(--ink);text-align:left;padding:8px;border-radius:7px;font-size:9px;cursor:pointer}.sheet-menu-pop button:hover{background:var(--hover)}.danger-text{color:#ef4444!important}.list-collapsed .excel-files-head>div,.list-collapsed .excel-files-caption,.list-collapsed #sheetList,.list-collapsed .mini-add{display:none}.list-collapsed .excel-files-head{justify-content:center;padding:7px 4px}.excel-work{display:flex;flex-direction:column}.excel-top{flex:0 0 auto}.excel-toolbar{min-height:44px!important;padding:5px 7px!important;gap:5px!important}.sheet-title-wrap{display:flex;align-items:center;gap:7px;min-width:165px}.sheet-title-wrap input{width:145px;border:0;background:transparent;color:var(--ink);font:700 11px 'Syne';outline:none}.excel-save-state{font-size:7.5px!important}.excel-tools{gap:3px!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:thin}.sheet-tool{height:28px!important;min-width:28px!important;padding:0 6px!important;font-size:9px!important;border-radius:6px!important}.sheet-select{height:28px!important;font-size:9px!important}.sheet-color{width:28px!important;height:28px!important}.tool-sep{height:20px!important}.formula-bar{height:34px!important;grid-template-columns:52px 72px 1fr!important}.formula-bar input{font-size:10px!important;padding:0 8px!important}.formula-actions button{height:24px!important}.sheet-scroll{flex:1;min-height:0!important;max-height:none!important;height:auto!important}.sheet-grid{font-size:10px!important}.sheet-corner,.col-head,.row-head{height:26px!important}.sheet-cell{padding:4px 6px!important}.cell-editor{padding:3px 5px!important}.linked-pill{margin-left:4px}.excel-empty{min-height:100%!important}.excel-file.active{background:color-mix(in srgb,var(--accent) 11%,var(--table))!important}
@media(max-width:900px){.dapulse-page{height:calc(100vh - 62px);padding:6px!important}.dapulse-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.dapulse-shell.list-collapsed{grid-template-columns:1fr;grid-template-rows:42px minmax(0,1fr)}.excel-files{height:auto;max-height:150px}.list-collapsed .excel-files{height:42px}.excel-files-head{height:42px}.excel-work{min-height:0}.sheet-title-wrap{min-width:120px}.sheet-title-wrap input{width:105px}.excel-toolbar{align-items:center!important;flex-direction:row!important;flex-wrap:wrap!important}.excel-tools{width:100%}.formula-bar{grid-template-columns:48px 68px 1fr!important}}

/* v1.0.8 order-prefix edit + Dapulse operational-only sync */

/* v1.0.9 calculations, users, Dapulse dropdowns */
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px}.perm-check{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--soft);cursor:pointer}.perm-check input{display:none}.perm-check span{width:22px;height:22px;border-radius:7px;border:1px solid var(--line);display:grid;place-items:center;color:transparent;background:var(--table);font-weight:900}.perm-check input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}.perm-check b{font-size:11px}.user-list{display:grid;gap:8px}.user-row{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px}.user-row>div:first-child b,.user-row>div:first-child small{display:block}.user-row small{font-size:10px;color:var(--muted);margin-top:2px}.user-perms{display:flex;gap:5px;flex-wrap:wrap}.dropdown-template-list{display:grid;gap:8px;margin-top:14px}.dropdown-template-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px}.dropdown-template-row b,.dropdown-template-row small{display:block}.dropdown-template-row small{color:var(--muted);font-size:10px;margin-top:2px}.cell-dropdown-pop{position:fixed;z-index:120;width:230px;max-height:360px;overflow:auto;padding:6px;background:var(--table);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.28)}.cell-dropdown-head{padding:8px 9px;border-bottom:1px solid var(--line);margin-bottom:4px}.cell-dropdown-head b,.cell-dropdown-head small{display:block}.cell-dropdown-head small{font-size:9px;color:var(--muted)}.cell-dropdown-pop button{width:100%;border:0;background:transparent;color:var(--ink);text-align:left;padding:9px;border-radius:8px;font-size:11px}.cell-dropdown-pop button:hover{background:var(--hover)}.cell-dropdown-pop .dd-cancel{color:var(--muted);border-top:1px solid var(--line);border-radius:0;margin-top:4px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.pricing-cell{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.pricing-cell span{display:block;font-weight:800;margin-bottom:7px}.pricing-cell>div{display:flex;align-items:center;gap:6px}.pricing-cell input{width:100%;border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:9px;padding:8px}.pricing-cell b{color:var(--muted)}@media(max-width:760px){.user-row{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}}

/* Auth/route bootstrap: yetkisiz veya yanlış ekranın bir an görünmesini engeller. */
body.app-loading .app{visibility:hidden}
body.app-ready .app{visibility:visible}

/* v1.0.12 persistent login */
.remember-row{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 11px;border-radius:13px;background:var(--soft);cursor:pointer;user-select:none}.remember-row>input{position:absolute;opacity:0;pointer-events:none}.remember-box{width:22px;height:22px;flex:0 0 22px;border:1px solid var(--line);border-radius:7px;background:var(--table);display:grid;place-items:center;color:transparent;font-size:13px;font-weight:900}.remember-row>input:checked+.remember-box{background:var(--accent);border-color:var(--accent);color:#fff}.remember-row b,.remember-row small{display:block}.remember-row b{font-size:12px}.remember-row small{font-size:10px;color:var(--muted);margin-top:2px}


/* v1.0.13 Security settings */
.settings-tabs{display:flex;gap:8px;margin:-4px 0 16px}.settings-tabs .active{background:var(--text);color:var(--bg)}
.security-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.security-list{display:grid;gap:8px}.security-row{display:grid;grid-template-columns:minmax(130px,1.1fr) minmax(180px,1.4fr) minmax(130px,.9fr) minmax(130px,.9fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line,#e5e7eb)}.security-row:last-child{border-bottom:0}.security-row>div{min-width:0;display:grid;gap:3px}.security-row small,.security-user small{color:var(--muted)}.security-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-actions{display:flex!important;grid-auto-flow:column;justify-content:end;gap:7px}.login-history{display:grid}.login-row{display:grid;grid-template-columns:1fr 1.6fr 1fr 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line,#e5e7eb);font-size:.86rem}.login-row:last-child{border-bottom:0}
@media(max-width:900px){.security-row{grid-template-columns:1fr 1fr}.security-actions{justify-content:start!important;grid-column:1/-1}.login-row{grid-template-columns:1fr 1fr}.security-head{align-items:center}}

.product-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.product-pill.tshirt{background:#e8f2ff;color:#245b94}.product-pill.bandana{background:#e6f6ec;color:#23754a}.bandana-order-box{margin-top:16px;padding:16px;border-radius:16px;background:#f3fbf6;border:1px solid #d7efdf}.bandana-preview{width:135px;aspect-ratio:9/16;object-fit:cover;border-radius:14px;border:1px solid #d8dde5;margin:auto}.order-preview{width:100%;max-height:180px;object-fit:cover;border-radius:14px}.bandana-a4 .a4-kicker{color:#168f5a}.bandana-product{grid-template-columns:190px 1fr;align-items:start}.bandana-product img{width:190px;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:14px}.qty-rule{display:grid;grid-template-columns:130px 110px 20px 110px minmax(140px,1fr) auto;gap:8px;align-items:center;margin:8px 0}.qty-rule input,.qty-rule select{min-width:0}.dd-option-edit{display:grid;grid-template-columns:44px 1fr auto;gap:8px;align-items:center;margin:7px 0}.dd-option-edit input[type=color]{width:44px;height:38px;padding:3px}.sheet-cell.has-dropdown{padding-right:24px;position:relative}.cell-dd-arrow{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:10px;opacity:.65}.cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.cell-dropdown-pop button[data-dd-index]{display:flex;align-items:center;gap:8px}.dd-color-dot{width:11px;height:11px;border-radius:50%;background:var(--dd-color);border:1px solid rgba(0,0,0,.12)}@media(max-width:700px){.qty-rule{grid-template-columns:1fr 1fr}.qty-rule span{display:none}.bandana-product{grid-template-columns:120px 1fr}.bandana-product img{width:120px}}

/* v1.0.15 · A4 reference form + named orders */
.named-order-toggle{border:1px solid #dfe2e7;border-radius:14px;padding:13px;background:#fafbfc}.named-order-toggle .checkline{display:flex;align-items:center;gap:9px}.named-order-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}#namedOrderTools{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.named-modal{width:min(980px,96vw)}.named-field-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:10px 0}.named-field-def{display:flex;gap:6px}.named-field-def input,.named-table input{width:100%;border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:9px;padding:8px}.named-table-wrap{overflow:auto;margin-top:15px;max-height:48vh}.named-table{min-width:650px}.named-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}
.reference-a4{font-family:'DM Sans',system-ui,sans-serif;padding:30px 30px 24px;display:flex;flex-direction:column;gap:12px;min-height:1123px}.reference-a4 h1,.reference-a4 h2,.reference-a4 h3,.reference-a4 b,.ref-order-no b{font-family:'Syne','DM Sans',sans-serif}.ref-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:2px solid #0b0b0d;padding-bottom:10px}.ref-head h1{text-transform:uppercase;margin:0;font-size:28px;letter-spacing:-.04em}.ref-order-no{text-align:right}.ref-order-no small,.ref-info small,.ref-totals small,.a4-name-card small{display:block;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#6b6e76;font-weight:700}.ref-order-no b{display:block;color:#e23b2e;font-size:17px;margin-top:3px}.ref-info{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}.ref-info>div{border-bottom:1px solid #0b0b0d;padding:4px 0 7px;min-height:39px}.ref-info .wide{grid-column:1/-1;border:1px solid #dee1e6;border-radius:7px;padding:8px 10px}.ref-info b{display:block;font-size:11px;margin-top:4px}.ref-info p{font-size:10px;line-height:1.35;margin:4px 0 0;white-space:pre-wrap}.ref-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ref-totals>div{border:1px solid #0b0b0d;border-radius:7px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.ref-totals b{color:#3552ff;font-size:12px}.ref-section h3,.ref-notes h3{font-size:11px;text-transform:uppercase;margin:0 0 8px;border-bottom:2px solid #3552ff;padding-bottom:5px}.ref-visual{height:292px;border:1px dashed #6b6e76;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fafafa}.ref-visual img{width:100%;height:100%;object-fit:contain}.ref-visual.vertical{height:420px;width:260px;margin:0 auto}.ref-visual.vertical img{object-fit:contain}.a4-named{padding-top:4px}.a4-named-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.a4-name-card{position:relative;border:1px solid #dee1e6;border-radius:8px;padding:8px 8px 8px 34px;display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.a4-name-card b{display:block;font-size:9px;margin-top:2px}.a4-name-index{position:absolute;left:8px;top:9px;font:700 9px 'Syne';color:#3552ff}.ref-notes{margin-top:auto;min-height:110px}.ref-notes p{border:1px solid #0b0b0d;border-radius:7px;min-height:78px;margin:0;padding:9px;font-size:10px;white-space:pre-wrap;background:repeating-linear-gradient(to bottom,#fff,#fff 23px,#eceef1 24px)}.ref-foot{display:flex;justify-content:space-between;border-top:1px solid #dee1e6;padding-top:7px;font-size:8px;color:#6b6e76}
@media print{.a4-toolbar,.sidebar,.topbar{display:none!important}.app{display:block!important}.main{display:block!important}.page{padding:0!important;max-width:none!important}.reference-a4{box-shadow:none!important;border:0!important;width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;padding:8mm!important;margin:0!important;overflow:hidden!important}@page{size:A4 portrait;margin:0}}
@media(max-width:760px){.ref-totals{grid-template-columns:repeat(2,1fr)}.a4-named-grid{grid-template-columns:1fr}.reference-a4{padding:20px}.ref-info{gap:8px 12px}}
.ref-placeholder{text-align:center;border:1px solid #0b0b0d;border-radius:7px;padding:10px 18px;background:#fff}.ref-placeholder b{display:block;font-family:'Syne';font-size:14px}.ref-placeholder span{display:block;font-size:8px;letter-spacing:.08em;margin-top:4px;color:#6b6e76}

/* v1.0.16 · named order mini-sheet + adaptive A4 list */
.named-sheet-modal{width:min(1180px,97vw);overflow:hidden}.named-sheet-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.named-sheet-meta{margin-left:auto;font-size:11px;color:var(--muted);font-weight:700}.named-import-btn{position:relative}.named-sheet-wrap{max-height:58vh;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--table)}.named-sheet{border-collapse:separate;border-spacing:0;min-width:760px;width:100%;font-size:12px}.named-sheet th,.named-sheet td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:0;background:var(--table)}.named-sheet thead th{position:sticky;top:0;z-index:2;background:var(--soft);height:42px}.named-corner,.named-row-no{width:42px;min-width:42px;text-align:center!important;color:var(--muted);font:700 10px 'Syne',sans-serif;background:var(--soft)!important}.named-head-input{width:100%;height:42px;border:0;background:transparent;color:var(--ink);font:700 11px 'Syne',sans-serif;padding:0 30px 0 10px;outline:none}.named-sheet td input{width:100%;height:38px;border:0;background:transparent;color:var(--ink);padding:0 10px;outline:none}.named-sheet td input:focus,.named-head-input:focus{box-shadow:inset 0 0 0 2px var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--table))}.named-head-del,.named-row-del{border:0;background:transparent;color:#ef4444;font-weight:900;cursor:pointer}.named-head-del{position:absolute;right:6px;top:8px;width:26px;height:26px}.named-sheet thead th{position:sticky}.named-row-actions,.named-action-col{width:42px;min-width:42px;text-align:center}.named-row-del{width:100%;height:38px}.named-empty{text-align:center;padding:32px!important;color:var(--muted)}.named-import-note{font-size:10px;color:var(--muted);margin-top:8px}.named-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}
.a4-named{padding-top:5px}.a4-named .a4-section-title{display:flex;align-items:center;justify-content:space-between}.a4-named .a4-section-title span{font-family:'DM Sans',sans-serif;font-size:8px;color:#6b6e76}.a4-named-panels{display:grid;grid-template-columns:1fr;gap:7px}.a4-named-panels.multi{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.a4-named-table{width:100%;border-collapse:collapse;table-layout:fixed}.a4-named-table th,.a4-named-table td{border:.7px solid #d9dde3;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a4-named-table th{background:#0b0b0d;color:#fff;font-family:'Syne',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.a4-named-table th:first-child,.a4-named-table td:first-child{width:28px;text-align:center;color:#6b6e76}.a4-named-table th:first-child{color:#fff}.a4-named.roomy .a4-named-table th{font-size:8px;padding:7px 8px}.a4-named.roomy .a4-named-table td{font-size:10px;padding:9px 8px;height:31px}.a4-named.normal .a4-named-table th{font-size:7px;padding:5px 6px}.a4-named.normal .a4-named-table td{font-size:8.5px;padding:6px;height:23px}.a4-named.compact .a4-named-table th{font-size:6.2px;padding:4px}.a4-named.compact .a4-named-table td{font-size:7px;padding:3px 4px;height:18px}.a4-named.dense .a4-named-table th{font-size:5.6px;padding:3px}.a4-named.dense .a4-named-table td{font-size:6.2px;padding:2px 3px;height:14px}.reference-a4:has(.a4-named.dense) .ref-visual{height:150px}.reference-a4:has(.a4-named.compact) .ref-visual{height:190px}
@media(max-width:760px){.named-sheet-modal{width:98vw}.named-sheet-toolbar{align-items:stretch}.named-sheet-toolbar .btn{flex:1}.named-sheet-meta{width:100%;margin-left:0}.a4-named-panels.multi{grid-template-columns:1fr}}
.a4-named.dense .a4-named-table th{font-size:5.2px;padding:2px}.a4-named.dense .a4-named-table td{font-size:5.6px;padding:1px 2px;height:10px;line-height:1.05}

/* v1.0.17 — live A4 order preview */
.live-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e6e8ec;padding-top:14px;margin-top:2px}.live-preview-head b{font-family:'Syne',sans-serif;font-size:13px}.live-preview-head small{display:block;color:#747983;font-size:9px;margin-top:2px}.live-preview-head .btn{padding:7px 9px;font-size:10px;white-space:nowrap}.live-a4-stage{background:#e9eaec;border:1px solid #dde1e6;border-radius:14px;padding:10px;overflow:hidden;height:500px;position:relative}.live-a4-preview{width:794px;transform:scale(.42);transform-origin:top left}.live-a4-preview .reference-a4{margin:0;box-shadow:0 10px 30px rgba(0,0,0,.12);pointer-events:none}.order-light .live-a4-stage{color:#111318}.order-light .live-a4-stage .muted{color:#6b6e76}@media(max-width:1100px){.live-a4-stage{height:430px}.live-a4-preview{transform:scale(.36)}}@media(max-width:760px){.live-a4-stage{height:455px}.live-a4-preview{transform:scale(.38)}.live-preview-head{align-items:flex-start;flex-direction:column}}


/* v1.0.18 — Yeni Sipariş: gerçek A4 merkezli çalışma ekranı */
.order-light>.order-entry-grid{display:grid!important;grid-template-columns:minmax(220px,260px) minmax(520px,1fr) minmax(205px,235px)!important;gap:14px!important;align-items:start;max-width:none!important}
.order-entry-grid>.order-side{min-width:0!important;grid-column:auto!important}
.order-entry-grid>.order-side>.card,.order-entry-grid>.order-side.card{border-radius:16px!important;padding:14px!important}
.order-side-left{max-height:calc(100vh - 112px);overflow:auto;position:sticky;top:88px}
.order-side-left .form-grid{grid-template-columns:1fr!important;gap:9px!important}
.order-side-left .field.full{grid-column:1!important}
.order-side-left .field label{font-size:10px!important}
.order-side-left input,.order-side-left textarea,.order-side-left select{padding:9px 10px!important;font-size:12px!important}
.order-side-left textarea{min-height:58px;resize:vertical}
.order-side-left .size-block{margin-top:10px}
.order-side-left .size-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
.order-side-left .size-cell{padding:6px 4px!important}
.order-side-left .size-cell input{padding:6px 3px!important;text-align:center}
.order-side-right{position:sticky;top:88px;max-height:calc(100vh - 112px);overflow:auto}
.order-side-right>.card{position:static!important;top:auto!important;padding:14px!important}
.order-side-right .metric{font-size:22px!important}
.order-side-right .field{gap:5px}
.order-side-right .order-preview{max-height:120px}
.order-a4-main{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.order-a4-mainbar{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 8px}
.order-a4-mainbar b{font-family:'Syne',sans-serif;font-size:14px}
.order-a4-mainbar small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.order-a4-mainbar .btn{padding:7px 10px;font-size:10px}
.order-a4-main .live-a4-stage{height:auto;background:#dfe2e6;border:1px solid #d2d6dc;border-radius:18px;padding:14px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.order-a4-main .live-a4-preview{width:794px;transform-origin:top center!important;flex:0 0 794px}
.order-a4-main .live-a4-preview .reference-a4{pointer-events:none;margin:0;box-shadow:0 12px 36px rgba(10,15,25,.16)}
.order-a4-main .live-preview-head{display:none!important}
@media(max-width:1250px){.order-light>.order-entry-grid{grid-template-columns:225px minmax(470px,1fr) 210px!important;gap:10px!important}.order-side-left .size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:980px){.order-light>.order-entry-grid{grid-template-columns:1fr!important}.order-side-left,.order-side-right{position:static;max-height:none;overflow:visible}.order-a4-main{order:-1}.order-side-left .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.order-side-left .field.full{grid-column:1/-1!important}.order-side-left .size-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.order-a4-main .live-a4-stage{overflow:auto}}
@media(max-width:650px){.order-side-left .form-grid{grid-template-columns:1fr!important}.order-side-left .field.full{grid-column:1!important}.order-side-left .size-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.order-a4-mainbar{height:auto;align-items:flex-start;flex-direction:column;padding-bottom:8px}}
/* v1.0.19 — A4 direct editor */
.order-side-left .form-grid>.field:not(:first-child):not(.named-order-toggle),
.order-side-left #tshirtFields,
.order-side-left #bandanaFields{display:none!important}
.order-side-left .form-grid{display:block!important}.order-side-left .named-order-toggle{margin-top:10px}
.order-a4-main .live-a4-preview .reference-a4{pointer-events:auto!important}
.a4-edit-mode .a4-direct-input,.a4-edit-mode .a4-price-input,.a4-edit-mode .a4-bandana-qty input,.a4-order-edit input{width:100%;border:0;border-bottom:1px solid #0b0b0d;background:transparent;color:#0b0b0d;font:600 11px 'DM Sans',sans-serif;padding:4px 2px 3px;outline:none;border-radius:0}
.a4-edit-mode textarea.a4-direct-input{resize:none;min-height:34px;line-height:1.35;font-weight:500;border:1px solid transparent;padding:5px 6px}
.a4-edit-mode textarea.a4-direct-input:focus{border-color:#3552ff;background:#f7f8ff;border-radius:6px}
.a4-edit-mode .a4-direct-input:focus,.a4-edit-mode .a4-price-input:focus,.a4-order-edit input:focus{border-bottom-color:#3552ff;background:#f7f8ff}
.a4-order-edit{display:flex;align-items:center;justify-content:flex-end;gap:2px;color:#e23b2e;font:700 15px 'Syne',sans-serif}.a4-order-edit input{width:92px;text-align:right;color:#e23b2e;font:700 15px 'Syne',sans-serif}
.a4-size-row{margin-bottom:8px}.a4-size-row-label{display:inline-block;background:#0b0b0d;color:#fff;border-radius:5px;padding:3px 8px;margin-bottom:4px;font:700 8px 'Syne',sans-serif;text-transform:uppercase;letter-spacing:.06em}
.a4-size-row-grid{display:grid;grid-template-columns:repeat(var(--size-cols),minmax(0,1fr));gap:2px;width:100%}
.a4-size-edit{border:1px solid #d9dde3;border-top:2px solid #3552ff;min-width:0;text-align:center;background:#fff;border-radius:4px;overflow:hidden}.a4-size-edit b{display:block;background:#fafafb;font:700 7px 'Syne',sans-serif;padding:3px 1px;border-bottom:1px solid #e2e4e8}.a4-size-edit input{width:100%;height:26px;border:0;text-align:center;outline:0;font:700 9px 'DM Sans',sans-serif;background:#fff;padding:0 1px}.a4-size-edit input:focus{background:#eef1ff;box-shadow:inset 0 0 0 1px #3552ff}
.a4-click-upload{cursor:pointer;position:relative}.a4-click-upload .ref-placeholder em{display:block;font:700 28px 'Syne';font-style:normal;color:#3552ff;margin-top:6px}.a4-image-hover{position:absolute;inset:auto 12px 12px auto;background:#0b0b0d;color:#fff;border-radius:7px;padding:6px 10px;font:700 8px 'Syne';opacity:.78}.a4-click-upload:hover{border-color:#3552ff;background:#f7f8ff}.a4-click-upload:hover .a4-image-hover{opacity:1}
.a4-bandana-qty input{width:150px!important;font-size:16px!important;font-weight:800!important}
.a4-edit-mode .ref-notes textarea{width:100%;min-height:78px;border:1px solid #0b0b0d!important;border-radius:7px!important;background:repeating-linear-gradient(to bottom,#fff,#fff 23px,#eceef1 24px)!important;padding:9px!important}
@media(max-width:1250px){.a4-size-edit b{font-size:6.4px}.a4-size-edit input{height:24px;font-size:8px}}

/* v1.0.20 — Yeni Sipariş tam ekran, doğrudan form üstünden çalışma */
body.order-editor-page{overflow:hidden}
body.order-editor-page .app{grid-template-columns:1fr!important}
body.order-editor-page .sidebar{display:none!important}
body.order-editor-page .main{grid-column:1!important;min-width:0}
body.order-editor-page .topbar{height:58px;padding:0 18px;border-bottom:1px solid var(--line);background:var(--panel)}
body.order-editor-page .topbar .mobile-menu{display:none!important}
body.order-editor-page #view.page{max-width:none!important;width:100%!important;height:calc(100vh - 58px);padding:0!important;overflow:auto;background:#dfe2e6}
body.order-editor-page #view>.hero{display:none!important}
body.order-editor-page #orderForm{margin:0!important;padding:0!important;background:transparent!important}
body.order-editor-page .order-light>.order-entry-grid{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.order-editor-page .editor-hidden-side{display:none!important}
body.order-editor-page .order-a4-main{width:100%;min-width:0;display:block!important}
body.order-editor-page .order-a4-mainbar{position:sticky;top:0;z-index:45;min-height:58px;height:auto;padding:8px 14px;display:grid;grid-template-columns:minmax(190px,auto) 1fr auto;gap:12px;align-items:center;background:rgba(255,255,255,.96);border-bottom:1px solid #d9dde3;box-shadow:0 5px 20px rgba(15,23,42,.07);backdrop-filter:blur(12px)}
body.order-editor-page .editor-brand b{display:block;font:800 14px 'Syne',sans-serif;color:#0b0b0d}
body.order-editor-page .editor-brand small{display:block;font-size:9px;color:#6b6e76;margin-top:1px}
body.order-editor-page .editor-quick,body.order-editor-page .editor-actions{display:flex;align-items:center;gap:8px;min-width:0}
body.order-editor-page .editor-actions{justify-content:flex-end}
body.order-editor-page .editor-product-field{display:flex!important;align-items:center;gap:7px;margin:0!important;min-width:160px}
body.order-editor-page .editor-product-field label{font:700 9px 'Syne',sans-serif;color:#6b6e76;white-space:nowrap;margin:0}
body.order-editor-page .editor-product-field select{width:130px!important;height:36px;padding:0 9px!important;border:1px solid #d9dde3!important;border-radius:9px!important;background:#fff!important;color:#111!important;font-size:11px!important}
body.order-editor-page .editor-named-field{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:0!important;min-width:0}
body.order-editor-page .editor-named-field>label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;color:#111;margin:0}
body.order-editor-page .editor-named-field #namedOrderTools{display:flex;align-items:center;gap:6px}
body.order-editor-page .editor-named-field #namedOrderTools.hidden{display:none!important}
body.order-editor-page .editor-named-field .btn{height:34px;padding:0 10px;font-size:9px}
body.order-editor-page .editor-named-field #namedCount{font-size:8px;white-space:nowrap}
body.order-editor-page .editor-actions .btn{height:36px;padding:0 12px;font-size:10px;white-space:nowrap}
body.order-editor-page .editor-save{background:#111318!important;color:#fff!important;border-color:#111318!important;font-weight:800!important}
body.order-editor-page .order-a4-main .live-a4-stage{height:auto!important;min-height:calc(100vh - 116px);padding:18px 22px 38px!important;border:0!important;border-radius:0!important;background:#dfe2e6!important;overflow:visible!important;display:block!important}
body.order-editor-page .order-a4-main .live-a4-preview{width:100%!important;max-width:none!important;transform:none!important;transform-origin:top center!important;display:block!important}
body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:min(1500px,calc(100vw - 44px))!important;max-width:none!important;min-height:calc(100vh - 150px)!important;height:auto!important;margin:0 auto!important;padding:30px 38px 26px!important;box-shadow:0 16px 48px rgba(11,11,13,.16)!important;border:1px solid #d5d8de!important;border-radius:3px!important;gap:13px!important;pointer-events:auto!important}
body.order-editor-page .a4-edit-mode .ref-head{padding-bottom:12px}
body.order-editor-page .a4-edit-mode .ref-head h1{font-size:30px}
body.order-editor-page .a4-edit-mode .ref-info{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 22px}
body.order-editor-page .a4-edit-mode .ref-info>div{min-height:52px;padding:5px 0 8px}
body.order-editor-page .a4-edit-mode .ref-info>div:nth-child(5),body.order-editor-page .a4-edit-mode .ref-info>div:nth-child(6){grid-column:span 2}
body.order-editor-page .a4-edit-mode .ref-info .wide{grid-column:1/-1;min-height:62px}
body.order-editor-page .a4-edit-mode .a4-direct-input,body.order-editor-page .a4-edit-mode .a4-price-input,body.order-editor-page .a4-order-edit input{font-size:13px!important;min-height:32px;padding:6px 4px 4px!important}
body.order-editor-page .a4-edit-mode textarea.a4-direct-input{font-size:12px!important;min-height:42px!important;padding:7px!important}
body.order-editor-page .a4-edit-mode .ref-totals{gap:10px}
body.order-editor-page .a4-edit-mode .ref-totals>div{min-height:58px;padding:10px 13px}
body.order-editor-page .a4-edit-mode .ref-totals small{font-size:8.5px}
body.order-editor-page .a4-edit-mode .ref-totals b,body.order-editor-page .a4-edit-mode .ref-totals input{font-size:14px!important}
body.order-editor-page .a4-edit-mode .ref-section h3,body.order-editor-page .a4-edit-mode .ref-notes h3{font-size:12px;margin-bottom:8px}
body.order-editor-page .a4-size-row{margin-bottom:9px}
body.order-editor-page .a4-size-row-label{font-size:8px;padding:4px 9px}
body.order-editor-page .a4-size-row-grid{gap:3px!important}
body.order-editor-page .a4-size-edit{border-radius:5px}
body.order-editor-page .a4-size-edit b{font-size:7.5px!important;padding:4px 1px!important}
body.order-editor-page .a4-size-edit input{height:34px!important;font-size:11px!important}
body.order-editor-page .a4-edit-mode .ref-visual{height:390px!important;border-width:1.5px}
body.order-editor-page .a4-edit-mode .ref-visual.vertical{height:520px!important;width:min(360px,100%)!important}
body.order-editor-page .a4-click-upload .ref-placeholder b{font-size:18px}
body.order-editor-page .a4-click-upload .ref-placeholder span{display:block;margin-top:5px;font-size:11px}
body.order-editor-page .a4-click-upload .ref-placeholder em{font-size:38px!important}
body.order-editor-page .a4-edit-mode .ref-notes{margin-top:8px!important;min-height:150px}
body.order-editor-page .a4-edit-mode .ref-notes textarea{min-height:115px!important;font-size:12px!important}
body.order-editor-page .ref-foot{font-size:8px}

/* Kaydedilmiş/görüntülenen form A4 olarak referans HTML kurumsallığını korur. */
.reference-a4{font-family:'Space Grotesk','DM Sans',sans-serif}
.reference-a4 h1,.reference-a4 h2,.reference-a4 h3,.reference-a4 .display,.reference-a4 .ref-order-no b{font-family:'Syne','Space Grotesk',sans-serif}

@media(max-width:1100px){
 body.order-editor-page{overflow:auto}
 body.order-editor-page #view.page{height:auto;min-height:calc(100vh - 58px);overflow:visible}
 body.order-editor-page .order-a4-mainbar{grid-template-columns:1fr auto;align-items:start}
 body.order-editor-page .editor-brand{display:none}
 body.order-editor-page .editor-quick{overflow-x:auto;padding-bottom:2px}
 body.order-editor-page .order-a4-main .live-a4-stage{padding:10px!important;overflow:auto!important}
 body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:1050px!important;min-width:1050px!important}
}
@media(max-width:700px){
 body.order-editor-page .order-a4-mainbar{display:flex;align-items:center;overflow-x:auto;flex-wrap:nowrap;padding:7px 8px}
 body.order-editor-page .editor-quick,body.order-editor-page .editor-actions{flex:0 0 auto}
 body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:980px!important;min-width:980px!important}
}
@media print{
 body.order-editor-page .order-a4-mainbar{display:none!important}
 body.order-editor-page .order-a4-main .live-a4-stage{padding:0!important;background:#fff!important;min-height:0!important}
 body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:210mm!important;min-width:210mm!important;max-width:210mm!important;min-height:297mm!important;height:297mm!important;padding:8mm!important;border:0!important;box-shadow:none!important;border-radius:0!important}
}

/* v1.0.21 — Yeni Sipariş okunaklı / bold operatör çalışma ekranı */
body.order-editor-page .order-a4-mainbar{min-height:70px;padding:10px 20px;grid-template-columns:minmax(230px,auto) 1fr auto}
body.order-editor-page .editor-brand b{font-size:18px;letter-spacing:-.02em}
body.order-editor-page .editor-brand small{font-size:11px;font-weight:600}
body.order-editor-page .editor-product-field label{font-size:11px;font-weight:800}
body.order-editor-page .editor-product-field select{height:42px!important;font-size:13px!important;font-weight:700!important;border-width:1.5px!important}
body.order-editor-page .editor-named-field>label{font-size:12px;font-weight:800}
body.order-editor-page .editor-named-field .btn,body.order-editor-page .editor-actions .btn{height:42px;padding:0 15px;font-size:11px;font-weight:800}
body.order-editor-page .order-a4-main .live-a4-stage{min-height:calc(100vh - 128px);padding:20px 24px 46px!important}
body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:min(1680px,calc(100vw - 48px))!important;min-height:calc(100vh - 168px)!important;padding:34px 46px 30px!important;gap:16px!important}
body.order-editor-page .a4-edit-mode .ref-head{padding-bottom:16px!important;border-bottom-width:3px!important}
body.order-editor-page .a4-edit-mode .ref-head h1{font-size:42px!important;line-height:1;letter-spacing:-.045em}
body.order-editor-page .a4-edit-mode .ref-order-no small{font-size:11px!important;font-weight:900!important;letter-spacing:.12em}
body.order-editor-page .a4-edit-mode .a4-order-edit,body.order-editor-page .a4-edit-mode .a4-order-edit input{font-size:20px!important;font-weight:800!important}
body.order-editor-page .a4-edit-mode .ref-info{gap:14px 28px!important;padding:16px 0!important}
body.order-editor-page .a4-edit-mode .ref-info>div{min-height:68px!important;padding:8px 0 10px!important}
body.order-editor-page .a4-edit-mode .ref-info small,body.order-editor-page .a4-edit-mode .ref-info label{font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;color:#555b66!important}
body.order-editor-page .a4-edit-mode .a4-direct-input,body.order-editor-page .a4-edit-mode .a4-price-input,body.order-editor-page .a4-order-edit input{font-size:17px!important;font-weight:750!important;min-height:42px!important;padding:8px 5px 6px!important;border-bottom-width:2px!important}
body.order-editor-page .a4-edit-mode textarea.a4-direct-input{font-size:15px!important;line-height:1.45!important;min-height:56px!important;padding:9px!important}
body.order-editor-page .a4-edit-mode .ref-totals{gap:12px!important;margin-top:2px}
body.order-editor-page .a4-edit-mode .ref-totals>div{min-height:78px!important;padding:13px 16px!important;border-width:1.5px!important}
body.order-editor-page .a4-edit-mode .ref-totals small{font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important}
body.order-editor-page .a4-edit-mode .ref-totals b,body.order-editor-page .a4-edit-mode .ref-totals input{font-size:20px!important;font-family:'Syne',sans-serif!important;font-weight:800!important}
body.order-editor-page .a4-edit-mode .ref-section h3,body.order-editor-page .a4-edit-mode .ref-notes h3{font-family:'Syne',sans-serif!important;font-size:17px!important;font-weight:800!important;letter-spacing:-.02em!important;margin-bottom:10px!important}
body.order-editor-page .a4-size-row{margin-bottom:12px!important}
body.order-editor-page .a4-size-row-label{font-size:10px!important;padding:5px 11px!important;border-radius:7px!important}
body.order-editor-page .a4-size-row-grid{gap:4px!important}
body.order-editor-page .a4-size-edit{border-width:1.5px!important;border-top-width:3px!important;border-radius:6px!important}
body.order-editor-page .a4-size-edit b{font-size:9px!important;padding:5px 1px!important;font-weight:800!important}
body.order-editor-page .a4-size-edit input{height:38px!important;font-size:14px!important;font-weight:800!important}
body.order-editor-page .a4-edit-mode .ref-visual{height:430px!important;border-width:2px!important;border-radius:12px!important}
body.order-editor-page .a4-click-upload .ref-placeholder b{font-size:18px!important}
body.order-editor-page .a4-click-upload .ref-placeholder span{font-size:12px!important;font-weight:800!important}
body.order-editor-page .a4-click-upload .ref-placeholder em{font-size:38px!important}
body.order-editor-page .a4-image-hover{font-size:11px!important;padding:8px 13px!important}
body.order-editor-page .a4-edit-mode .ref-notes{min-height:180px!important;padding-top:12px!important}
body.order-editor-page .a4-edit-mode .ref-notes textarea{min-height:140px!important;font-size:15px!important;line-height:1.55!important;padding:12px!important}
body.order-editor-page .ref-foot{font-size:10px!important;font-weight:700!important}
@media(max-width:1200px){body.order-editor-page .a4-edit-mode .ref-head h1{font-size:34px!important}body.order-editor-page .a4-edit-mode .a4-direct-input,body.order-editor-page .a4-edit-mode .a4-price-input{font-size:15px!important}body.order-editor-page .a4-size-edit b{font-size:8px!important}body.order-editor-page .a4-size-edit input{font-size:12px!important}}

/* v1.0.22 — A4 kilitli, okunaklı direkt editör */
body.order-editor-page .order-a4-main .live-a4-stage{
  overflow:visible!important;
  padding:22px 18px 54px!important;
  background:#dfe2e6!important;
}
body.order-editor-page .order-a4-main .live-a4-preview{
  width:794px!important;
  max-width:none!important;
  margin:0 auto!important;
  display:block!important;
}
body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
  box-sizing:border-box!important;
  width:794px!important;
  min-width:794px!important;
  max-width:794px!important;
  height:1123px!important;
  min-height:1123px!important;
  max-height:1123px!important;
  margin:0!important;
  padding:30px 31px 26px!important;
  overflow:hidden!important;
  border:1px solid #cfd3da!important;
  border-radius:2px!important;
  box-shadow:0 16px 48px rgba(11,11,13,.18)!important;
  background:#fff!important;
  gap:10px!important;
}
body.order-editor-page .a4-edit-mode .ref-head h1{font-size:31px!important;font-weight:800!important}
body.order-editor-page .a4-edit-mode .ref-order-no small{font-size:10px!important;font-weight:900!important}
body.order-editor-page .a4-edit-mode .a4-order-edit,
body.order-editor-page .a4-edit-mode .a4-order-edit input{font-size:17px!important;font-weight:800!important}
body.order-editor-page .a4-edit-mode .ref-info{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 24px!important;padding:8px 0!important}
body.order-editor-page .a4-edit-mode .ref-info>div{min-height:48px!important;padding:3px 0 6px!important}
body.order-editor-page .a4-edit-mode .ref-info>div:nth-child(5),
body.order-editor-page .a4-edit-mode .ref-info>div:nth-child(6){grid-column:span 1!important}
body.order-editor-page .a4-edit-mode .ref-info .wide{grid-column:1/-1!important;min-height:54px!important}
body.order-editor-page .a4-edit-mode .ref-info small,
body.order-editor-page .a4-edit-mode .ref-info label{font-size:9px!important;font-weight:900!important;letter-spacing:.07em!important}
body.order-editor-page .a4-edit-mode .a4-direct-input,
body.order-editor-page .a4-edit-mode .a4-price-input,
body.order-editor-page .a4-order-edit input{
  font-size:14px!important;
  font-weight:700!important;
  min-height:34px!important;
  padding:6px 4px 4px!important;
}
body.order-editor-page .a4-edit-mode textarea.a4-direct-input{font-size:13px!important;min-height:44px!important;line-height:1.35!important}
body.order-editor-page .a4-edit-mode .ref-totals{gap:7px!important}
body.order-editor-page .a4-edit-mode .ref-totals>div{min-height:54px!important;padding:8px 10px!important}
body.order-editor-page .a4-edit-mode .ref-totals small{font-size:8px!important;font-weight:900!important}
body.order-editor-page .a4-edit-mode .ref-totals b,
body.order-editor-page .a4-edit-mode .ref-totals input{font-size:15px!important;font-weight:800!important}
body.order-editor-page .a4-edit-mode .ref-section h3,
body.order-editor-page .a4-edit-mode .ref-notes h3{font-size:13px!important;font-weight:800!important;margin-bottom:6px!important}
body.order-editor-page .a4-size-row{margin-bottom:6px!important}
body.order-editor-page .a4-size-row-label{font-size:8px!important;padding:4px 8px!important}
body.order-editor-page .a4-size-row-grid{gap:2px!important}
body.order-editor-page .a4-size-edit b{font-size:7px!important;padding:3px 0!important;font-weight:900!important}
body.order-editor-page .a4-size-edit input{height:30px!important;font-size:11px!important;font-weight:800!important;padding:2px!important}
body.order-editor-page .a4-edit-mode .ref-visual{height:280px!important;border-width:1.5px!important;border-radius:8px!important}
body.order-editor-page .a4-edit-mode .ref-visual.vertical{height:360px!important;width:245px!important;margin-inline:auto!important}
body.order-editor-page .a4-click-upload .ref-placeholder b{font-size:15px!important}
body.order-editor-page .a4-click-upload .ref-placeholder span{font-size:10px!important;font-weight:800!important}
body.order-editor-page .a4-edit-mode .ref-notes{min-height:105px!important;margin-top:auto!important;padding-top:6px!important}
body.order-editor-page .a4-edit-mode .ref-notes textarea{min-height:78px!important;font-size:13px!important;line-height:1.45!important;padding:9px!important}
body.order-editor-page .ref-foot{font-size:8px!important;font-weight:700!important}

/* İsimli sipariş mini tablo: operatör için büyük ve net */
.named-sheet-modal{width:min(1480px,96vw)!important;max-width:none!important;padding:24px!important}
.named-sheet-modal .modal-head h2{font:800 26px 'Syne',sans-serif!important;letter-spacing:-.03em!important}
.named-sheet-modal .modal-head p{font-size:14px!important;font-weight:600!important}
.named-sheet-toolbar{gap:10px!important;padding:12px 0!important}
.named-sheet-toolbar .btn{min-height:42px!important;font-size:13px!important;font-weight:800!important}
.named-sheet-meta{font-size:13px!important;font-weight:800!important}
.named-sheet-wrap{max-height:64vh!important;border-radius:12px!important}
.named-sheet th,.named-sheet td{min-width:170px!important;height:52px!important;padding:6px 8px!important}
.named-sheet .named-corner,.named-sheet .named-row-no,.named-sheet .named-action-col{min-width:52px!important;width:52px!important}
.named-sheet input{height:40px!important;font-size:15px!important;font-weight:700!important;padding:7px 9px!important}
.named-sheet thead input{font-family:'Syne',sans-serif!important;font-size:15px!important;font-weight:800!important}
.named-row-no{font-size:14px!important;font-weight:900!important}
.named-import-note{font-size:13px!important;line-height:1.5!important;font-weight:600!important}
.named-actions .btn{height:44px!important;font-size:13px!important;font-weight:800!important}

/* A4 içindeki isim listesi de okunaklı kalır. Çok kişi gelirse yoğunluk kademeli azalır. */
.reference-a4 .a4-named .a4-section-title{font-family:'Syne',sans-serif!important;font-size:12px!important;font-weight:800!important}
.reference-a4 .a4-named-table th{font-size:9px!important;font-weight:900!important;padding:5px 6px!important}
.reference-a4 .a4-named-table td{font-size:9.5px!important;font-weight:650!important;padding:5px 6px!important;line-height:1.25!important}
.reference-a4 .a4-named.roomy .a4-named-table th{font-size:11px!important;padding:7px!important}
.reference-a4 .a4-named.roomy .a4-named-table td{font-size:12px!important;padding:8px!important}
.reference-a4 .a4-named.normal .a4-named-table th{font-size:10px!important}
.reference-a4 .a4-named.normal .a4-named-table td{font-size:10.5px!important}
.reference-a4 .a4-named.compact .a4-named-table th{font-size:8.5px!important;padding:4px!important}
.reference-a4 .a4-named.compact .a4-named-table td{font-size:8.8px!important;padding:4px!important}
.reference-a4 .a4-named.dense .a4-named-table th{font-size:7.3px!important;padding:3px!important}
.reference-a4 .a4-named.dense .a4-named-table td{font-size:7.5px!important;padding:3px!important}

@media(max-width:900px){
  body.order-editor-page .order-a4-main .live-a4-stage{overflow:auto!important}
  .named-sheet-modal{width:98vw!important;padding:14px!important}
  .named-sheet th,.named-sheet td{min-width:145px!important}
}

@media print{
  body.order-editor-page .order-a4-main .live-a4-preview{transform:none!important;width:210mm!important}
  body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
    width:210mm!important;min-width:210mm!important;max-width:210mm!important;
    height:297mm!important;min-height:297mm!important;max-height:297mm!important;
    padding:8mm!important;border:0!important;box-shadow:none!important;
  }
}


/* v1.0.23 — A4 %70 çalışma alanı, kompakt üst bilgi, taslak ve mobil düzeltmeler */
body.order-editor-page .topbar{display:none!important}
body.order-editor-page #view.page{height:100vh!important;min-height:100vh!important;background:#dfe2e6!important}
body.order-editor-page .order-a4-mainbar{top:0;min-height:64px;padding:9px 16px;grid-template-columns:minmax(230px,auto) 1fr auto}
body.order-editor-page .editor-brand{display:flex!important;align-items:center;gap:10px;min-width:0}
body.order-editor-page .editor-brand>div{min-width:0}
body.order-editor-page .editor-brand b{font-size:16px!important;line-height:1.05}
body.order-editor-page .editor-brand small{font-size:10px!important;white-space:nowrap}
.editor-back{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:12px;background:#111318;color:#fff;font:800 30px/32px 'Syne',sans-serif;display:grid;place-items:center;padding:0;box-shadow:0 5px 14px rgba(17,19,24,.16);transition:.15s}
.editor-back:hover{transform:translateX(-1px);background:#000}
.draft-pill{display:inline-flex;align-items:center;height:25px;padding:0 9px;border-radius:999px;background:#eef0f4;color:#606672;font-size:9px;font-weight:800;white-space:nowrap}
body.order-editor-page .order-a4-main .live-a4-stage{min-height:calc(100vh - 64px)!important;padding:22px 18px 54px!important;overflow:auto!important}
body.order-editor-page .order-a4-main .live-a4-preview{display:flex!important;justify-content:center!important;align-items:flex-start!important;min-width:100%!important}
body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
 width:clamp(900px,70vw,1420px)!important;
 min-width:clamp(900px,70vw,1420px)!important;
 max-width:none!important;
 height:calc(clamp(900px,70vw,1420px) * 1.4142857)!important;
 min-height:calc(clamp(900px,70vw,1420px) * 1.4142857)!important;
 max-height:none!important;
 padding:26px 34px 24px!important;
 gap:8px!important;
 overflow:hidden!important;
}
/* Üst bilgi daha kısa: çıktıdaki boş alanı bedenlere bırak. */
body.order-editor-page .a4-edit-mode .ref-head{padding-bottom:7px!important;min-height:0!important}
body.order-editor-page .a4-edit-mode .ref-head h1{font-size:28px!important;line-height:1!important}
body.order-editor-page .a4-edit-mode .ref-info{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px 18px!important;margin-top:0!important}
body.order-editor-page .a4-edit-mode .ref-info>div{min-height:35px!important;padding:1px 0 4px!important}
body.order-editor-page .a4-edit-mode .ref-info>div:nth-child(5),body.order-editor-page .a4-edit-mode .ref-info>div:nth-child(6){grid-column:span 2}
body.order-editor-page .a4-edit-mode .ref-info .wide{min-height:42px!important}
body.order-editor-page .a4-edit-mode .ref-info label,body.order-editor-page .a4-edit-mode .ref-order-no span{font-size:8px!important;font-weight:800!important}
body.order-editor-page .a4-edit-mode .a4-direct-input,body.order-editor-page .a4-edit-mode .a4-price-input,body.order-editor-page .a4-order-edit input{font-size:14px!important;min-height:27px!important;padding:3px 3px!important;font-weight:650!important}
body.order-editor-page .a4-edit-mode textarea.a4-direct-input{font-size:13px!important;min-height:34px!important;padding:5px!important}
body.order-editor-page .a4-edit-mode .ref-totals{margin-top:1px!important;gap:7px!important}
body.order-editor-page .a4-edit-mode .ref-totals>div{min-height:46px!important;padding:6px 10px!important}
body.order-editor-page .a4-edit-mode .ref-section{margin-top:1px!important}
body.order-editor-page .a4-edit-mode .ref-section h3{margin:2px 0 6px!important;font-size:12px!important}
body.order-editor-page .a4-size-row{margin-bottom:5px!important}
body.order-editor-page .a4-size-row-label{font-size:8px!important;padding:3px 9px!important}
body.order-editor-page .a4-size-edit b{font-size:8px!important;padding:3px 1px!important}
body.order-editor-page .a4-size-edit input{height:31px!important;font-size:12px!important}
/* İsimli liste asla minik görünmesin. */
body.order-editor-page .named-a4-table th{font-size:9px!important;font-weight:800!important;padding:6px 7px!important}
body.order-editor-page .named-a4-table td{font-size:10px!important;font-weight:600!important;padding:6px 7px!important;line-height:1.25!important}
.named-sheet-modal .mini-sheet th,.named-sheet-modal .mini-sheet input,.named-sheet-modal .mini-sheet td{font-size:14px!important}
.named-sheet-modal .mini-sheet th{font-family:'Syne',sans-serif!important;font-weight:800!important}
/* Yeni sekmede aç kaldırıldı; editör zaten çalışma ekranı. */
#openLivePreview,.live-preview-head{display:none!important}
@media(max-width:1100px){
 body.order-editor-page .order-a4-mainbar{grid-template-columns:1fr auto!important;gap:8px}
 body.order-editor-page .editor-brand{display:flex!important;grid-column:1/-1}
 body.order-editor-page .editor-quick{overflow-x:auto;max-width:100%;scrollbar-width:none}
 body.order-editor-page .editor-actions{flex:0 0 auto}
 body.order-editor-page .order-a4-main .live-a4-stage{padding:12px 8px 40px!important}
 body.order-editor-page .order-a4-main .live-a4-preview{justify-content:flex-start!important}
 body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:920px!important;min-width:920px!important;height:1301px!important;min-height:1301px!important}
}
@media(max-width:700px){
 body.order-editor-page .order-a4-mainbar{position:sticky;display:grid!important;grid-template-columns:1fr!important;padding:8px!important}
 body.order-editor-page .editor-brand{grid-column:1!important}
 body.order-editor-page .editor-brand small{white-space:normal!important}
 body.order-editor-page .editor-quick,body.order-editor-page .editor-actions{width:100%;overflow-x:auto;justify-content:flex-start!important;padding-bottom:2px}
 body.order-editor-page .editor-product-field select{height:40px!important;font-size:12px!important}
 body.order-editor-page .editor-actions .btn,body.order-editor-page .editor-named-field .btn{height:40px!important;font-size:11px!important}
 body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:860px!important;min-width:860px!important;height:1216px!important;min-height:1216px!important}
}

/* v1.0.24 — kompakt üst bilgi, üçlü açıklama kutuları, büyük beden yüzde rozeti */
.reference-a4 .ref-info{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:7px 10px!important;
}
.reference-a4 .ref-info>div:nth-child(-n+4){grid-column:span 3!important}
.reference-a4 .ref-info>.ref-expand-box{
  grid-column:span 4!important;
  border:1px solid #dfe2e7!important;
  border-radius:8px!important;
  padding:7px 9px!important;
  min-height:52px!important;
  background:#fbfbfc!important;
}
.reference-a4 .ref-info>.ref-expand-box p{margin:4px 0 0!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
body.order-editor-page .a4-edit-mode .ref-info>.ref-expand-box{min-height:58px!important;align-self:start!important}
body.order-editor-page .a4-edit-mode .ref-info textarea.expandable-direct{
  display:block!important;
  width:100%!important;
  min-height:54px!important;
  max-height:180px!important;
  resize:none!important;
  overflow:hidden!important;
  padding:6px 7px!important;
  border:0!important;
  border-radius:5px!important;
  background:#fff!important;
  line-height:1.35!important;
}
/* Mor alt çizgi yerine sakin bölüm etiketi */
.reference-a4 .ref-section h3,.reference-a4 .ref-notes h3{
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  border:0!important;
  border-radius:7px!important;
  background:#f0f1f4!important;
  color:#20232a!important;
  padding:5px 9px!important;
  margin:0 0 7px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
}
/* Büyük beden yüzdesi yalnız adet girildiğinde görünür */
.a4-size-edit b{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;white-space:nowrap!important}
.a4-size-edit .size-pct-badge{
  display:none;
  font:800 7px/1 'DM Sans',sans-serif!important;
  color:#6457c7!important;
  background:#f0eefc!important;
  border-radius:999px!important;
  padding:2px 4px!important;
  letter-spacing:0!important;
}
.a4-size-edit.has-surcharge .size-pct-badge{display:inline-flex!important}
/* Not kutusu son noktaya sabitlenir; büyüdükçe yukarı doğru alan kazanır. */
body.order-editor-page .a4-edit-mode .ref-notes{
  min-height:124px!important;
  margin-top:auto!important;
  flex:0 0 auto!important;
}
body.order-editor-page .a4-edit-mode .ref-notes textarea.notes-direct{
  min-height:92px!important;
  max-height:260px!important;
  resize:none!important;
  overflow:hidden!important;
  font-size:13px!important;
  line-height:1.45!important;
}
/* Adres/not büyürse görsel alanı küçülerek A4 içinde yer açar. */
body.order-editor-page .a4-edit-mode .ref-visual{
  height:auto!important;
  min-height:145px!important;
  flex:1 1 310px!important;
}
body.order-editor-page .a4-edit-mode.bandana-a4 .ref-visual.vertical{min-height:220px!important;flex-basis:360px!important}
.reference-a4 .ref-foot{display:none!important}
.a4-order-edit input{min-width:150px!important;text-align:right!important;font-family:'Syne',sans-serif!important;font-weight:800!important;color:#e23b2e!important}

@media(max-width:900px){
  .reference-a4 .ref-info{grid-template-columns:repeat(12,minmax(0,1fr))!important}
  .reference-a4 .ref-info>div:nth-child(-n+4){grid-column:span 6!important}
  .reference-a4 .ref-info>.ref-expand-box{grid-column:span 12!important}
}

/* v1.0.25 — üst alanı verimli kullan: 4 kompakt bilgi + tek satır 3 eşit blok */
body.order-editor-page .reference-a4.a4-edit-mode .ref-info,
.reference-a4 .ref-info{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  column-gap:10px!important;
  row-gap:5px!important;
  padding:6px 0 7px!important;
  align-items:start!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>div:nth-child(-n+4),
.reference-a4 .ref-info>div:nth-child(-n+4){
  grid-column:span 3!important;
  min-height:38px!important;
  padding:1px 0 3px!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.ref-expand-box,
.reference-a4 .ref-info>.ref-expand-box{
  grid-column:span 4!important;
  min-height:58px!important;
  padding:6px 8px!important;
  margin:0!important;
  border:1px solid #dde1e7!important;
  border-radius:7px!important;
  background:#fbfbfc!important;
  overflow:hidden!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info small,
body.order-editor-page .reference-a4.a4-edit-mode .ref-info label{
  font-size:8px!important;
  line-height:1!important;
  margin-bottom:2px!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>div:nth-child(-n+4) .a4-direct-input{
  min-height:25px!important;
  height:25px!important;
  font-size:13px!important;
  line-height:1.1!important;
  padding:2px 3px!important;
  border-bottom-width:1px!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info textarea.expandable-direct{
  min-height:42px!important;
  height:42px;
  max-height:135px!important;
  resize:none!important;
  overflow:hidden!important;
  padding:5px 6px!important;
  font-size:12px!important;
  line-height:1.3!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-totals{
  margin-top:0!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-section{
  margin-top:0!important;
  padding-top:3px!important;
}
/* Masaüstünde üç açıklama kutusu hiçbir koşulda alt satıra düşmesin. */
@media(min-width:901px){
  body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.ref-expand-box,
  .reference-a4 .ref-info>.ref-expand-box{grid-column:span 4!important}
}
/* Mobilde A4 oranını koru; sadece yatay kaydırılabilir çalışma yüzeyi olur. */
@media(max-width:900px){
  body.order-editor-page .reference-a4.a4-edit-mode .ref-info>div:nth-child(-n+4),
  .reference-a4 .ref-info>div:nth-child(-n+4){grid-column:span 3!important}
  body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.ref-expand-box,
  .reference-a4 .ref-info>.ref-expand-box{grid-column:span 4!important}
}

/* v1.0.26 — A4 sabit oran + yukarı büyüyen alanlar + görsel serbest/oranlı ölçek */
body.order-editor-page .order-a4-main .live-a4-preview{
  width:794px!important;min-width:794px!important;max-width:794px!important;
  display:block!important;margin:0 auto!important;
}
body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
  width:794px!important;min-width:794px!important;max-width:794px!important;
  height:1123px!important;min-height:1123px!important;max-height:1123px!important;
  box-sizing:border-box!important;overflow:hidden!important;
  padding:26px 30px 24px!important;gap:7px!important;
}
/* Bedenler: mor üst çizgi yok; soft, sakin ve net kutucuk */
body.order-editor-page .a4-size-edit{
  border:1px solid #dfe3e8!important;
  border-top:1px solid #dfe3e8!important;
  border-radius:7px!important;
  background:#f8f9fb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  overflow:hidden!important;
}
body.order-editor-page .a4-size-edit:focus-within{
  border-color:#aeb7c5!important;background:#fff!important;
  box-shadow:0 0 0 2px rgba(72,82,98,.08)!important;
}
body.order-editor-page .a4-size-edit b{background:#f1f3f6!important;color:#242832!important;border-bottom:1px solid #e1e5ea!important}
body.order-editor-page .a4-size-edit input{background:#fff!important;border:0!important;color:#111318!important;text-align:center!important}
body.order-editor-page .a4-size-edit .size-pct-badge{color:#6559b8!important;background:#eeecfa!important}
/* Notlar: alt köşe yerine üstte merkez tutamaç; aşağıyı büyütmeden yukarı doğru alan kazanır */
body.order-editor-page .ref-notes{position:relative!important;flex:0 0 auto!important;margin-top:auto!important;padding-top:10px!important;min-height:78px!important;max-height:280px!important}
body.order-editor-page .ref-notes textarea.notes-direct{height:calc(100% - 30px)!important;min-height:44px!important;max-height:none!important;resize:none!important;overflow:auto!important}
.a4-up-resize{position:absolute;left:50%;top:-7px;transform:translateX(-50%);width:58px;height:15px;z-index:8;cursor:ns-resize;display:grid;place-items:center}
.a4-up-resize span{display:block;width:34px;height:4px;border-radius:999px;background:#b8bec8;box-shadow:0 1px 0 #fff}
.a4-up-resize:hover span{background:#777f8d}
/* İsimli liste: A4 içinde tekrar düzenlenebilir ve yüksekliği yukarı doğru ayarlanabilir */
.reference-a4 .a4-named{position:relative!important;flex:0 0 auto!important;min-height:84px!important;max-height:430px!important;overflow:hidden!important;padding-top:10px!important}
.reference-a4 .a4-named .a4-section-title{font-size:calc(12px * var(--named-scale,1))!important;margin-bottom:5px!important}
.reference-a4 .a4-named-table th{font-size:calc(10px * var(--named-scale,1))!important;padding:calc(5px * var(--named-scale,1))!important}
.reference-a4 .a4-named-table td{font-size:calc(10.5px * var(--named-scale,1))!important;padding:calc(5px * var(--named-scale,1))!important;line-height:1.15!important}
.reference-a4 .a4-named-panels{height:calc(100% - 28px)!important;overflow:hidden!important;align-items:start!important}
.named-inline-edit{margin-left:auto;border:0;border-radius:7px;background:#111318;color:#fff;font:800 9px 'DM Sans',sans-serif;padding:5px 8px;cursor:pointer}
.named-inline-edit:hover{background:#000}
/* Görsel alanı: köşeden ölçekle, varsayılan oran kilitli; istenirse serbest */
body.order-editor-page .ref-visual{position:relative!important;align-self:center!important;flex:0 1 auto!important;min-width:150px!important;min-height:110px!important;max-width:700px!important;max-height:520px!important;margin-inline:auto!important}
body.order-editor-page .ref-visual img{width:100%!important;height:100%!important;object-fit:contain!important}
.image-edit-tools{position:absolute;top:8px;right:8px;z-index:9}
.image-aspect-toggle{border:1px solid rgba(17,19,24,.12);background:rgba(255,255,255,.92);backdrop-filter:blur(8px);height:27px;padding:0 8px;border-radius:8px;font:800 9px 'DM Sans',sans-serif;color:#303540;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.08)}
.image-aspect-toggle.locked:before{content:'◉ ';}.image-aspect-toggle.free:before{content:'◇ ';}
.image-resize-handle{position:absolute;right:5px;bottom:5px;width:20px;height:20px;border-radius:6px;background:rgba(17,19,24,.84);z-index:10;cursor:nwse-resize}
.image-resize-handle:after{content:'';position:absolute;right:5px;bottom:5px;width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff}
/* A4 sabit kalır; büyüyen alanlar görsel ve diğer esnek bölgelerden alan alır */
body.order-editor-page .reference-a4.a4-edit-mode .ref-info{flex:0 0 auto!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-totals,
body.order-editor-page .reference-a4.a4-edit-mode .ref-section{flex:0 0 auto!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-visual{flex-shrink:1!important}
@media(max-width:900px){
  body.order-editor-page .order-a4-main .live-a4-stage{overflow:auto!important;padding:12px 8px 38px!important}
  body.order-editor-page .order-a4-main .live-a4-preview{width:794px!important;min-width:794px!important}
  body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:794px!important;min-width:794px!important;max-width:794px!important;height:1123px!important;min-height:1123px!important;max-height:1123px!important}
}
@media print{
  .image-edit-tools,.image-resize-handle,.a4-up-resize,.named-inline-edit{display:none!important}
  body.order-editor-page .order-a4-main .live-a4-preview{transform:none!important;width:210mm!important;min-width:210mm!important;max-width:210mm!important}
  body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:210mm!important;min-width:210mm!important;max-width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important}
}

/* v1.0.27 — A4 alan paylaşımı, görsel boy kontrolü, kompakt beden tablosu */
.hero-actions{display:flex;align-items:center;gap:10px}
.editor-forward-dashboard{width:42px;height:42px;border:0;border-radius:13px;background:#111318;color:#fff;font:800 31px/1 'Syne',sans-serif;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 15px rgba(17,19,24,.16);transition:.15s}
.editor-forward-dashboard:hover{transform:translateX(2px);background:#000}

/* Görsel ölçüsü inline width/height yerine değişkenlerden gelir; !important çakışması yok. */
body.order-editor-page .reference-a4.a4-edit-mode .ref-visual{
  width:var(--image-w,100%)!important;
  height:var(--image-h,280px)!important;
  min-height:105px!important;
  max-height:610px!important;
  max-width:720px!important;
  flex:0 0 auto!important;
}
body.order-editor-page .reference-a4.a4-edit-mode.bandana-a4 .ref-visual.vertical{
  width:var(--image-w,245px)!important;
  height:var(--image-h,360px)!important;
  max-height:610px!important;
}
.image-height-resize{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);width:78px;height:20px;z-index:12;cursor:ns-resize;display:grid;place-items:center}
.image-height-resize span{width:42px;height:5px;border-radius:999px;background:#111318;box-shadow:0 2px 7px rgba(0,0,0,.18)}
.image-height-resize:hover span{transform:scaleX(1.08)}

/* Bedenler üç net, kompakt satır. Etiket solda, tüm bedenler tek çizgide. */
body.order-editor-page .reference-a4 .a4-size-row{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:6px!important;
  margin:0 0 5px!important;
}
body.order-editor-page .reference-a4 .a4-size-row-label{
  margin:0!important;
  padding:0 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  background:#262a31!important;
  color:#fff!important;
  font:800 8px 'Syne',sans-serif!important;
  letter-spacing:.03em!important;
}
body.order-editor-page .reference-a4 .a4-size-row-grid{gap:3px!important;align-items:stretch!important}
body.order-editor-page .reference-a4 .a4-size-edit{
  min-height:38px!important;
  border:1px solid #e0e4e9!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025)!important;
}
body.order-editor-page .reference-a4 .a4-size-edit b{
  min-height:17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  padding:2px 1px!important;
  background:#f5f6f8!important;
  border-bottom:1px solid #e7eaee!important;
  font:800 7px 'Syne',sans-serif!important;
  white-space:nowrap!important;
}
body.order-editor-page .reference-a4 .a4-size-edit input{height:21px!important;font:800 10px 'DM Sans',sans-serif!important}
body.order-editor-page .reference-a4 .a4-size-edit:focus-within{border-color:#adb5c0!important;box-shadow:0 0 0 2px rgba(67,76,91,.08)!important}
body.order-editor-page .reference-a4 .a4-size-edit .size-pct-badge{font-size:5.8px!important;padding:1px 2px!important;border-radius:4px!important}

/* Not tutamacı gerçekten not kutusunun ÜST kenarında ve tıklanabilir. */
body.order-editor-page .reference-a4 .ref-notes{overflow:visible!important}
body.order-editor-page .reference-a4 .ref-notes .notes-resize-handle{top:-13px!important;z-index:30!important;height:22px!important}
body.order-editor-page .reference-a4 .ref-notes .notes-resize-handle span{background:#313741!important;width:40px!important;height:5px!important}

/* Büyük görsel A4 içinde yer açtıkça diğer bloklar kademeli sıkışır. */
body.order-editor-page .reference-a4.a4-pressure-1 .ref-info{gap:4px!important}
body.order-editor-page .reference-a4.a4-pressure-1 .ref-info textarea{min-height:32px!important;max-height:72px!important}
body.order-editor-page .reference-a4.a4-pressure-1 .ref-totals>div{min-height:44px!important;padding:6px 9px!important}
body.order-editor-page .reference-a4.a4-pressure-1 .ref-section h3{margin-bottom:5px!important;font-size:11px!important}
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-row{margin-bottom:3px!important}
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-edit{min-height:34px!important}
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-edit input{height:18px!important}
body.order-editor-page .reference-a4.a4-pressure-1 .a4-named{max-height:300px!important}
body.order-editor-page .reference-a4.a4-pressure-1 .a4-named-table th,
body.order-editor-page .reference-a4.a4-pressure-1 .a4-named-table td{font-size:calc(9px * var(--named-scale,1))!important;padding:calc(4px * var(--named-scale,1))!important}

body.order-editor-page .reference-a4.a4-pressure-2 .ref-head{padding-bottom:4px!important}
body.order-editor-page .reference-a4.a4-pressure-2 .ref-head h1{font-size:25px!important}
body.order-editor-page .reference-a4.a4-pressure-2 .ref-info{gap:3px!important}
body.order-editor-page .reference-a4.a4-pressure-2 .ref-info>div{min-height:38px!important}
body.order-editor-page .reference-a4.a4-pressure-2 .ref-info textarea{min-height:28px!important;max-height:56px!important;font-size:11px!important}
body.order-editor-page .reference-a4.a4-pressure-2 .ref-totals{gap:5px!important}
body.order-editor-page .reference-a4.a4-pressure-2 .ref-totals>div{min-height:38px!important;padding:4px 7px!important}
body.order-editor-page .reference-a4.a4-pressure-2 .ref-section h3{margin-bottom:4px!important;font-size:10px!important}
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-row{grid-template-columns:50px minmax(0,1fr)!important;gap:4px!important;margin-bottom:2px!important}
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-row-label{font-size:7px!important}
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-edit{min-height:30px!important}
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-edit b{min-height:14px!important;font-size:6.3px!important}
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-edit input{height:16px!important;font-size:8.5px!important}
body.order-editor-page .reference-a4.a4-pressure-2 .a4-named{max-height:220px!important}
body.order-editor-page .reference-a4.a4-pressure-2 .a4-named-table th,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-named-table td{font-size:calc(8px * var(--named-scale,1))!important;padding:calc(3px * var(--named-scale,1))!important}
body.order-editor-page .reference-a4.a4-pressure-2 .ref-notes{min-height:65px!important}

body.order-editor-page .reference-a4.a4-pressure-3 .ref-head h1{font-size:22px!important}
body.order-editor-page .reference-a4.a4-pressure-3 .ref-info>div{min-height:32px!important}
body.order-editor-page .reference-a4.a4-pressure-3 .ref-info small{font-size:7px!important}
body.order-editor-page .reference-a4.a4-pressure-3 .ref-info textarea{min-height:24px!important;max-height:44px!important;font-size:10px!important}
body.order-editor-page .reference-a4.a4-pressure-3 .ref-totals>div{min-height:34px!important;padding:3px 6px!important}
body.order-editor-page .reference-a4.a4-pressure-3 .ref-totals small{font-size:6.5px!important}
body.order-editor-page .reference-a4.a4-pressure-3 .ref-totals b{font-size:10px!important}
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-row{grid-template-columns:46px minmax(0,1fr)!important;margin-bottom:2px!important}
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-edit{min-height:27px!important}
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-edit b{min-height:13px!important;font-size:5.8px!important}
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-edit input{height:14px!important;font-size:8px!important}
body.order-editor-page .reference-a4.a4-pressure-3 .a4-named{max-height:155px!important}
body.order-editor-page .reference-a4.a4-pressure-3 .a4-named .a4-section-title{font-size:9px!important}
body.order-editor-page .reference-a4.a4-pressure-3 .a4-named-table th,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-named-table td{font-size:calc(7px * var(--named-scale,1))!important;padding:calc(2px * var(--named-scale,1))!important}
body.order-editor-page .reference-a4.a4-pressure-3 .ref-notes{min-height:56px!important}

@media(max-width:700px){
  .editor-forward-dashboard{width:38px;height:38px;border-radius:11px}
  body.order-editor-page .reference-a4 .a4-size-row{grid-template-columns:52px minmax(0,1fr)!important}
}
@media print{
  .image-height-resize,.editor-forward-dashboard{display:none!important}
}

/* v1.0.28 — sabit beden bloğu + dengeli isim listesi sıkıştırması */
/* Erkek / Kadın / Çocuk etiketleri daha sakin; ağır siyah blok hissi yok. */
body.order-editor-page .reference-a4 .a4-size-row-label{
  background:#f1f3f6!important;
  color:#343a43!important;
  border:1px solid #dfe3e8!important;
  font-family:'Syne','DM Sans',sans-serif!important;
  font-size:7.6px!important;
  font-weight:700!important;
  letter-spacing:.015em!important;
  border-radius:6px!important;
}

/* Beden alanı hiçbir A4 basınç seviyesinde küçülmez. Sadece normal belge akışında yer değiştirir. */
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-row,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-row,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-row{
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:6px!important;
  margin:0 0 5px!important;
}
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-row-label,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-row-label,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-row-label{
  font-size:7.6px!important;
  font-weight:700!important;
  padding:0 6px!important;
}
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-edit,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-edit,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-edit{
  min-height:38px!important;
}
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-edit b,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-edit b,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-edit b{
  min-height:17px!important;
  font-size:7px!important;
  padding:2px 1px!important;
}
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-edit input,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-edit input,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-edit input{
  height:21px!important;
  font-size:10px!important;
}
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-edit .size-pct-badge,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-edit .size-pct-badge,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-edit .size-pct-badge{
  font-size:5.8px!important;
  padding:1px 2px!important;
}

/* İsim listesinin yüksekliği azalınca sadece font değil hücrelerin tamamı orantılı küçülür. */
body.order-editor-page .reference-a4 .a4-named{
  overflow:hidden!important;
}
body.order-editor-page .reference-a4 .a4-named-panels{
  align-content:start!important;
  gap:calc(7px * var(--named-scale,1))!important;
}
body.order-editor-page .reference-a4 .a4-named-table{
  line-height:1!important;
}
body.order-editor-page .reference-a4 .a4-named-table th,
body.order-editor-page .reference-a4 .a4-named-table td{
  padding:0 calc(5px * var(--named-scale,1))!important;
  line-height:1!important;
  height:calc(23px * var(--named-scale,1))!important;
  min-height:calc(23px * var(--named-scale,1))!important;
  max-height:calc(23px * var(--named-scale,1))!important;
  vertical-align:middle!important;
}
body.order-editor-page .reference-a4 .a4-named-table th{
  font-size:calc(9px * var(--named-scale,1))!important;
  height:calc(25px * var(--named-scale,1))!important;
  min-height:calc(25px * var(--named-scale,1))!important;
  max-height:calc(25px * var(--named-scale,1))!important;
}
body.order-editor-page .reference-a4 .a4-named-table td{
  font-size:calc(9.5px * var(--named-scale,1))!important;
}
/* Basınç sınıfları isim hücrelerini ayrıca ezmesin; named-scale tek kaynak olsun. */
body.order-editor-page .reference-a4.a4-pressure-1 .a4-named-table th,
body.order-editor-page .reference-a4.a4-pressure-1 .a4-named-table td,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-named-table th,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-named-table td,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-named-table th,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-named-table td{
  padding-left:calc(5px * var(--named-scale,1))!important;
  padding-right:calc(5px * var(--named-scale,1))!important;
}

@media(max-width:700px){
  body.order-editor-page .reference-a4 .a4-size-row,
  body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-row,
  body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-row,
  body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-row{
    grid-template-columns:58px minmax(0,1fr)!important;
  }
}


/* v1.0.29 — A4 üst alanını ve beden bölümünü daha kompakt kullan. */
body.order-editor-page .reference-a4.a4-edit-mode .ref-head{
  padding-bottom:5px!important;
  min-height:0!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-head h1{
  font-size:24px!important;
  line-height:.96!important;
  letter-spacing:-.035em!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-order-no small{font-size:6.8px!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-order-no b,
body.order-editor-page .reference-a4.a4-edit-mode .ref-order-no input{font-size:14px!important}
body.order-editor-page .reference-a4 .ref-size-section{
  margin:0!important;
  padding:0!important;
}
body.order-editor-page .reference-a4 .ref-size-section .a4-size-row:first-child{margin-top:0!important}
body.order-editor-page .reference-a4 .ref-size-section .a4-size-row:last-child{margin-bottom:0!important}
/* Bedenler arasında yalnızca nefes payı bırak; ayrı bölüm başlığı için yer harcama. */
body.order-editor-page .reference-a4 .ref-size-section{display:block!important}

/* Kaydedilmiş A4 görünümünde de aynı sade başlık oranını kullan. */
.reference-a4:not(.a4-edit-mode) .ref-head h1{font-size:24px!important;line-height:1!important}
.reference-a4:not(.a4-edit-mode) .ref-size-section{padding:0!important;margin:0!important}

/* v1.0.30 — isim listesi kesilmez, beden/fark alanı kompakt, başlık sade */
body.order-editor-page .reference-a4.a4-edit-mode .ref-head h1,
.reference-a4:not(.a4-edit-mode) .ref-head h1{
  font-size:19px!important;
  line-height:1!important;
  letter-spacing:-.025em!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-head{padding-bottom:4px!important}

/* Beden bloğu kompakt ama sabit ölçülü: görsel/isim/not değişince küçülmez. */
body.order-editor-page .reference-a4 .a4-size-row,
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-row,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-row,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-row{
  grid-template-columns:50px minmax(0,1fr)!important;
  gap:4px!important;
  margin:0 0 3px!important;
}
body.order-editor-page .reference-a4 .a4-size-row-label,
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-row-label,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-row-label,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-row-label{
  padding:0 4px!important;
  font-size:7px!important;
  font-weight:650!important;
  background:#f4f5f7!important;
  color:#4a5059!important;
  border-color:#e1e4e8!important;
}
body.order-editor-page .reference-a4 .a4-size-edit,
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-edit,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-edit,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-edit{min-height:32px!important}
body.order-editor-page .reference-a4 .a4-size-edit b,
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-edit b,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-edit b,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-edit b{
  min-height:14px!important;height:14px!important;font-size:6.5px!important;padding:1px!important;position:relative!important;
}
body.order-editor-page .reference-a4 .a4-size-edit input,
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-edit input,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-edit input,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-edit input{height:18px!important;font-size:9px!important}
/* Yüzde rozetinin olmadığı bedenler hiç yer kaybetmez; yalnız adet girilen büyük bedende üstte mini rozet açılır. */
body.order-editor-page .reference-a4 .a4-size-edit .size-pct-badge{
  display:none!important;position:absolute!important;right:1px!important;top:1px!important;
  padding:1px 2px!important;font-size:5px!important;line-height:1!important;border-radius:3px!important;
  background:#f1effa!important;color:#6559b8!important;pointer-events:none!important;
}
body.order-editor-page .reference-a4 .a4-size-edit.has-surcharge .size-pct-badge{display:block!important}

/* İsim listesi: bütün satırlar görünür. Yükseklik azalınca hücre+font birlikte sıkışır. */
body.order-editor-page .reference-a4 .a4-named{overflow:visible!important;padding-top:5px!important;min-height:96px!important}
body.order-editor-page .reference-a4 .a4-named-panels{
  display:grid!important;grid-template-columns:repeat(var(--named-cols,1),minmax(0,1fr))!important;
  gap:calc(5px * var(--named-scale,1))!important;height:auto!important;overflow:visible!important;align-items:start!important;
}
body.order-editor-page .reference-a4 .a4-named .a4-section-title{
  display:flex!important;align-items:center!important;gap:6px!important;height:22px!important;margin:0 0 3px!important;
  font-size:calc(10px * var(--named-scale,1))!important;
}
body.order-editor-page .reference-a4 .named-list-count{margin-left:auto!important;font-size:calc(7px * var(--named-scale,1))!important;color:#737983!important}
body.order-editor-page .reference-a4 .named-inline-edit{
  margin-left:0!important;height:20px!important;padding:0 7px!important;border-radius:6px!important;
  font-size:8px!important;background:#f1f3f6!important;color:#252a31!important;border:1px solid #dfe3e8!important;
}
body.order-editor-page .reference-a4 .a4-named-table th,
body.order-editor-page .reference-a4 .a4-named-table td{
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  height:calc(19px * var(--named-scale,1))!important;
  min-height:calc(19px * var(--named-scale,1))!important;
  max-height:calc(19px * var(--named-scale,1))!important;
  padding:0 calc(4px * var(--named-scale,1))!important;
  line-height:1!important;
}
body.order-editor-page .reference-a4 .a4-named-table th{font-size:calc(7.5px * var(--named-scale,1))!important;font-weight:800!important}
body.order-editor-page .reference-a4 .a4-named-table td{font-size:calc(8px * var(--named-scale,1))!important;font-weight:550!important}
/* Basınç seviyeleri isim listesini ayrıca kırpmasın. */
body.order-editor-page .reference-a4.a4-pressure-1 .a4-named,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-named,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-named{max-height:430px!important}

/* Resize şeridi küçük ve işlevsel; etrafında boşluk yaratmaz. Native textarea köşe tutamacı kapalı. */
body.order-editor-page .reference-a4 .a4-up-resize{
  top:-5px!important;width:46px!important;height:10px!important;padding:0!important;
}
body.order-editor-page .reference-a4 .a4-up-resize span{width:30px!important;height:3px!important;background:#3d434d!important;box-shadow:none!important}
body.order-editor-page .reference-a4 .ref-notes{padding-top:5px!important}
body.order-editor-page .reference-a4 .ref-notes .notes-resize-handle{top:-5px!important;height:10px!important}
body.order-editor-page .reference-a4 .ref-notes textarea.notes-direct{resize:none!important}

@media(max-width:700px){
  body.order-editor-page .reference-a4 .a4-named-panels{grid-template-columns:repeat(var(--named-cols,1),minmax(0,1fr))!important}
}

/* v1.0.31 — isim listesi, çoklu görsel, akıllı A4 alan paylaşımı, kompakt güncellemeler */
body.order-editor-page .reference-a4 .a4-named{overflow:hidden!important;padding-top:0!important;position:relative!important}
body.order-editor-page .reference-a4 .a4-named-panels{display:grid!important;grid-template-columns:repeat(var(--named-cols,1),minmax(0,1fr))!important;gap:4px!important;height:calc(100% - 29px)!important;overflow:hidden!important;align-items:start!important}
body.order-editor-page .reference-a4 .a4-named-table{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important}
body.order-editor-page .reference-a4 .a4-named-table th,
body.order-editor-page .reference-a4 .a4-named-table td{height:var(--named-row-h,18px)!important;min-height:var(--named-row-h,18px)!important;max-height:var(--named-row-h,18px)!important;padding:0 calc(4px * var(--named-scale,1))!important;font-size:calc(8px * var(--named-scale,1))!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.order-editor-page .reference-a4 .a4-named-table th{font-size:calc(7.4px * var(--named-scale,1))!important}
.named-inline-tools{margin-left:auto;display:flex;align-items:center;gap:4px}.named-inline-tools>button{height:22px;min-width:24px;border:1px solid #dfe3e8;background:#f5f6f8;color:#20242a;border-radius:6px;font:800 10px 'DM Sans',sans-serif;cursor:pointer}.named-inline-tools>button:hover{background:#fff}.named-inline-tools .named-inline-edit{padding:0 7px!important}
.named-resize-strip{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:76px;height:10px;display:grid;place-items:center;cursor:ns-resize;z-index:20}.named-resize-strip span{width:38px;height:3px;border-radius:999px;background:#313741}.named-resize-strip:hover span{width:48px}

/* Görsel varsayılanı yatay 1920×1080; tek veya çoklu görsel aynı sahne içinde. */
body.order-editor-page .reference-a4.a4-edit-mode .ref-visual{width:var(--image-w,690px)!important;height:var(--image-h,388px)!important;max-width:720px!important;min-width:180px!important;min-height:105px!important;max-height:610px!important;background:#f8f9fb!important;border:1px dashed #9da4af!important}
.image-canvas{width:100%;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;gap:6px;padding:6px}.image-canvas.multi{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.image-item{position:relative;margin:0;min-width:0;min-height:0;border:1px solid #e0e4ea;border-radius:7px;background:#fff;overflow:hidden;cursor:grab}.image-item:active{cursor:grabbing}.image-item.dragging{opacity:.45}.image-item img{width:100%!important;height:100%!important;object-fit:contain!important;display:block}.image-item>span{position:absolute;left:6px;top:6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:rgba(17,19,24,.78);color:#fff;font:800 9px/18px 'DM Sans',sans-serif;text-align:center}
.image-edit-tools{display:flex!important;gap:5px!important;top:7px!important;right:7px!important}.image-add-btn,.image-aspect-toggle{border:1px solid rgba(17,19,24,.12);background:rgba(255,255,255,.94);height:27px;padding:0 8px;border-radius:8px;font:800 9px 'DM Sans',sans-serif;color:#303540;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.08)}
.image-width-resize{position:absolute;right:-9px;top:50%;transform:translateY(-50%);width:20px;height:78px;z-index:12;cursor:ew-resize;display:grid;place-items:center}.image-width-resize span{width:5px;height:42px;border-radius:999px;background:#111318;box-shadow:0 2px 7px rgba(0,0,0,.18)}
.image-height-resize{bottom:-9px!important}.image-resize-handle{right:4px!important;bottom:4px!important}
body.order-editor-page .reference-a4 .ref-notes{min-height:62px!important;overflow:visible!important}.reference-a4 .ref-notes textarea.notes-direct{min-height:34px!important;height:calc(100% - 25px)!important}

/* Beden bloğu asla sıkışmaz; resim/not/isim değişirken sadece yer değiştirir. */
body.order-editor-page .reference-a4 .ref-size-section{flex:0 0 auto!important;min-height:auto!important}.reference-a4.a4-pressure-1 .ref-size-section,.reference-a4.a4-pressure-2 .ref-size-section,.reference-a4.a4-pressure-3 .ref-size-section{transform:none!important}

/* İleri tuşu editördeki geri tuşunun sol üst konumunu kullanır. */
.editor-forward-dashboard.editor-forward-fixed{position:fixed!important;left:18px!important;top:92px!important;z-index:80!important;width:42px!important;height:42px!important;border-radius:13px!important}

/* Güncellemeler: en fazla 10 kayıt, kompakt ve iç kaydırmalı; sayfa aşağı taşmaz. */
.version-history-card{min-height:0!important}.version-list{max-height:520px!important;overflow:auto!important;padding-right:4px!important}.version-row{padding:8px 0!important;gap:8px!important;align-items:center!important}.version-row .meta b{font-size:12px!important;line-height:1.2!important}.version-row .meta small{font-size:9px!important}.version-row .btn{min-height:32px!important;padding:0 10px!important;font-size:10px!important}
@media(max-width:700px){.editor-forward-dashboard.editor-forward-fixed{left:10px!important;top:78px!important;width:38px!important;height:38px!important}.image-edit-tools{max-width:85%;flex-wrap:wrap}.image-canvas.multi{grid-template-columns:1fr 1fr}.version-list{max-height:430px!important}}
@media print{.named-inline-tools,.named-resize-strip,.image-edit-tools,.image-height-resize,.image-width-resize,.image-resize-handle{display:none!important}}
.image-remove{position:absolute;right:6px;top:6px;width:20px;height:20px;border:0;border-radius:999px;background:rgba(17,19,24,.78);color:#fff;font:800 14px/18px 'DM Sans',sans-serif;cursor:pointer;padding:0}.image-remove:hover{background:#000}
@media print{.image-remove{display:none!important}}

/* v1.0.32 — genel ton-kontrast, daha seçilebilir bloklar ve minimal yön tuşları */
:root{
  --bg:#eceff3;
  --card:#ffffff;
  --sidebar:#f7f8fa;
  --topbar:rgba(249,250,252,.94);
  --soft:#f1f3f6;
  --field:#f5f6f8;
  --table:#ffffff;
  --table-head:#f0f2f5;
  --hover:#f5f6fb;
  --line:#d7dce4;
  --shadow:0 10px 28px rgba(24,32,48,.065);
}
html[data-theme="dark"]{
  --bg:#14171b;
  --card:#20242a;
  --sidebar:#191c21;
  --topbar:rgba(27,30,35,.95);
  --soft:#292e35;
  --field:#252a31;
  --table:#20242a;
  --table-head:#292e35;
  --hover:#2b3038;
  --line:#3a4049;
  --shadow:0 10px 28px rgba(0,0,0,.24);
}

/* Panel genelinde katmanlar birbirinden hafif ton farkıyla ayrılır. */
body{background:var(--bg)}
.sidebar{background:var(--sidebar);border-right-color:var(--line)}
.topbar{background:var(--topbar);border-bottom-color:var(--line)}
.page{padding-top:24px;padding-bottom:28px}
.card{
  border-color:var(--line);
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.7);
}
.table-wrap,.version-row,.drop,.pricing-cell{border-color:var(--line)}
.table th{background:var(--table-head)}
.field input,.field textarea,.field select,.toolbar input{
  background:var(--field);
  border-color:var(--line);
}
.field input:hover,.field textarea:hover,.field select:hover,.toolbar input:hover{border-color:#bdc4cf}
.field input:focus,.field textarea:focus,.field select:focus,.toolbar input:focus{
  background:var(--table);
  border-color:#9892f5;
  box-shadow:0 0 0 3px rgba(79,70,229,.10);
}
.btn{
  background:#e4e7ec;
  border:1px solid #d5dae2;
  box-shadow:0 1px 2px rgba(17,24,39,.04);
}
.btn:hover{filter:brightness(.985);border-color:#c4cad4}
.btn.primary{border-color:#4338ca;box-shadow:0 3px 10px rgba(79,70,229,.16)}
.btn.dark{border-color:#111318}
.btn.ghost{background:var(--soft);border:1px solid var(--line)}
html[data-theme="dark"] .btn{background:#30353d;border-color:#414852;color:var(--ink)}
html[data-theme="dark"] .btn.ghost{background:#252a31;border-color:#3d444e}
html[data-theme="dark"] .card{box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.035)}

.nav button{color:#4c535e;border:1px solid transparent}
.nav button:hover{background:#eceef3;border-color:#dfe3e9;color:#20242a}
.nav button.active{background:#e8e7fb;border-color:#d8d5f8;color:#29236e}
html[data-theme="dark"] .nav button{color:#aeb5bf}
html[data-theme="dark"] .nav button:hover{background:#262b32;border-color:#363d46;color:#f3f4f6}
html[data-theme="dark"] .nav button.active{background:#302d50;border-color:#46416d;color:#ebe9ff}

/* Editör çevresinde A4 kağıdı ile çalışma zemini arasında net ama sakin ayrım. */
body.order-editor-page #view.page{
  background:#d9dde3!important;
  padding-top:12px!important;
  padding-bottom:14px!important;
}
html[data-theme="dark"] body.order-editor-page #view.page{background:#111419!important}
body.order-editor-page .order-a4-mainbar{
  top:8px!important;
  margin:0 8px!important;
  width:calc(100% - 16px)!important;
  border:1px solid #d9dde4!important;
  border-radius:14px!important;
  box-shadow:0 5px 18px rgba(20,28,40,.07)!important;
}
body.order-editor-page .order-a4-main .live-a4-stage{
  min-height:calc(100vh - 82px)!important;
  padding-top:16px!important;
  padding-bottom:20px!important;
}

/* Geri / ileri: aynı yerde, daha küçük ve dikkat dağıtmayan Apple-benzeri kontrol. */
.editor-back,
.editor-forward-dashboard{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  flex:0 0 32px!important;
  border-radius:10px!important;
  background:#23272e!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;
  font:700 22px/1 'Syne','DM Sans',sans-serif!important;
  box-shadow:0 3px 10px rgba(17,19,24,.13)!important;
}
.editor-back:hover,.editor-forward-dashboard:hover{background:#111318!important;transform:none!important}
.editor-forward-dashboard.editor-forward-fixed{
  left:18px!important;
  top:18px!important;
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
}

@media(max-width:900px){
  .page{padding-top:16px;padding-bottom:20px}
  body.order-editor-page #view.page{padding-top:8px!important;padding-bottom:10px!important}
  body.order-editor-page .order-a4-mainbar{top:5px!important;margin:0 5px!important;width:calc(100% - 10px)!important;border-radius:12px!important}
  body.order-editor-page .order-a4-main .live-a4-stage{padding-top:10px!important;padding-bottom:14px!important}
  .editor-back,.editor-forward-dashboard{width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important;border-radius:9px!important;font-size:20px!important}
  .editor-forward-dashboard.editor-forward-fixed{left:12px!important;top:12px!important;width:30px!important;height:30px!important}
}

/* v1.0.33 — açılış kararlılığı + A4 alt taşma koruması */
body.order-editor-page .reference-a4{
  overflow:hidden!important;
}
body.order-editor-page .reference-a4 .ref-notes{
  box-sizing:border-box!important;
  min-height:62px!important;
  margin-top:4px!important;
  flex:0 0 auto!important;
}
body.order-editor-page .reference-a4 .ref-notes textarea.notes-direct{
  min-height:30px!important;
  height:calc(100% - 24px)!important;
  max-height:100%!important;
  box-sizing:border-box!important;
}
/* Son birkaç piksel taşma kalırsa yalnız esnek bölümlerin boşluklarını kısalt. */
body.order-editor-page .reference-a4.a4-overflow-guard{
  gap:4px!important;
}
body.order-editor-page .reference-a4.a4-overflow-guard .ref-info{row-gap:3px!important;padding-top:3px!important;padding-bottom:3px!important}
body.order-editor-page .reference-a4.a4-overflow-guard .ref-totals>div{padding-top:4px!important;padding-bottom:4px!important}
body.order-editor-page .reference-a4.a4-overflow-guard .a4-named .a4-section-title{height:19px!important;margin-bottom:2px!important}
body.order-editor-page .reference-a4.a4-overflow-guard .ref-notes h3{margin-bottom:3px!important;padding-top:3px!important;padding-bottom:3px!important}
.boot-error-card{max-width:620px;margin:60px auto}

/* v1.0.34 — çoklu görsel blok yerleşimi + isim alanıyla birlikte büyüyen tipografi */
.image-layout-switch{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid rgba(17,19,24,.10);border-radius:8px;background:rgba(247,248,250,.96)}
.image-layout-switch button{width:25px;height:23px;border:0;border-radius:6px;background:transparent;color:#646b76;font:800 13px/1 'DM Sans',sans-serif;cursor:pointer}
.image-layout-switch button:hover{background:#eceff3;color:#171a20}.image-layout-switch button.active{background:#171a20;color:#fff}
.image-canvas.layout-row{display:flex!important;flex-direction:row!important;grid-template-columns:none!important;grid-template-rows:none!important;align-items:stretch!important}
.image-canvas.layout-row .image-item{flex:1 1 0!important}
.image-canvas.layout-stack{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;grid-template-rows:none!important;align-items:stretch!important}
.image-canvas.layout-stack .image-item{flex:1 1 0!important}
.image-canvas.layout-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important}
.image-canvas.layout-grid .image-item:last-child:nth-child(odd){grid-column:1/-1}
/* Her görsel kendi net bloğunda kalsın; sıralama sürükle-bırak ile yapılır. */
.image-canvas .image-item{outline:1px solid rgba(17,19,24,.035);box-shadow:0 1px 3px rgba(15,23,42,.04)}
/* İsim alanı büyüdükçe yalnız kutu değil, başlık ve hücre tipografisi de belirgin biçimde büyür. */
body.order-editor-page .reference-a4 .a4-named .a4-section-title{font-size:calc(11px * var(--named-scale,1))!important;min-height:calc(19px * var(--named-scale,1))!important}
body.order-editor-page .reference-a4 .a4-named-table th{font-size:calc(8.4px * var(--named-scale,1))!important;font-weight:800!important}
body.order-editor-page .reference-a4 .a4-named-table td{font-size:calc(9.2px * var(--named-scale,1))!important;font-weight:600!important}
body.order-editor-page .reference-a4 .a4-named-table th,body.order-editor-page .reference-a4 .a4-named-table td{height:var(--named-row-h,20px)!important;min-height:var(--named-row-h,20px)!important;max-height:var(--named-row-h,20px)!important;padding:0 calc(5px * var(--named-scale,1))!important}
@media(max-width:700px){.image-layout-switch button{width:23px;height:22px}.image-canvas.layout-row{gap:3px!important}.image-canvas.layout-grid{gap:3px!important}}
@media print{.image-layout-switch{display:none!important}}


/* v1.0.35 — sessiz boot + genel okunabilirlik / kontrast taraması */
body.app-loading{background:var(--bg)!important}
body.app-loading::before{
  content:'Formlar.com.tr';position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:9999;font:800 18px 'Syne','DM Sans',sans-serif;color:#303640;letter-spacing:-.02em;
  padding:13px 18px 13px 44px;border:1px solid #d7dce3;border-radius:13px;background:#f7f8fa;
  box-shadow:0 10px 30px rgba(25,35,50,.08)
}
body.app-loading::after{
  content:'';position:fixed;left:calc(50% - 66px);top:calc(50% - 8px);z-index:10000;
  width:16px;height:16px;border:2px solid #c8ced7;border-top-color:#343a44;border-radius:50%;
  animation:formlarBootSpin .7s linear infinite
}
@keyframes formlarBootSpin{to{transform:rotate(360deg)}}
html[data-theme="dark"] body.app-loading::before{background:#20242a;border-color:#343a43;color:#f4f5f7}
html[data-theme="dark"] body.app-loading::after{border-color:#454c56;border-top-color:#f4f5f7}

/* Üst editör çubuğunda beyaz/beyaz veya koyu/koyu kalan kontrolleri netleştir. */
body.order-editor-page .order-a4-mainbar{background:#f7f8fa!important;border-color:#cfd5dd!important}
body.order-editor-page .editor-product-field label,
body.order-editor-page .editor-named-field>label,
body.order-editor-page .editor-brand small,
body.order-editor-page #namedCount{color:#535b66!important}
body.order-editor-page .editor-product-field select{
  background:#fff!important;color:#15181d!important;border-color:#c8ced7!important;
  box-shadow:0 1px 2px rgba(20,28,40,.05)!important
}
body.order-editor-page .editor-named-field{background:#eef1f4!important;border:1px solid #d2d8df!important;border-radius:11px!important;padding:4px 7px!important}
body.order-editor-page .editor-named-field .checkline b{color:#15181d!important}
body.order-editor-page .editor-named-field #namedConfigure{
  background:#fff!important;color:#20252c!important;border:1px solid #cbd2da!important;
  box-shadow:0 1px 2px rgba(20,28,40,.06)!important
}
body.order-editor-page .editor-named-field #namedConfigure:hover{background:#e9edf2!important;border-color:#aeb7c2!important}
body.order-editor-page .draft-pill{background:#e9edf2!important;color:#555e69!important;border:1px solid #d3d9e0!important}
body.order-editor-page .editor-save{background:#171a1f!important;color:#fff!important;border:1px solid #171a1f!important;box-shadow:0 4px 12px rgba(17,19,24,.16)!important}
body.order-editor-page .editor-save:hover{background:#000!important}

/* Genel panel kontrol kontrastları */
.btn:not(.primary):not(.dark):not(.danger){color:#252a31!important}
.btn.ghost{background:#f1f3f6!important;border-color:#d6dbe2!important}
.btn.ghost:hover{background:#e7eaf0!important;border-color:#c5cbd4!important}
input,textarea,select{border-color:#cfd5dc!important}
input:hover,textarea:hover,select:hover{border-color:#aeb7c2!important}
input:focus,textarea:focus,select:focus{border-color:#737f90!important;box-shadow:0 0 0 3px rgba(69,79,94,.10)!important}
.card{border-color:#d8dde4!important}
.tag{border:1px solid #d7dce3!important}

html[data-theme="dark"] body.order-editor-page .order-a4-mainbar{background:#1f2329!important;border-color:#353c45!important}
html[data-theme="dark"] body.order-editor-page .editor-product-field label,
html[data-theme="dark"] body.order-editor-page .editor-named-field>label,
html[data-theme="dark"] body.order-editor-page .editor-brand small,
html[data-theme="dark"] body.order-editor-page #namedCount{color:#b8c0ca!important}
html[data-theme="dark"] body.order-editor-page .editor-product-field select{background:#2a2f36!important;color:#f5f6f8!important;border-color:#424a54!important}
html[data-theme="dark"] body.order-editor-page .editor-named-field{background:#292e35!important;border-color:#414852!important}
html[data-theme="dark"] body.order-editor-page .editor-named-field .checkline b{color:#f4f5f7!important}
html[data-theme="dark"] body.order-editor-page .editor-named-field #namedConfigure{background:#343a42!important;color:#f4f5f7!important;border-color:#4b535e!important}
html[data-theme="dark"] body.order-editor-page .editor-named-field #namedConfigure:hover{background:#3d444d!important}
html[data-theme="dark"] body.order-editor-page .draft-pill{background:#30363e!important;color:#c8cfd8!important;border-color:#444c56!important}
html[data-theme="dark"] .btn:not(.primary):not(.dark):not(.danger){color:#eef0f3!important}
html[data-theme="dark"] .btn.ghost{background:#292e35!important;border-color:#424953!important}

@media(max-width:760px){
  body.order-editor-page .editor-named-field{padding:3px 5px!important}
  body.order-editor-page .editor-named-field #namedConfigure{min-width:max-content!important}
  body.app-loading::before{font-size:15px;padding:11px 14px 11px 39px}
}


/* v1.0.36 — anında açılış: bloklayan loader ve spinner tamamen kaldırıldı. */
body.app-loading .app,body.app-ready .app{visibility:visible!important}
body.app-loading::before,body.app-loading::after{display:none!important;content:none!important}
.route-retry-card{max-width:560px;margin:28px auto!important}

/* v1.0.38 — Storage Box yönetimi */
.storage-settings-grid .card{overflow:hidden}
.storage-status{display:grid;gap:4px;padding:14px;border-radius:14px;background:var(--soft);border:1px solid var(--line);margin:12px 0}
.storage-status.ok{background:color-mix(in srgb,#16a34a 8%,var(--card));border-color:color-mix(in srgb,#16a34a 28%,var(--line))}
.storage-status b{font-family:'Syne','DM Sans',sans-serif;font-size:14px}.storage-status small{color:var(--muted);line-height:1.45}
.storage-meta{display:grid;grid-template-columns:1fr auto;gap:9px 14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:12px}.storage-meta span{color:var(--muted)}.storage-meta b{text-align:right}
.storage-actions{display:flex;gap:9px;flex-wrap:wrap}.aegis-modal{max-width:520px}.aegis-secret{display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--soft);margin:12px 0 16px}.aegis-secret small{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.08em}.aegis-secret code{font-size:15px;font-weight:800;word-break:break-all;user-select:all}.error-lite{margin-top:12px;background:color-mix(in srgb,#ef4444 8%,var(--card));border:1px solid color-mix(in srgb,#ef4444 25%,var(--line));color:var(--ink)}
@media(max-width:760px){.storage-actions{display:grid;grid-template-columns:1fr}.storage-settings-grid .span-8,.storage-settings-grid .span-4{grid-column:1/-1}.aegis-secret code{font-size:13px}}

/* v1.0.40 — Storage Box otomatik dosya havuzu */
.storage-divider{height:1px;background:var(--line);margin:16px 0}
.storage-meta b{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* v1.0.41 — compact bold UI / updates redesign */
:root{
  --panel-bg:#eef0f3;--panel-surface:#f8f9fb;--panel-card:#ffffff;--panel-soft:#f1f3f6;
  --panel-line:#d8dde5;--panel-line-strong:#c6ccd6;--panel-shadow:0 7px 22px rgba(22,28,38,.055)
}
.main{background:var(--panel-bg)}
.page{padding-top:18px!important;padding-bottom:22px!important}
.card,.update-block{background:var(--panel-card);border:1px solid var(--panel-line);box-shadow:var(--panel-shadow)}
.card{border-radius:16px!important}
.hero,.page-head{border:1px solid var(--panel-line);background:var(--panel-surface);border-radius:17px;padding:18px 20px;margin-bottom:14px}
.hero h1,.page-head h1{font-family:'Syne',sans-serif;font-size:25px;line-height:1;margin:0 0 6px;letter-spacing:-.035em}
.hero p,.page-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.btn{border-radius:10px!important;min-height:36px!important;font-weight:800!important;letter-spacing:-.01em!important;box-shadow:none!important}
.btn.primary{background:#4f46e5!important;color:#fff!important;border-color:#4f46e5!important}
.btn.dark{background:#1c2027!important;color:#fff!important;border-color:#1c2027!important}
.btn.ghost{background:#f0f2f5!important;color:#242933!important;border-color:#d8dde4!important}
.btn:disabled{opacity:.45!important;cursor:not-allowed!important}

.compact-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.page-kicker,.block-kicker{display:block;font:800 9px/1 'DM Sans',sans-serif;letter-spacing:.14em;color:#7b8390;margin-bottom:7px}
.active-version-pill{min-width:130px;background:#171b22;color:#fff;border-radius:13px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.active-version-pill small{font-size:9px;color:#aeb5c0;font-weight:700}.active-version-pill b{font:800 15px 'Syne',sans-serif}
.update-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:14px;align-items:start}
.update-block{border-radius:17px;padding:15px}
.block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.block-head h2{font:800 18px/1.05 'Syne',sans-serif;margin:0;letter-spacing:-.025em}
.block-step{width:31px;height:31px;border-radius:9px;background:#eef0f4;color:#5e6672;display:grid;place-items:center;font:800 10px 'Syne',sans-serif}
.update-drop{border:1px dashed #c4cad4;background:#f5f6f8;border-radius:14px;padding:13px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;transition:.15s}
.update-drop.drag{border-color:#655ce4;background:#f1f0ff;box-shadow:inset 0 0 0 1px #655ce4}
.update-drop-icon{width:44px;height:44px;border-radius:11px;background:#242832;color:#fff;display:grid;place-items:center;font:800 10px 'Syne',sans-serif;letter-spacing:.06em}
.update-drop-copy{min-width:0}.update-drop-copy b{display:block;font:800 12px 'Syne',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-drop-copy span{display:block;color:#79808b;font-size:10px;line-height:1.35;margin-top:3px}
.update-file-btn{white-space:nowrap!important;min-height:34px!important;padding-inline:11px!important}
.update-install-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.update-safe-note{min-width:0}.update-safe-note b{display:block;font-size:10px}.update-safe-note span{display:block;color:#7c838e;font-size:9px;line-height:1.35;margin-top:2px}
.compact-action{min-height:32px!important;font-size:10px!important;padding:0 10px!important}
.version-list{display:grid!important;gap:7px!important;max-height:526px!important;overflow:auto!important;padding-right:3px!important}
.version-card{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:10px;background:#f7f8fa;border:1px solid #e1e4e9;border-radius:12px;padding:8px 9px;min-height:56px}
.version-card.is-active{background:#f2f1ff;border-color:#d7d3ff}
.version-index{width:31px;height:31px;border-radius:8px;background:#e9ecf0;color:#68707b;display:grid;place-items:center;font:800 9px 'Syne',sans-serif}.version-card.is-active .version-index{background:#4f46e5;color:#fff}
.version-copy{min-width:0}.version-title{font:800 11.5px 'Syne',sans-serif;color:#1d222b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-title span{font-family:'DM Sans',sans-serif;font-weight:700;color:#535b67;margin-left:4px}.version-meta{display:flex;align-items:center;gap:6px;margin-top:3px;color:#878e98;font-size:8.5px;font-weight:700}.active-mini{background:#4f46e5;color:#fff;border-radius:999px;padding:2px 5px;font-size:7px;letter-spacing:.06em}
.version-actions{display:flex;align-items:center;gap:5px}.icon-action{width:30px;height:30px;border:1px solid #d8dde4;border-radius:9px;background:#fff;color:#303640;display:grid;place-items:center;text-decoration:none;font:800 16px/1 'DM Sans',sans-serif;cursor:pointer}.icon-action:hover{background:#eceff3}.icon-action:disabled{opacity:.3;cursor:not-allowed}
.compact-empty{padding:20px!important;font-size:11px!important}

/* navigation arrows: small, predictable, no floating oversized symbols */
.editor-back,.editor-forward-dashboard,.editor-forward-dashboard.editor-forward-fixed{width:30px!important;height:30px!important;min-width:30px!important;flex:0 0 30px!important;border-radius:9px!important;border:1px solid #d6dbe2!important;background:#f2f4f7!important;color:#252b34!important;box-shadow:none!important;font:800 20px/1 'Syne',sans-serif!important}
.editor-back:hover,.editor-forward-dashboard:hover{background:#e7eaf0!important;transform:none!important}
.editor-forward-dashboard.editor-forward-fixed{position:fixed!important;left:16px!important;top:76px!important;z-index:80!important}

/* common controls: visually separated but compact */
.field input,.field textarea,.field select,.sheet-select{border-color:#d5dae2!important;background:#fafbfc!important}
.field input:focus,.field textarea:focus,.field select:focus{background:#fff!important;border-color:#8e96a3!important;box-shadow:0 0 0 3px rgba(79,70,229,.08)!important}
.settings-tabs{background:#e5e8ed!important;border:1px solid #d4d9e1!important;padding:4px!important;border-radius:12px!important;display:inline-flex!important;gap:4px!important}
.settings-tabs .btn{border:0!important;background:transparent!important;min-height:32px!important}.settings-tabs .btn.active{background:#fff!important;box-shadow:0 1px 4px rgba(20,25,35,.08)!important}

html[data-theme="dark"]{--panel-bg:#121519;--panel-surface:#1a1e24;--panel-card:#20252c;--panel-soft:#252b33;--panel-line:#353c46;--panel-line-strong:#454e5a;--panel-shadow:none}
html[data-theme="dark"] .update-drop,html[data-theme="dark"] .version-card{background:#252a31;border-color:#3b424c}
html[data-theme="dark"] .version-card.is-active{background:#292747;border-color:#514b89}
html[data-theme="dark"] .version-title{color:#f2f3f5}html[data-theme="dark"] .version-title span{color:#b4bac3}
html[data-theme="dark"] .version-index{background:#343a43;color:#c7ccd3}html[data-theme="dark"] .icon-action{background:#2d333b;border-color:#454d58;color:#f3f4f5}
html[data-theme="dark"] .editor-back,html[data-theme="dark"] .editor-forward-dashboard{background:#2b3037!important;border-color:#414852!important;color:#fff!important}

@media(max-width:900px){
  .page{padding:12px 10px 18px!important}.hero,.page-head{padding:14px;border-radius:14px}.hero h1,.page-head h1{font-size:21px}
  .update-layout{grid-template-columns:1fr}.compact-head{align-items:flex-start}.active-version-pill{min-width:116px;padding:8px 10px}.update-block{padding:12px;border-radius:14px}.version-list{max-height:440px!important}
}
@media(max-width:620px){
  .compact-head{display:grid;grid-template-columns:1fr auto;gap:8px}.compact-head p{grid-column:1/-1}.active-version-pill{grid-column:2;grid-row:1;align-self:start}
  .update-drop{grid-template-columns:38px 1fr}.update-drop-icon{width:38px;height:38px}.update-file-btn{grid-column:1/-1;width:100%;justify-content:center!important}.update-install-actions{align-items:stretch;flex-direction:column}.update-install-actions .btn{width:100%}
  .block-head h2{font-size:16px}.version-card{grid-template-columns:28px minmax(0,1fr);padding:8px}.version-index{width:28px;height:28px}.version-actions{grid-column:2;justify-content:flex-end;margin-top:-2px}.version-title{white-space:normal;line-height:1.2}.version-meta{flex-wrap:wrap}
  .editor-forward-dashboard.editor-forward-fixed{left:10px!important;top:66px!important}
}

/* v1.0.41 — kompakt, bloklu panel UI + güncellemeler yeniden düzen */
:root{
  --block:#f7f8fa;
  --block-strong:#eef1f5;
}
html[data-theme="dark"]{--block:#252a31;--block-strong:#2c323a}

/* Genel blok dili */
.card{border-radius:16px!important;padding:16px!important}
.hero{margin-bottom:14px!important}
.hero h1{font-size:30px!important;line-height:1.05!important}
.hero p{font-size:13px!important;max-width:720px!important}
.eyebrow{font-size:10px!important;font-weight:800!important;letter-spacing:.09em!important}
.btn{border-radius:10px!important;min-height:36px!important;padding:8px 12px!important;font-size:12px!important;font-weight:800!important}

/* Güncellemeler — net iki blok, taşmayan liste */
.version-active{
  border-radius:16px!important;
  padding:16px 18px!important;
  min-height:82px!important;
  box-shadow:0 8px 22px rgba(25,31,45,.11)!important;
}
.version-active .metric{font-size:28px!important;margin-top:3px!important}
.version-active .btn{background:rgba(255,255,255,.13)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
.versions-grid{
  grid-template-columns:minmax(300px,390px) minmax(0,1fr)!important;
  gap:12px!important;
  margin-top:12px!important;
}
.version-upload-card,.version-history-card{
  border-radius:16px!important;
  padding:14px!important;
  background:var(--card)!important;
  overflow:hidden!important;
}
.version-upload-card h3{font-family:'Syne',sans-serif;font-size:18px;letter-spacing:-.025em;margin:5px 0 10px}
.version-upload-card>p{margin:10px 0 0!important;line-height:1.4!important}
.drop{
  border:1px dashed #bfc6d0!important;
  border-radius:12px!important;
  padding:16px 12px!important;
  background:var(--block)!important;
}
.drop b{font-family:'Syne',sans-serif;font-size:14px!important}
.drop input[type=file]{font-size:11px!important;width:100%!important}
.drop #uploadBtn{width:100%!important;margin-top:10px!important}
.version-history-card>.eyebrow{padding:2px 2px 8px!important}
.version-list{
  display:grid!important;
  gap:6px!important;
  margin-top:0!important;
  max-height:510px!important;
  overflow:auto!important;
  padding:0 3px 2px 0!important;
  scrollbar-width:thin;
}
.version-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:7px!important;
  align-items:center!important;
  padding:9px 10px!important;
  border:1px solid var(--line)!important;
  border-radius:11px!important;
  background:var(--block)!important;
}
.version-row .meta b{font-family:'Syne',sans-serif!important;font-size:11.5px!important;font-weight:700!important;line-height:1.2!important}
.version-row .meta small{font-size:9.5px!important;margin-top:3px!important;white-space:nowrap!important}
.version-row .btn{min-height:30px!important;height:30px!important;padding:0 9px!important;font-size:9.5px!important;border-radius:8px!important}
.version-row .restore.dark{background:#1e2228!important;color:#fff!important;border-color:#1e2228!important}
html[data-theme="dark"] .version-row{background:#252a31!important}

/* Yön okları: küçük, sabit ve panel içeriğinin üstüne binmeyen konum */
.editor-back,.editor-forward-dashboard{
  width:28px!important;height:28px!important;min-width:28px!important;flex-basis:28px!important;
  border-radius:9px!important;font-size:18px!important;box-shadow:none!important;
  background:#262b32!important;border:1px solid rgba(255,255,255,.07)!important;
}
.editor-forward-dashboard.editor-forward-fixed{
  left:246px!important;top:22px!important;width:28px!important;height:28px!important;
  z-index:24!important;
}

/* Topbar ve menü butonları daha düzenli */
.topbar{height:64px!important}
.topbar-actions{align-items:center!important;gap:7px!important}
.topbar-actions .btn{min-height:34px!important}
.theme-toggle{width:34px!important;height:34px!important;min-height:34px!important}
.tag{padding:5px 8px!important}
.nav{gap:4px!important}
.nav button{padding:9px 11px!important;border-radius:10px!important;font-size:12px!important}

@media(max-width:900px){
  .page{padding:14px!important}
  .hero{gap:10px!important;margin-bottom:12px!important}
  .hero h1{font-size:25px!important}
  .hero p{font-size:12px!important}
  .versions-grid{grid-template-columns:1fr!important;gap:10px!important}
  .version-active{padding:13px 14px!important;min-height:72px!important}
  .version-active .metric{font-size:24px!important}
  .version-list{max-height:440px!important}
  .version-row{grid-template-columns:minmax(0,1fr) auto!important;padding:8px!important}
  .version-row .restore{grid-column:1/-1!important;width:100%!important;height:32px!important}
  .version-row .meta b{font-size:11px!important}
  .version-row .meta small{font-size:9px!important;white-space:normal!important}
  .topbar{height:58px!important;padding:0 12px!important}
  .topbar-title{font-size:15px!important}
  .topbar-actions .tag{display:none!important}
  .topbar-actions .btn.dark{font-size:0!important;width:34px!important;padding:0!important}
  .topbar-actions .btn.dark:after{content:'+';font-size:20px!important;line-height:1!important}
  .editor-forward-dashboard.editor-forward-fixed{left:54px!important;top:15px!important;width:28px!important;height:28px!important}
  .mobile-menu{width:34px!important;height:34px!important;padding:0!important;display:grid!important;place-items:center!important}
}

@media(max-width:520px){
  .version-active{align-items:flex-start!important;flex-direction:column!important;gap:9px!important}
  .version-active .btn{width:100%!important}
  .version-upload-card,.version-history-card{padding:12px!important}
  .drop{padding:14px 10px!important}
  .version-row{grid-template-columns:1fr!important}
  .version-row>a.btn,.version-row .restore{width:100%!important;grid-column:1!important}
}

/* v1.0.42 — %70 A4 çalışma bloğu + senkron 3 bilgi kutusu + tema ikon kontrastları */
/* ikonlar her iki temada da buton rengini takip etsin */
.btn svg,.icon-action svg,.theme-toggle svg,.topbar-actions svg,.editor-actions svg{fill:currentColor!important;stroke:currentColor!important;color:inherit!important}
.btn i,.btn .icon,.icon-action i,.icon-action .icon{color:inherit!important}
.topbar-actions .btn,.theme-toggle,.mobile-menu{isolation:isolate}
html[data-theme="light"] .topbar-actions .btn.ghost,html:not([data-theme="dark"]) .topbar-actions .btn.ghost{background:#eef1f5!important;color:#222832!important;border-color:#d7dce4!important}
html[data-theme="light"] .topbar-actions .btn.dark,html:not([data-theme="dark"]) .topbar-actions .btn.dark{background:#20252c!important;color:#fff!important;border-color:#20252c!important}
html[data-theme="dark"] .topbar-actions .btn.ghost{background:#2a3038!important;color:#f5f6f8!important;border-color:#414954!important}
html[data-theme="dark"] .topbar-actions .btn.dark{background:#f0f2f5!important;color:#171b20!important;border-color:#f0f2f5!important}

/* Yeni Sipariş: toolbar + A4 aynı blok genişliğinde, masaüstünde viewport'un yaklaşık %70'i */
body.order-editor-page .order-a4-main{
  width:min(70vw,1120px)!important;
  max-width:1120px!important;
  margin:14px auto 22px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}
body.order-editor-page .order-a4-mainbar{
  position:sticky!important;
  top:8px!important;
  width:100%!important;
  min-height:54px!important;
  padding:8px 10px!important;
  border:1px solid #d6dbe2!important;
  border-bottom:0!important;
  border-radius:15px 15px 0 0!important;
  background:rgba(250,251,252,.97)!important;
  box-shadow:0 7px 20px rgba(18,24,34,.08)!important;
}
body.order-editor-page .order-a4-main .live-a4-stage{
  width:100%!important;
  min-height:0!important;
  padding:16px 14px 24px!important;
  border:1px solid #d6dbe2!important;
  border-radius:0 0 15px 15px!important;
  background:#e7e9ed!important;
  overflow:auto!important;
}
body.order-editor-page .order-a4-main .live-a4-preview{
  width:794px!important;
  min-width:794px!important;
  max-width:794px!important;
  margin:0 auto!important;
  display:block!important;
  transform-origin:top center!important;
}
body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
  width:794px!important;
  min-width:794px!important;
  max-width:794px!important;
  height:1123px!important;
  min-height:1123px!important;
  max-height:1123px!important;
  margin:0!important;
}
html[data-theme="dark"] body.order-editor-page .order-a4-mainbar{background:rgba(31,36,43,.97)!important;border-color:#414954!important}
html[data-theme="dark"] body.order-editor-page .order-a4-main .live-a4-stage{background:#181c21!important;border-color:#414954!important}

/* Üçlü bilgi kutusu aynı yükseklikte hareket eder. JS yükseklikleri senkronlar. */
body.order-editor-page .reference-a4 .ref-info>.ref-expand-box{align-self:stretch!important;display:flex!important;flex-direction:column!important}
body.order-editor-page .reference-a4 .ref-info>.ref-expand-box textarea.expandable-direct{flex:1 1 auto!important;width:100%!important;resize:vertical!important}

/* Toolbar içeriği taşmak yerine düzgün sıkışsın */
body.order-editor-page .editor-brand{min-width:0!important}
body.order-editor-page .editor-quick{min-width:0!important;overflow-x:auto!important;scrollbar-width:none}
body.order-editor-page .editor-actions{flex:0 0 auto!important}

@media(max-width:1100px){
  body.order-editor-page .order-a4-main{width:calc(100vw - 28px)!important;max-width:none!important;margin:10px 14px 18px!important}
  body.order-editor-page .order-a4-mainbar{top:6px!important}
}
@media(max-width:700px){
  body.order-editor-page .order-a4-main{width:calc(100vw - 16px)!important;margin:8px 8px 14px!important}
  body.order-editor-page .order-a4-mainbar{border-radius:13px 13px 0 0!important;padding:7px 8px!important;grid-template-columns:1fr!important}
  body.order-editor-page .order-a4-main .live-a4-stage{border-radius:0 0 13px 13px!important;padding:10px 8px 18px!important}
}

/* v1.0.43 — gerçek büyük A4 çalışma yüzeyi; %70 konteyner hatasını kaldır */
body.order-editor-page .order-a4-main{
  width:auto!important;
  max-width:calc(100vw - 16px)!important;
  margin:12px auto 24px!important;
  align-items:stretch!important;
}
body.order-editor-page .order-a4-mainbar{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  margin-bottom:8px!important;
  min-height:58px!important;
  padding:8px 10px!important;
  box-shadow:0 5px 18px rgba(18,24,34,.07)!important;
}
body.order-editor-page .order-a4-main .live-a4-stage{
  width:auto;
  max-width:calc(100vw - 16px)!important;
  box-sizing:border-box!important;
  padding:12px!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:#dde1e6!important;
  overflow:auto!important;
  margin:0!important;
}
body.order-editor-page .order-a4-main .live-a4-preview{
  width:794px!important;
  min-width:794px!important;
  max-width:794px!important;
  margin:0!important;
}
html[data-theme="dark"] body.order-editor-page .order-a4-main .live-a4-stage{background:#171b20!important}
@media(max-width:900px){
  body.order-editor-page .order-a4-main{margin:8px auto 14px!important;max-width:calc(100vw - 12px)!important}
  body.order-editor-page .order-a4-mainbar{border-radius:12px!important;margin-bottom:6px!important;min-height:52px!important}
  body.order-editor-page .order-a4-main .live-a4-stage{max-width:calc(100vw - 12px)!important;border-radius:12px!important;padding:8px!important}
}

/* v1.0.44 — merkezlenmiş A4 çalışma alanı + görünür navigasyon + güvenlik cihaz görünümü */
body.order-editor-page .order-a4-main{
  margin:12px auto 24px!important;
  align-items:center!important;
}
body.order-editor-page .order-a4-mainbar{
  width:100%!important;
  margin:0 0 8px!important;
  border-radius:14px!important;
  background:var(--card)!important;
}
body.order-editor-page .order-a4-main .live-a4-stage{
  margin:0 auto!important;
  padding:14px!important;
  display:block!important;
  overflow:auto!important;
  border-radius:14px!important;
  background:#dde1e6!important;
}
body.order-editor-page .order-a4-main .live-a4-preview{
  margin:0 auto!important;
  transform-origin:top center!important;
}
html[data-theme="dark"] body.order-editor-page .order-a4-mainbar{background:#20242a!important;border-color:#39414b!important}
html[data-theme="dark"] body.order-editor-page .order-a4-main .live-a4-stage{background:#171b20!important}

/* Geri/ileri aynı minimal kontrol dili; glif her iki temada da görünür. */
.editor-back,.editor-forward-dashboard{
  display:inline-grid!important;place-items:center!important;
  width:30px!important;height:30px!important;min-width:30px!important;
  padding:0!important;border-radius:9px!important;
  background:#20252c!important;color:#fff!important;border:1px solid #343b45!important;
  font-family:Arial,sans-serif!important;font-size:22px!important;font-weight:800!important;line-height:1!important;
  text-indent:0!important;opacity:1!important;
}
.editor-back:hover,.editor-forward-dashboard:hover{background:#0f1216!important;color:#fff!important;transform:none!important}
html[data-theme="dark"] .editor-back,html[data-theme="dark"] .editor-forward-dashboard{background:#eef1f4!important;color:#171b20!important;border-color:#eef1f4!important}
html[data-theme="dark"] .editor-back:hover,html[data-theme="dark"] .editor-forward-dashboard:hover{background:#fff!important;color:#101318!important}
.editor-forward-dashboard.editor-forward-fixed{left:18px!important;top:82px!important}

.security-tabs{display:flex;gap:7px;margin-bottom:12px;padding:5px;border:1px solid var(--line);border-radius:13px;background:var(--soft);width:max-content;max-width:100%}
.security-tabs .btn{height:34px;padding:0 12px;border-radius:9px;font-size:11px}
.security-tabs .btn.active{background:var(--accent2)!important;color:#fff!important;border-color:var(--accent2)!important}
html[data-theme="dark"] .security-tabs .btn.active{background:#eef0f4!important;color:#17191d!important;border-color:#eef0f4!important}
.security-panel{padding:16px!important}
.security-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px}
.security-head h3{font-family:'Syne',sans-serif;margin:4px 0;font-size:18px}
.security-list{display:grid;gap:7px}
.security-row{display:grid;grid-template-columns:1.15fr 1.25fr .8fr .8fr auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:var(--block,var(--soft))}
.security-row>div{min-width:0}.security-row b{display:block;font-size:11px}.security-row small{display:block;color:var(--muted);font-size:9.5px;margin-top:2px}.security-actions{display:flex;gap:6px;justify-content:flex-end}.security-actions .btn{height:30px;padding:0 9px;font-size:9px;border-radius:8px}
.login-history{display:grid;gap:6px}.login-row{display:grid;grid-template-columns:1.2fr .8fr 1fr 1.2fr;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:10px}.login-row b{font-size:11px}.login-row small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
@media(max-width:900px){
  .security-tabs{width:100%}.security-tabs .btn{flex:1}
  .security-head{align-items:flex-start}.security-head h3{font-size:16px}
  .security-row{grid-template-columns:1fr 1fr}.security-actions{grid-column:1/-1;justify-content:stretch}.security-actions .btn{flex:1}
  .login-row{grid-template-columns:1fr 1fr}.login-row>div:first-child{grid-column:1/-1}
  .editor-forward-dashboard.editor-forward-fixed{left:12px!important;top:68px!important}
}

/* v1.0.45 — temiz A4 yüzeyi, orantılı görsel, ortak bilgi boyutu */
body.order-editor-page .order-a4-main{
  width:max-content!important;
  max-width:calc(100vw - 24px)!important;
  margin:12px auto 18px!important;
  align-items:center!important;
}
body.order-editor-page .order-a4-mainbar{
  box-shadow:none!important;
  border:1px solid #d9dde3!important;
  background:#fff!important;
}
body.order-editor-page .order-a4-main .live-a4-stage{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
  overflow:auto!important;
}
body.order-editor-page .order-a4-main .live-a4-preview,
body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
  box-shadow:none!important;
}
html[data-theme="dark"] body.order-editor-page .order-a4-mainbar{
  background:#20242a!important;border-color:#39414b!important;
}
html[data-theme="dark"] body.order-editor-page .order-a4-main .live-a4-stage{background:transparent!important}

/* Serbest oran modu kaldırıldı; tüm tutamaçlar aynı orantılı resize davranışını kullanır. */
.image-aspect-toggle{display:none!important}
.image-remove{z-index:30!important;pointer-events:auto!important}
.image-item{position:relative!important}

/* Fatura / teslimat / kısa açıklama tek ortak yükseklik ile yönetilir. */
body.order-editor-page .reference-a4 .ref-info>.ref-expand-box{
  min-height:54px!important;max-height:160px!important;overflow:hidden!important;
}
body.order-editor-page .reference-a4 .ref-info>.ref-expand-box textarea.expandable-direct{
  height:100%!important;min-height:0!important;max-height:none!important;resize:none!important;overflow:auto!important;
}
.info-resize-strip{
  grid-column:1/-1!important;height:10px!important;margin-top:-2px!important;
  display:grid!important;place-items:center!important;cursor:ns-resize!important;user-select:none!important;
}
.info-resize-strip span{width:38px;height:3px;border-radius:999px;background:#3b414a;opacity:.75;transition:.15s}
.info-resize-strip:hover span{width:50px;opacity:1}

/* Sipariş notları boş sayfa bırakmak yerine kalan alanı kullanır. */
body.order-editor-page .reference-a4 .ref-notes{
  flex:1 1 auto!important;
  min-height:90px!important;
  max-height:none!important;
  margin-top:6px!important;
  display:flex!important;
  flex-direction:column!important;
}
body.order-editor-page .reference-a4 .ref-notes textarea.notes-direct{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:56px!important;
  max-height:none!important;
}

@media(max-width:900px){
  body.order-editor-page .order-a4-main{max-width:calc(100vw - 12px)!important;margin:8px auto 14px!important}
  body.order-editor-page .order-a4-mainbar{width:100%!important}
}
@media print{.info-resize-strip{display:none!important}}


/* v1.0.46 — okunaklı 3+ haneli adetler + siparişe özel beden adları */
body.order-editor-page .reference-a4 .a4-size-row-grid{gap:4px!important}
body.order-editor-page .reference-a4 .a4-size-edit{min-width:0!important;overflow:visible!important}
body.order-editor-page .reference-a4 .a4-size-edit .size-name-edit-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:18px;background:#f4f6f8;border-bottom:1px solid #e2e6eb;border-radius:6px 6px 0 0;padding:1px 2px}
body.order-editor-page .reference-a4 .a4-size-edit .size-name-edit{display:block;width:100%;min-width:0;height:17px;border:0!important;outline:0!important;background:transparent!important;text-align:center;color:#2b313a;font:700 7.4px/1 'Syne','DM Sans',sans-serif!important;padding:0 2px!important;text-overflow:ellipsis}
body.order-editor-page .reference-a4 .a4-size-edit .size-name-edit:focus{background:#fff!important;box-shadow:inset 0 0 0 1px #aeb6c2!important;border-radius:4px}
body.order-editor-page .reference-a4 .a4-size-edit .size-qty-edit,
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-edit .size-qty-edit,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-edit .size-qty-edit,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-edit .size-qty-edit{height:24px!important;font:800 12px/1 'DM Sans',sans-serif!important;letter-spacing:-.02em!important;padding:0 1px!important;min-width:0!important;text-align:center!important}
body.order-editor-page .reference-a4 .a4-size-edit .size-pct-badge{position:absolute;right:1px;top:1px;z-index:2;font-size:5.5px!important;padding:1px 2px!important;pointer-events:none}
@media(max-width:900px){body.order-editor-page .reference-a4 .a4-size-edit .size-qty-edit{font-size:11px!important}}


/* v1.0.47 — kompakt üst bilgi, çalışan resize ve bağımsız not alanı */
body.order-editor-page .reference-a4 .ref-info{
  position:relative!important;
  width:100%!important;
  column-gap:10px!important;
  row-gap:4px!important;
  padding:4px 0 12px!important;
  margin:0!important;
}
body.order-editor-page .reference-a4 .ref-info>.ref-expand-box{
  grid-column:span 4!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
/* Resize şeridi artık ayrı grid satırı tüketmez. */
body.order-editor-page .reference-a4 .info-resize-strip{
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  width:66px!important;
  height:9px!important;
  margin:0!important;
  z-index:20!important;
  display:grid!important;
  place-items:center!important;
  touch-action:none!important;
}
body.order-editor-page .reference-a4 .info-resize-strip span{width:34px!important;height:3px!important}
body.order-editor-page .reference-a4 .ref-totals{margin-top:2px!important}

/* Not alanının inline yüksekliği korunur: kullanıcı tek başına büyütüp küçültebilir. */
body.order-editor-page .reference-a4 .ref-notes{
  flex:0 0 auto!important;
  min-height:62px!important;
  max-height:280px!important;
  margin:8px 0 8px!important;
  padding-top:7px!important;
  box-sizing:border-box!important;
}
body.order-editor-page .reference-a4 .ref-notes textarea.notes-direct{
  flex:1 1 auto!important;
  height:calc(100% - 26px)!important;
  min-height:34px!important;
  max-height:none!important;
  resize:none!important;
}
body.order-editor-page .reference-a4 .ref-notes .notes-resize-handle{
  top:-4px!important;
  height:10px!important;
  width:60px!important;
  touch-action:none!important;
}
body.order-editor-page .reference-a4 .ref-notes .notes-resize-handle span{width:34px!important;height:3px!important}

/* Görsel resize tutamaçlarının görünür hit alanı. */
body.order-editor-page .reference-a4 .image-height-resize{
  bottom:-10px!important;width:88px!important;height:22px!important;z-index:40!important;touch-action:none!important;
}
body.order-editor-page .reference-a4 .image-height-resize span{width:42px!important;height:4px!important}
body.order-editor-page .reference-a4 .image-width-resize{
  right:-10px!important;width:22px!important;height:88px!important;z-index:40!important;touch-action:none!important;
}
body.order-editor-page .reference-a4 .image-width-resize span{height:42px!important;width:4px!important}
body.order-editor-page .reference-a4 .image-resize-handle{z-index:41!important;touch-action:none!important}

/* Otomatik fiyat metni kutuya sığsın. */
body.order-editor-page .reference-a4 .ref-totals .a4-price-input{
  font-size:12px!important;
  font-weight:750!important;
  min-height:26px!important;
  height:26px!important;
  padding:2px 3px!important;
  letter-spacing:-.02em!important;
}
body.order-editor-page .reference-a4 .ref-totals .a4-price-input::placeholder{
  font-size:11px!important;
  font-weight:700!important;
  color:#777f89!important;
  opacity:1!important;
}
@media(max-width:900px){
  body.order-editor-page .reference-a4 .ref-info{column-gap:7px!important}
  body.order-editor-page .reference-a4 .ref-totals .a4-price-input{font-size:11px!important}
}

/* v1.0.48 — sabit navigasyon yuvası + esnek beden grupları + 4/6 haneli adet görünümü */
.dashboard-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}
.dashboard-hero-main{display:flex;align-items:center;gap:12px;min-width:0}
.dashboard-hero-main>div{min-width:0}
.dashboard-hero-main .editor-forward-dashboard{position:static!important;left:auto!important;top:auto!important;flex:0 0 30px!important;margin:0!important}
.editor-forward-dashboard.editor-forward-fixed{position:static!important;left:auto!important;top:auto!important}

body.order-editor-page .reference-a4 .a4-size-row-label{position:relative!important;display:flex!important;align-items:center!important;gap:3px!important;padding:3px!important;overflow:visible!important}
body.order-editor-page .reference-a4 .a4-size-row-label input{
  width:100%;min-width:0;height:24px;border:0;background:transparent;color:#343a43;
  font:700 8px/1 'Syne','DM Sans',sans-serif;text-align:center;outline:0;padding:0 16px 0 3px;border-radius:5px
}
body.order-editor-page .reference-a4 .a4-size-row-label input:focus{background:#fff;box-shadow:inset 0 0 0 1px #b9c0ca}
.size-group-remove{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:15px;height:15px;padding:0;border:0;border-radius:5px;background:#e9ecf0;color:#59616c;font:800 12px/1 Arial,sans-serif;cursor:pointer;display:grid;place-items:center}
.size-group-remove:hover{background:#fee2e2;color:#b91c1c}
.size-group-restore{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0 0 5px;padding:4px 6px;border:1px dashed #d9dde3;border-radius:7px;background:#fafbfc}
.size-group-restore small{font-size:7px;font-weight:800;color:#818894;text-transform:uppercase;letter-spacing:.06em}
.size-group-restore button{height:21px;border:1px solid #dce1e7;border-radius:6px;background:#fff;color:#343a43;padding:0 6px;font:700 7.5px 'DM Sans',sans-serif;cursor:pointer}
.size-group-restore button:hover{background:#f0f2f5}

body.order-editor-page .reference-a4 .a4-size-edit .size-qty-edit,
body.order-editor-page .reference-a4.a4-pressure-1 .a4-size-edit .size-qty-edit,
body.order-editor-page .reference-a4.a4-pressure-2 .a4-size-edit .size-qty-edit,
body.order-editor-page .reference-a4.a4-pressure-3 .a4-size-edit .size-qty-edit{
  font-size:11px!important;font-weight:800!important;letter-spacing:-.045em!important;padding:0!important;
  font-variant-numeric:tabular-nums!important;-moz-appearance:textfield!important
}
body.order-editor-page .reference-a4 .a4-size-edit .size-qty-edit::-webkit-outer-spin-button,
body.order-editor-page .reference-a4 .a4-size-edit .size-qty-edit::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}

html[data-theme="dark"] body.order-editor-page .reference-a4 .a4-size-row-label input{color:#e9edf2}
html[data-theme="dark"] .size-group-remove{background:#343a43;color:#d8dde5}
html[data-theme="dark"] .size-group-restore{background:#22272e;border-color:#414852}
html[data-theme="dark"] .size-group-restore button{background:#2d333b;color:#f2f4f6;border-color:#454d58}

@media(max-width:700px){
  .dashboard-hero{align-items:flex-start!important}
  .dashboard-hero-main{gap:8px}
  .dashboard-hero-main .editor-forward-dashboard{width:28px!important;height:28px!important;min-width:28px!important}
}

/* v1.0.49 — A4 altına kilitli zengin Sipariş Notları */
body.order-editor-page .reference-a4 .ref-notes{
  position:relative!important;
  margin-top:auto!important;
  margin-bottom:0!important;
  flex:0 0 auto!important;
  min-height:62px!important;
  max-height:calc(100% - 70px)!important;
  overflow:visible!important;
  padding-top:5px!important;
}
body.order-editor-page .reference-a4 .ref-notes .notes-resize-handle{
  top:-6px!important;height:12px!important;cursor:ns-resize!important;
}
.notes-editor-shell{height:calc(100% - 25px);min-height:34px;border:1px solid #171a20;border-radius:7px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.notes-formatbar{height:30px;min-height:30px;display:flex;align-items:center;gap:4px;padding:3px 6px;border-bottom:1px solid #e2e5e9;background:#f6f7f9;position:relative;z-index:4}
.notes-formatbar button,.notes-formatbar select,.notes-formatbar .note-color{height:23px;min-width:26px;border:1px solid #d9dde3;border-radius:6px;background:#fff;color:#171a20;display:inline-flex;align-items:center;justify-content:center;font:700 10px 'DM Sans',sans-serif;padding:0 6px;cursor:pointer}
.notes-formatbar button:hover{background:#eef0f4;border-color:#c6ccd4}.notes-formatbar select{padding:0 4px;min-width:48px}.note-color{position:relative;padding:0!important;width:30px}.note-color input{position:absolute;inset:0;opacity:0;cursor:pointer}.note-color span{font-family:'Syne',sans-serif;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}
.notes-rich-editor{flex:1;min-height:0;overflow:auto;padding:8px 10px;outline:0;font:500 13px/1.45 'DM Sans',sans-serif;color:#111318;background:repeating-linear-gradient(to bottom,#fff,#fff 24px,#eceef1 25px);white-space:pre-wrap;overflow-wrap:anywhere}
.notes-rich-editor:focus{box-shadow:inset 0 0 0 2px rgba(53,82,255,.12)}
.notes-rich-output{border:1px solid #171a20;border-radius:7px;min-height:44px;height:calc(100% - 25px);overflow:hidden;padding:8px 10px;font:500 10px/1.45 'DM Sans',sans-serif;background:repeating-linear-gradient(to bottom,#fff,#fff 23px,#eceef1 24px);overflow-wrap:anywhere}
@media(max-width:700px){.notes-formatbar{height:28px;min-height:28px;padding:2px 4px;gap:3px}.notes-formatbar button,.notes-formatbar select,.notes-formatbar .note-color{height:22px}.notes-rich-editor{font-size:12px;padding:7px}}
@media print{.notes-formatbar,.notes-resize-handle{display:none!important}.notes-editor-shell{border:0!important}.notes-rich-editor{overflow:hidden!important}}

/* v1.0.50 — global okunabilirlik, taşma önleme ve tutarlı geri navigasyonu */
:root{--control-fg:#1b2027;--control-bg:#eef1f5;--control-border:#cfd5dd;--control-active-bg:#171a1f;--control-active-fg:#fff}
html[data-theme="dark"]{--control-fg:#f1f3f5;--control-bg:#2b3037;--control-border:#444c56;--control-active-bg:#f2f4f6;--control-active-fg:#171a1f}

/* Tüm buton/ikonlarda okunabilir foreground zorunlu; SVG/icon font rengi de aynı kaynaktan gelir. */
button,.btn,[role="button"],.sheet-tool,.tab-btn,.settings-tab,.security-tab{box-sizing:border-box;min-width:0;max-width:100%;color:var(--control-fg)}
button svg,.btn svg,[role="button"] svg{stroke:currentColor!important;fill:currentColor!important}
button svg[fill="none"],.btn svg[fill="none"]{fill:none!important}
button:disabled,.btn:disabled{opacity:.55!important;cursor:not-allowed!important}
.btn.primary,.btn.dark,.editor-save{color:#fff!important}
html[data-theme="dark"] .btn.primary,html[data-theme="dark"] .btn.dark,html[data-theme="dark"] .editor-save{color:#fff!important}

/* Aktif sekme dark zeminde dark yazı bırakmasın. */
.tabs button.active,.settings-tabs button.active,.security-tabs button.active,[role="tab"].active,.segmented button.active{background:var(--control-active-bg)!important;color:var(--control-active-fg)!important;border-color:var(--control-active-bg)!important}
.tabs button.active *, .settings-tabs button.active *, .security-tabs button.active *,[role="tab"].active *{color:inherit!important}

/* Metinler buton ve kartlardan taşmasın; kısa kontroller tek satır, uzun aksiyonlar kontrollü sarılır. */
.btn,button{overflow:hidden;text-overflow:ellipsis}
.btn:not(.icon-only),button:not(.icon-only){white-space:nowrap}
.card,.hero,.version-row,.security-device-row,.security-login-row,.topbar-actions,.editor-actions,.editor-quick{min-width:0}
.card *, .hero *, .version-row *, .security-device-row *, .security-login-row *{min-width:0}
.metric,.ref-totals b,.summary-sub{font-variant-numeric:tabular-nums;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ref-totals>div{min-width:0!important}
.ref-totals b{font-size:clamp(9px,1.25vw,13px)!important;letter-spacing:-.025em!important}
.a4-price-input{min-width:0!important;width:100%!important;font-size:clamp(10px,1.35vw,14px)!important;text-overflow:ellipsis!important}

/* Global geri düğmesi: başlığa bindirilmez, kendi sütununda sabit. */
.topbar-left{display:flex;align-items:center;gap:9px;min-width:0}
.global-back{width:34px;height:34px;min-width:34px;flex:0 0 34px;border:1px solid var(--control-border);border-radius:10px;background:var(--control-bg);color:var(--control-fg)!important;font:800 23px/1 'Syne','DM Sans',sans-serif;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:none}
.global-back:hover{filter:brightness(.97)}
.global-back.disabled{opacity:.35;cursor:default;pointer-events:none}
.topbar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

/* Editörün kendi geri tuşunda da tema ne olursa olsun işaret görünür. */
.editor-back,.editor-forward-dashboard{color:#fff!important;background:#22272e!important;border:1px solid #303741!important;text-shadow:none!important}
.editor-back::before,.editor-forward-dashboard::before{color:inherit!important}
html[data-theme="dark"] .editor-back,html[data-theme="dark"] .editor-forward-dashboard{color:#fff!important;background:#15191e!important;border-color:#3b434d!important}

/* Üçlü bilgi bloğu tek hizada; yüksekliği kullanıcı ayarlar, sabit 135/180px tavanı yok. */
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.ref-expand-box{height:var(--info-h,58px);max-height:none!important;min-height:54px!important;align-self:stretch!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info textarea.expandable-direct{height:100%!important;min-height:0!important;max-height:none!important;resize:none!important;overflow:auto!important}
.info-resize-strip{margin-top:1px!important;margin-bottom:1px!important;height:9px!important}

/* Genel kompaktlık: kesik yazı yerine gerektiğinde küçülen kontrollü tipografi. */
.nav button{min-height:38px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-actions .btn{max-width:180px}
.version-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}
.version-row .meta{min-width:0}.version-row .meta b,.version-row .meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.security-device-row,.security-login-row{overflow:hidden}
.security-device-row b,.security-login-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* A4 beden adetlerinde 4-6 hane gerektiğinde font kendini küçültür. */
body.order-editor-page .reference-a4 .size-qty-edit{font-size:clamp(8px,1.05vw,11px)!important;min-width:0!important;padding-inline:1px!important;text-align:center!important}
body.order-editor-page .reference-a4 .size-name-edit{min-width:0!important;padding-inline:1px!important;text-align:center!important}

@media(max-width:900px){
  .topbar{padding-inline:10px!important}.global-back{width:32px;height:32px;min-width:32px;flex-basis:32px;border-radius:9px;font-size:21px}.topbar-left{gap:6px}.topbar-title{font-size:14px!important}
  .btn,button{font-size:clamp(10px,2.9vw,13px)}
  .version-row{grid-template-columns:1fr!important;gap:7px!important}.version-row>div:last-child{display:flex;gap:6px;flex-wrap:wrap}
}

/* v1.0.51 — tam işlevli Sipariş Notları araçları */
.notes-formatbar{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex-wrap:nowrap!important}
.notes-formatbar::-webkit-scrollbar{display:none}
.note-size-control{height:23px;display:inline-flex;align-items:center;border:1px solid #d9dde3;border-radius:6px;background:#fff;color:#171a20;overflow:hidden;flex:0 0 auto}
.note-size-control input{width:45px;height:21px;border:0!important;outline:0;background:transparent;color:#171a20;font:800 10px 'DM Sans',sans-serif;padding:0 2px 0 6px;text-align:center;appearance:textfield}
.note-size-control input::-webkit-inner-spin-button,.note-size-control input::-webkit-outer-spin-button{opacity:.55}
.note-size-control span{font:700 8px 'DM Sans',sans-serif;color:#707782;padding-right:5px}
.notes-formatbar .note-align-center{transform:none!important}
.notes-formatbar .note-align-center{justify-content:center;text-align:center}
.notes-formatbar .note-align-right{justify-content:flex-end;text-align:right}
.notes-formatbar [data-note-compact][data-level="1"]{background:#eef2ff}
.notes-formatbar [data-note-compact][data-level="2"]{background:#e4e9ff}
.notes-formatbar [data-note-compact][data-level="3"]{background:#d7deff}
.notes-rich-editor,.notes-rich-editor *{text-decoration-skip-ink:none}
.notes-rich-editor[spellcheck="false"]{text-decoration:none!important}
.notes-rich-editor ::spelling-error,.notes-rich-editor ::grammar-error{text-decoration:none!important}
html[data-theme="dark"] .note-size-control{background:#242a31;border-color:#444c56;color:#f2f4f6}
html[data-theme="dark"] .note-size-control input{color:#f2f4f6;background:transparent}
html[data-theme="dark"] .note-size-control span{color:#aeb5bf}
@media(max-width:700px){.note-size-control{height:22px}.note-size-control input{height:20px;width:42px}.notes-formatbar{padding-right:8px!important}}

/* v1.0.52 — okunabilirlik kilidi + dikey editör araçları + esnek beden grupları */
/* Kritik değerler hiçbir zaman üç nokta ile kesilmez. */
.metric,.summary-sub,.ref-totals b,#a4ComputedQty,#a4ComputedSurcharge,#a4ComputedTotal{
  overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;
  max-width:none!important;line-height:1!important;font-size:clamp(9px,1vw,13px)!important;
}
.ref-totals>div{overflow:visible!important;min-width:0!important;gap:5px!important}
.ref-totals small{flex:0 1 auto!important;min-width:0!important}
.a4-price-input{overflow:visible!important;text-overflow:clip!important;font-size:11px!important;letter-spacing:-.02em!important}

/* Sistem genelinde metinleri görünmez kılan clipping yerine kontrollü sarma/küçülme. */
.btn:not(.icon-only),button:not(.icon-only){text-overflow:clip!important;max-width:100%;line-height:1.15}
.card h1,.card h2,.card h3,.hero h1,.modal h2,.settings-panel h2{overflow-wrap:anywhere}

/* Yeni Sipariş: üstte dev bar yok; A4 yanında kompakt dikey araç rayı. */
body.order-editor-page .order-a4-main{
  display:grid!important;
  grid-template-columns:164px auto!important;
  gap:10px!important;
  align-items:start!important;
  width:max-content!important;
  max-width:calc(100vw - 24px)!important;
  margin:10px auto 18px!important;
}
body.order-editor-page .order-a4-mainbar{
  position:sticky!important;top:10px!important;
  width:164px!important;min-width:164px!important;max-width:164px!important;
  min-height:0!important;height:auto!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:8px!important;padding:9px!important;margin:0!important;
  border:1px solid #d9dee5!important;border-radius:14px!important;
  box-shadow:none!important;background:#f8f9fb!important;
}
body.order-editor-page .editor-brand{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;padding-bottom:7px!important;border-bottom:1px solid #e1e5ea!important}
body.order-editor-page .editor-brand>div{min-width:0!important}
body.order-editor-page .editor-brand b{font-size:12px!important;line-height:1.05!important;white-space:normal!important}
body.order-editor-page .editor-brand small{display:none!important}
body.order-editor-page .editor-back{width:32px!important;height:32px!important;min-width:32px!important;border-radius:9px!important;font-size:20px!important}
body.order-editor-page .draft-pill{grid-column:1/-1!important;justify-self:start!important;font-size:8px!important;padding:3px 6px!important}
body.order-editor-page .editor-quick,body.order-editor-page .editor-actions{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:7px!important;width:100%!important;overflow:visible!important;
}
body.order-editor-page .editor-product-field,body.order-editor-page .editor-named-field{width:100%!important;display:grid!important;gap:4px!important}
body.order-editor-page .editor-product-field label,body.order-editor-page .editor-named-field label{font-size:8px!important;font-weight:800!important;color:#68707b!important;text-transform:uppercase!important;letter-spacing:.04em!important}
body.order-editor-page .editor-product-field select,body.order-editor-page .editor-named-field .btn,body.order-editor-page .editor-actions .btn{
  width:100%!important;min-width:0!important;height:36px!important;border-radius:9px!important;
  font-size:10px!important;padding:0 8px!important;white-space:normal!important;text-align:center!important;
}
body.order-editor-page .editor-named-field .checkline{min-height:34px!important;padding:5px 7px!important;border:1px solid #d9dee5!important;border-radius:9px!important;background:#fff!important;font-size:10px!important}
body.order-editor-page .order-a4-main .live-a4-stage{grid-column:2!important;padding:0!important;background:transparent!important;overflow:auto!important}
body.order-editor-page .order-a4-main .live-a4-preview{width:auto!important;min-width:0!important;display:block!important}
body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
  width:clamp(900px,68vw,1180px)!important;min-width:0!important;max-width:1180px!important;
  margin:0!important;
}
html[data-theme="dark"] body.order-editor-page .order-a4-mainbar{background:#20252b!important;border-color:#3b434d!important}
html[data-theme="dark"] body.order-editor-page .editor-brand{border-color:#39414b!important}
html[data-theme="dark"] body.order-editor-page .editor-named-field .checkline{background:#272d34!important;border-color:#424b56!important;color:#f5f6f7!important}

/* Beden grup başlığı: buton gibi iri değil, sakin satır etiketi. */
body.order-editor-page .reference-a4 .a4-size-row{
  grid-template-columns:74px minmax(0,1fr)!important;gap:5px!important;margin:0 0 4px!important;
}
body.order-editor-page .reference-a4 .a4-size-row-label{
  min-height:43px!important;height:43px!important;padding:4px 5px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 20px!important;gap:2px!important;
  align-items:center!important;background:#f5f6f8!important;border:1px solid #dfe4e9!important;border-radius:7px!important;
}
body.order-editor-page .reference-a4 .a4-size-row-label input{
  min-width:0!important;width:100%!important;height:26px!important;border:0!important;background:transparent!important;
  color:#39414b!important;font:700 9px/1.05 'DM Sans',sans-serif!important;text-align:left!important;padding:0 2px!important;
}
body.order-editor-page .reference-a4 .size-group-remove{
  width:20px!important;height:20px!important;min-width:20px!important;border:0!important;border-radius:6px!important;
  background:#e9edf1!important;color:#737b86!important;font-size:13px!important;padding:0!important;display:grid!important;place-items:center!important;
}
body.order-editor-page .reference-a4 .size-group-remove:hover{background:#feecef!important;color:#c23b49!important}
body.order-editor-page .reference-a4 .a4-size-row-grid{gap:3px!important}
body.order-editor-page .reference-a4 .a4-size-edit{min-height:43px!important}
body.order-editor-page .reference-a4 .a4-size-edit .size-qty-edit{font-size:11px!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.04em!important}

/* Yeni grup / geri getirme araçları, bedenlerin altına tek kompakt satır. */
.size-groups-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:3px 0 1px;padding:0}
.size-groups-toolbar button{height:26px!important;min-height:26px!important;border:1px solid #d8dde4!important;border-radius:7px!important;background:#f7f8fa!important;color:#49515b!important;font:700 8px/1 'DM Sans',sans-serif!important;padding:0 7px!important;white-space:nowrap!important}
.size-groups-toolbar button:hover{background:#eef1f5!important}
html[data-theme="dark"] .size-groups-toolbar button{background:#272d34!important;border-color:#434c57!important;color:#eef1f4!important}

/* Mobil: dikey ray üstte tek kompakt yatay kontrol bandına dönüşür. */
@media(max-width:900px){
  body.order-editor-page .order-a4-main{display:block!important;width:calc(100vw - 12px)!important;max-width:none!important;margin:6px auto 12px!important}
  body.order-editor-page .order-a4-mainbar{
    position:sticky!important;top:5px!important;z-index:60!important;width:100%!important;min-width:0!important;max-width:none!important;
    display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;padding:6px!important;border-radius:11px!important;
    overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
  }
  body.order-editor-page .order-a4-mainbar::-webkit-scrollbar{display:none}
  body.order-editor-page .editor-brand{display:flex!important;flex:0 0 auto!important;border:0!important;padding:0!important}
  body.order-editor-page .editor-brand>div,body.order-editor-page .draft-pill{display:none!important}
  body.order-editor-page .editor-quick,body.order-editor-page .editor-actions{display:flex!important;flex-direction:row!important;width:auto!important;flex:0 0 auto!important;gap:5px!important}
  body.order-editor-page .editor-product-field,body.order-editor-page .editor-named-field{display:flex!important;width:auto!important;align-items:center!important;gap:4px!important}
  body.order-editor-page .editor-product-field label,body.order-editor-page .editor-named-field>label:not(.checkline){display:none!important}
  body.order-editor-page .editor-product-field select{width:108px!important;height:34px!important}
  body.order-editor-page .editor-named-field .checkline{width:auto!important;min-width:120px!important;height:34px!important;white-space:nowrap!important}
  body.order-editor-page .editor-actions .btn,body.order-editor-page .editor-named-field .btn{width:auto!important;min-width:90px!important;height:34px!important;white-space:nowrap!important}
  body.order-editor-page .order-a4-main .live-a4-stage{width:100%!important;overflow:auto!important;padding:6px 0 10px!important}
  body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:860px!important;min-width:860px!important;max-width:860px!important}
}


/* v1.0.54 — v1.0.52 stabil A4 düzenini koruyan not font seçimi */
.notes-formatbar .note-font-select{
  height:23px!important;
  min-width:82px!important;
  max-width:96px!important;
  flex:0 0 auto!important;
  padding:0 18px 0 6px!important;
  font:700 9px 'DM Sans',sans-serif!important;
}
html[data-theme="dark"] .notes-formatbar .note-font-select{
  background:#242a31!important;color:#f2f4f6!important;border-color:#444c56!important;
}
@media(max-width:700px){.notes-formatbar .note-font-select{min-width:76px!important;max-width:84px!important;height:22px!important}}

/* v1.0.55 — A4 çalışma alanı ve Sipariş Notları kontrol yüzeyi stabilizasyonu */
/* Editörde tek geometri kaynağı: gerçek 794x1123 A4. Ekranda yalnız transform ile ölçeklenir. */
body.order-editor-page .order-a4-main{
  display:grid!important;
  grid-template-columns:176px auto!important;
  gap:12px!important;
  align-items:start!important;
  width:max-content!important;
  max-width:calc(100vw - 20px)!important;
  margin:10px auto 20px!important;
}
body.order-editor-page .order-a4-mainbar{
  position:sticky!important;top:10px!important;
  width:176px!important;min-width:176px!important;max-width:176px!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:8px!important;padding:10px!important;margin:0!important;
  border:1px solid #d9dee5!important;border-radius:14px!important;
  background:#f8f9fb!important;box-shadow:none!important;
}
body.order-editor-page .order-a4-main .live-a4-stage{
  grid-column:2!important;
  width:auto!important;min-width:0!important;max-width:none!important;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  overflow:visible!important;display:block!important;
}
body.order-editor-page .order-a4-main .live-a4-preview{
  width:794px!important;min-width:794px!important;max-width:794px!important;
  margin:0!important;display:block!important;transform-origin:top left!important;
}
body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
  width:794px!important;min-width:794px!important;max-width:794px!important;
  height:1123px!important;min-height:1123px!important;max-height:1123px!important;
  box-sizing:border-box!important;margin:0!important;padding:26px 30px 24px!important;
  overflow:hidden!important;border:1px solid #d8dce2!important;border-radius:2px!important;
  box-shadow:none!important;background:#fff!important;gap:7px!important;
}
html[data-theme="dark"] body.order-editor-page .order-a4-mainbar{background:#20252b!important;border-color:#3d4651!important}

/* Not başlığı ve editör tek blok; toolbar artık okunaklı ve kontrollü. */
body.order-editor-page .reference-a4 .ref-notes{
  min-height:92px!important;max-height:none!important;
  overflow:visible!important;padding-top:8px!important;margin-top:auto!important;
}
body.order-editor-page .reference-a4 .ref-notes h3{
  margin:0 0 5px!important;padding:4px 8px!important;font-size:11px!important;
  min-height:22px!important;border-radius:6px!important;
}
.notes-editor-shell{
  height:calc(100% - 27px)!important;min-height:56px!important;
  border:1px solid #171a20!important;border-radius:8px!important;
  background:#fff!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;
}
.notes-formatbar{
  height:auto!important;min-height:40px!important;
  display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;
  padding:5px 7px!important;border-bottom:1px solid #dde2e8!important;background:#f6f7f9!important;
  overflow:visible!important;
}
.notes-formatbar button,.notes-formatbar select,.notes-formatbar .note-color{
  flex:0 0 auto!important;height:29px!important;min-height:29px!important;
  border:1px solid #d5dae1!important;border-radius:7px!important;background:#fff!important;color:#171a20!important;
  font:700 10px/1 'DM Sans',sans-serif!important;padding:0 8px!important;
}
.note-tool-group{display:inline-flex!important;align-items:center!important;gap:3px!important;flex:0 0 auto!important}
.note-style-group button{width:30px!important;min-width:30px!important;padding:0!important;font-size:12px!important}
.note-tool-field{display:inline-grid!important;grid-template-columns:auto auto!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important;color:#646b75!important;font:800 8px/1 'DM Sans',sans-serif!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.notes-formatbar .note-font-select{width:108px!important;min-width:108px!important;max-width:108px!important;padding:0 24px 0 7px!important;font-size:10px!important;text-transform:none!important;letter-spacing:0!important}
.note-size-control{height:29px!important;min-height:29px!important;border:1px solid #d5dae1!important;border-radius:7px!important;background:#fff!important;display:inline-flex!important;align-items:center!important;overflow:hidden!important}
.note-size-control input{width:47px!important;height:27px!important;border:0!important;background:transparent!important;color:#171a20!important;font:800 11px/1 'DM Sans',sans-serif!important;text-align:center!important;padding:0 2px 0 6px!important;outline:0!important}
.note-size-control em{font:700 8px/1 'DM Sans',sans-serif!important;color:#757c86!important;font-style:normal!important;padding-right:5px!important;text-transform:none!important}
.note-align-group{padding-left:2px!important}
.note-group-label{color:#646b75!important;font:800 8px/1 'DM Sans',sans-serif!important;text-transform:uppercase!important;letter-spacing:.04em!important;margin-right:1px!important}
.note-align-group button{min-width:39px!important;padding:0 7px!important;font-size:9px!important}
.note-compact-btn{min-width:60px!important}
.note-clear-btn{min-width:52px!important}
.note-color-wide{position:relative!important;min-width:54px!important;gap:5px!important;padding:0 7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.note-color-wide span{font:700 9px/1 'DM Sans',sans-serif!important;text-decoration:none!important}
.note-color-wide i{width:9px!important;height:9px!important;border-radius:50%!important;background:#111318!important;border:1px solid #bfc5cd!important}
.note-color-wide input{position:absolute!important;inset:0!important;opacity:0!important;cursor:pointer!important}
.notes-rich-editor{
  flex:1 1 auto!important;min-height:0!important;overflow:auto!important;
  padding:9px 10px!important;outline:0!important;
  font:500 13px/1.45 'DM Sans',sans-serif!important;color:#111318!important;
  background:repeating-linear-gradient(to bottom,#fff,#fff 24px,#edf0f3 25px)!important;
  white-space:pre-wrap!important;overflow-wrap:anywhere!important;
}
.notes-rich-editor *{max-width:100%!important}
.notes-rich-editor[spellcheck="false"],.notes-rich-editor[spellcheck="false"] *{text-decoration-skip-ink:none!important}

/* Toolbar görsel olarak A4'ün dibine taşmaz; not resize tutamacı üst kenarda kalır. */
body.order-editor-page .reference-a4 .ref-notes .notes-resize-handle{top:-11px!important;height:18px!important;z-index:40!important}
body.order-editor-page .reference-a4 .ref-notes .notes-resize-handle span{width:38px!important;height:4px!important;background:#343a43!important}

/* Mobil: yan araç rayı üstte yatay, A4 geometri yine bozulmaz. */
@media(max-width:900px){
  body.order-editor-page .order-a4-main{display:block!important;width:calc(100vw - 10px)!important;max-width:none!important;margin:5px auto 12px!important}
  body.order-editor-page .order-a4-mainbar{
    position:sticky!important;top:4px!important;z-index:70!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    display:flex!important;flex-direction:row!important;align-items:center!important;
    gap:5px!important;padding:6px!important;border-radius:11px!important;
    overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
  }
  body.order-editor-page .order-a4-mainbar::-webkit-scrollbar{display:none!important}
  body.order-editor-page .order-a4-main .live-a4-stage{width:100%!important;overflow:auto!important;padding:6px 0 10px!important}
  body.order-editor-page .order-a4-main .live-a4-preview{width:794px!important;min-width:794px!important;max-width:794px!important;transform-origin:top left!important}
  body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:794px!important;min-width:794px!important;max-width:794px!important;height:1123px!important;min-height:1123px!important;max-height:1123px!important}
  .notes-formatbar{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;min-height:38px!important;padding:4px 5px!important;scrollbar-width:none!important}
  .notes-formatbar::-webkit-scrollbar{display:none!important}
}

@media print{
  .notes-formatbar,.notes-resize-handle{display:none!important}
  .notes-editor-shell{border:0!important;height:100%!important}
  .notes-rich-editor{background:#fff!important;overflow:hidden!important}
}

/* v1.0.56 — stabil kompakt sol ray + not resize/punto düzeltmesi */
body.order-editor-page .order-a4-main{
  display:grid!important;
  grid-template-columns:136px 794px!important;
  column-gap:12px!important;
  align-items:start!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:calc(100vw - 18px)!important;
  margin:10px auto 18px!important;
}
body.order-editor-page .order-a4-mainbar{
  grid-column:1!important;
  position:sticky!important;top:8px!important;
  width:136px!important;min-width:136px!important;max-width:136px!important;
  height:auto!important;min-height:0!important;
  margin:0!important;padding:7px!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;
  border:1px solid #d8dde4!important;border-radius:13px!important;
  background:#f8f9fb!important;box-shadow:0 5px 16px rgba(18,24,34,.06)!important;
  overflow:hidden!important;
}
body.order-editor-page .editor-brand{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;width:100%!important;padding:0 0 6px!important;border-bottom:1px solid #e1e5ea!important}
body.order-editor-page .editor-brand b{font-size:11px!important;line-height:1.05!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.order-editor-page .editor-brand small{display:none!important}
body.order-editor-page .draft-pill{grid-column:1/-1!important;justify-self:start!important;margin-top:1px!important;font-size:7px!important;padding:4px 6px!important}
body.order-editor-page .editor-back{width:28px!important;height:28px!important;min-width:28px!important;border-radius:8px!important;font-size:18px!important}
body.order-editor-page .editor-quick,body.order-editor-page .editor-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:5px!important;overflow:visible!important}
body.order-editor-page .editor-product-field,body.order-editor-page .editor-named-field{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;min-width:0!important;gap:4px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important}
body.order-editor-page .editor-product-field label{font-size:7px!important;letter-spacing:.06em!important;text-transform:uppercase!important}
body.order-editor-page .editor-product-field select{width:100%!important;height:32px!important;min-width:0!important;padding:0 7px!important;font-size:10px!important;border-radius:8px!important}
body.order-editor-page .editor-named-field>label.checkline{width:100%!important;min-width:0!important;height:auto!important;min-height:32px!important;padding:6px 7px!important;border:1px solid #d8dde4!important;border-radius:9px!important;background:#fff!important;display:flex!important;align-items:center!important;gap:5px!important;overflow:hidden!important;white-space:normal!important}
body.order-editor-page .editor-named-field>label.checkline b{font-size:9px!important;line-height:1.1!important;overflow-wrap:anywhere!important}
body.order-editor-page .editor-named-field>label.checkline input{width:16px!important;height:16px!important;min-width:16px!important;flex:0 0 16px!important}
body.order-editor-page .editor-named-field #namedOrderTools{width:100%!important;display:flex!important;flex-direction:column!important;gap:4px!important}
body.order-editor-page .editor-named-field #namedOrderTools.hidden{display:none!important}
body.order-editor-page .editor-named-field #namedConfigure{width:100%!important;height:auto!important;min-height:30px!important;padding:5px!important;font-size:7.5px!important;line-height:1.15!important;white-space:normal!important}
body.order-editor-page .editor-named-field #namedCount{font-size:7px!important;white-space:normal!important;text-align:center!important}
body.order-editor-page .editor-actions .btn{width:100%!important;min-width:0!important;height:34px!important;padding:0 6px!important;font-size:9px!important;border-radius:9px!important}
body.order-editor-page .order-a4-main .live-a4-stage{grid-column:2!important;width:794px!important;min-width:794px!important;max-width:794px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
body.order-editor-page .order-a4-main .live-a4-preview{width:794px!important;min-width:794px!important;max-width:794px!important;margin:0!important;transform:none!important;transform-origin:top left!important}
body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:794px!important;min-width:794px!important;max-width:794px!important;height:1123px!important;min-height:1123px!important;max-height:1123px!important;margin:0!important}
html[data-theme="dark"] body.order-editor-page .order-a4-mainbar{background:#20252b!important;border-color:#3d4651!important}
html[data-theme="dark"] body.order-editor-page .editor-named-field>label.checkline{background:#2a3037!important;border-color:#414954!important;color:#fff!important}

/* Notlar: gerçek pt korunur; üstten büyütme ekrandaki boş alanı da kullanır. */
body.order-editor-page .reference-a4 .ref-notes{margin-top:auto!important;min-height:62px!important;max-height:none!important;overflow:visible!important}
body.order-editor-page .reference-a4 .notes-editor-shell{height:calc(100% - 27px)!important;min-height:38px!important}
body.order-editor-page .reference-a4 .notes-rich-editor{min-height:0!important;overflow:auto!important;font-family:'DM Sans',sans-serif;font-size:13px;line-height:1.45}
.notes-formatbar{min-height:34px!important;padding:4px 5px!important;gap:4px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
.notes-formatbar::-webkit-scrollbar{display:none!important}
.notes-formatbar button,.notes-formatbar select,.notes-formatbar .note-color,.note-size-control{height:25px!important;min-height:25px!important}
.note-size-control input{height:23px!important}
.note-tool-field>span,.note-group-label{font-size:7px!important}
.notes-formatbar .note-font-select{width:92px!important;min-width:92px!important;max-width:92px!important}
.note-align-group button{min-width:34px!important}.note-compact-btn{min-width:52px!important}.note-clear-btn{min-width:46px!important}

@media(max-width:980px){
  body.order-editor-page .order-a4-main{display:block!important;width:calc(100vw - 10px)!important;max-width:none!important;margin:5px auto 12px!important}
  body.order-editor-page .order-a4-mainbar{position:sticky!important;top:4px!important;width:100%!important;min-width:0!important;max-width:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;padding:6px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  body.order-editor-page .order-a4-mainbar::-webkit-scrollbar{display:none!important}
  body.order-editor-page .editor-brand{display:flex!important;width:auto!important;flex:0 0 auto!important;border:0!important;padding:0!important}
  body.order-editor-page .editor-brand>div,body.order-editor-page .draft-pill{display:none!important}
  body.order-editor-page .editor-quick,body.order-editor-page .editor-actions{display:flex!important;flex-direction:row!important;width:auto!important;flex:0 0 auto!important;gap:5px!important}
  body.order-editor-page .editor-product-field,body.order-editor-page .editor-named-field{display:flex!important;flex-direction:row!important;width:auto!important;flex:0 0 auto!important;align-items:center!important}
  body.order-editor-page .editor-product-field label{display:none!important}
  body.order-editor-page .editor-product-field select{width:112px!important;height:32px!important}
  body.order-editor-page .editor-named-field>label.checkline{width:auto!important;min-width:122px!important;height:32px!important;white-space:nowrap!important}
  body.order-editor-page .editor-named-field #namedOrderTools{display:flex!important;flex-direction:row!important;width:auto!important}
  body.order-editor-page .editor-named-field #namedConfigure{width:auto!important;min-width:104px!important;height:32px!important;white-space:nowrap!important}
  body.order-editor-page .editor-named-field #namedCount{display:none!important}
  body.order-editor-page .editor-actions .btn{width:auto!important;min-width:92px!important;height:32px!important}
  body.order-editor-page .order-a4-main .live-a4-stage{width:100%!important;min-width:0!important;max-width:none!important;overflow:auto!important;padding:5px 0 10px!important}
}


/* v1.0.58 — gerçek seçili punto + çok hafif alt nefes */
body.order-editor-page .reference-a4 .ref-notes{
  margin-bottom:14px!important;
}
body.order-editor-page .reference-a4 .notes-rich-editor{
  font-size:13px;
  line-height:1.45;
}
body.order-editor-page .reference-a4 .notes-rich-editor span[style*="font-size"],
body.order-editor-page .reference-a4 .notes-rich-editor font[style*="font-size"]{
  line-height:1.12;
}
.note-size-control input{
  width:54px!important;
  min-width:54px!important;
}
@media(max-width:700px){
  body.order-editor-page .reference-a4 .ref-notes{margin-bottom:11px!important}
}
@media print{
  body.order-editor-page .reference-a4 .ref-notes{margin-bottom:3.5mm!important}
}


/* v1.0.59 — gerçek sans-serif fontlar + gerçek punto */
.notes-formatbar .note-font-select{width:118px!important;min-width:118px!important;max-width:118px!important}

/* v1.0.60 — daha sade dikey editör rayı + görünür kayıt geri bildirimi */
body.order-editor-page .order-a4-main{
  grid-template-columns:118px 794px!important;
  column-gap:10px!important;
}
body.order-editor-page .order-a4-mainbar{
  width:118px!important;min-width:118px!important;max-width:118px!important;
  padding:6px!important;gap:5px!important;border-radius:12px!important;
  box-shadow:0 4px 12px rgba(18,24,34,.05)!important;
}
body.order-editor-page .editor-brand{
  grid-template-columns:26px minmax(0,1fr)!important;gap:5px!important;padding-bottom:5px!important;
}
body.order-editor-page .editor-back{width:26px!important;height:26px!important;min-width:26px!important;border-radius:8px!important;font-size:17px!important}
body.order-editor-page .editor-brand b{font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.order-editor-page .draft-pill{font-size:6.5px!important;padding:3px 5px!important;margin:0!important}
body.order-editor-page .editor-product-field{gap:3px!important}
body.order-editor-page .editor-product-field label{font-size:6.5px!important;margin:0!important}
body.order-editor-page .editor-product-field select{height:30px!important;padding:0 6px!important;font-size:9px!important;border-radius:8px!important}
body.order-editor-page .editor-named-field{gap:3px!important}
body.order-editor-page .editor-named-field>label.checkline{min-height:30px!important;padding:5px 6px!important;border-radius:8px!important}
body.order-editor-page .editor-named-field>label.checkline b{font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.order-editor-page .editor-named-field>label.checkline input{width:14px!important;height:14px!important;min-width:14px!important;flex-basis:14px!important}
body.order-editor-page .editor-named-field #namedConfigure{min-height:28px!important;padding:4px!important;font-size:7px!important;border-radius:8px!important}
body.order-editor-page .editor-named-field #namedCount{font-size:6.5px!important}
body.order-editor-page .editor-actions{gap:4px!important;padding-top:2px!important;border-top:1px solid #e1e5ea!important}
body.order-editor-page .editor-actions .btn{height:31px!important;font-size:8px!important;border-radius:8px!important;padding:0 5px!important}
body.order-editor-page .editor-pdf{display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;background:#fff!important;color:#20252c!important;border:1px solid #cfd5dd!important}
body.order-editor-page .editor-pdf:hover{background:#eef1f4!important}
body.order-editor-page .editor-pdf.disabled{opacity:.45!important;pointer-events:none!important;cursor:default!important}
body.order-editor-page .editor-save.saving{background:#333943!important;color:#fff!important;cursor:wait!important}
body.order-editor-page .editor-save.save-ok{background:#16784a!important;color:#fff!important;border-color:#16784a!important}
body.order-editor-page .editor-save.save-error{background:#b93842!important;color:#fff!important;border-color:#b93842!important}
body.order-editor-page .editor-save-status{display:none;width:100%;padding:5px 6px;border-radius:7px;font:700 6.8px/1.25 'DM Sans',sans-serif;text-align:center;overflow-wrap:anywhere}
body.order-editor-page .editor-save-status.saving,body.order-editor-page .editor-save-status.ok,body.order-editor-page .editor-save-status.error{display:block}
body.order-editor-page .editor-save-status.saving{background:#eef1f4;color:#555e69}
body.order-editor-page .editor-save-status.ok{background:#e8f7ef;color:#17663f}
body.order-editor-page .editor-save-status.error{background:#fdebed;color:#a52e38}
html[data-theme="dark"] body.order-editor-page .editor-actions{border-color:#3b434d!important}
html[data-theme="dark"] body.order-editor-page .editor-pdf{background:#2a3037!important;color:#f4f6f8!important;border-color:#424b56!important}
html[data-theme="dark"] body.order-editor-page .editor-pdf:hover{background:#343b44!important}
html[data-theme="dark"] body.order-editor-page .editor-save-status.saving{background:#2d333b;color:#c5cbd2}
html[data-theme="dark"] body.order-editor-page .editor-save-status.ok{background:#173c2a;color:#9ce0ba}
html[data-theme="dark"] body.order-editor-page .editor-save-status.error{background:#49252a;color:#ffb8bf}

@media(max-width:980px){
  body.order-editor-page .order-a4-main{grid-template-columns:none!important}
  body.order-editor-page .order-a4-mainbar{width:100%!important;min-width:0!important;max-width:none!important}
  body.order-editor-page .editor-actions{flex-direction:row!important;border-top:0!important;padding-top:0!important}
  body.order-editor-page .editor-actions .btn{min-width:88px!important;width:auto!important}
  body.order-editor-page .editor-save-status{width:auto!important;min-width:110px!important;white-space:nowrap!important}
}


/* v1.0.61 — PDF indirme durumları */
.editor-pdf.disabled,.editor-pdf:disabled{opacity:.48!important;cursor:not-allowed!important;filter:saturate(.35)!important}
.editor-pdf.pdf-loading,[data-download-pdf].pdf-loading{cursor:wait!important;opacity:.72!important}
[data-download-pdf]{white-space:nowrap!important}

/* v1.0.64 — not sıkıştırma: yatay ve dikey bağımsız */
.notes-formatbar [data-note-compact-x],
.notes-formatbar [data-note-compact-y]{min-width:54px!important;font-weight:800!important}
.notes-formatbar [data-note-compact-x][data-level="1"],
.notes-formatbar [data-note-compact-y][data-level="1"]{background:#eef2ff!important;border-color:#cfd8ff!important}
.notes-formatbar [data-note-compact-x][data-level="2"],
.notes-formatbar [data-note-compact-y][data-level="2"]{background:#e4e9ff!important;border-color:#bcc8ff!important}
.notes-formatbar [data-note-compact-x][data-level="3"],
.notes-formatbar [data-note-compact-y][data-level="3"]{background:#d7deff!important;border-color:#aab8ff!important}
html[data-theme="dark"] .notes-formatbar [data-note-compact-x][data-level]:not([data-level="0"]),
html[data-theme="dark"] .notes-formatbar [data-note-compact-y][data-level]:not([data-level="0"]){background:#373d67!important;color:#fff!important;border-color:#515a8e!important}

/* v1.0.65 — gerçek En/Boy +/- kontrolleri */
.note-dimension-control{display:inline-flex!important;align-items:center!important;gap:3px!important;height:29px!important;padding:2px 3px 2px 6px!important;border:1px solid #d5dae1!important;border-radius:7px!important;background:#fff!important;color:#171a20!important;flex:0 0 auto!important}
.note-dimension-control>span{font:800 8px/1 'DM Sans',sans-serif!important;text-transform:uppercase!important;color:#646b75!important;margin-right:2px!important}
.note-dimension-control>button{width:24px!important;min-width:24px!important;height:23px!important;min-height:23px!important;padding:0!important;border:0!important;border-radius:5px!important;background:#eef1f4!important;color:#15191f!important;font:900 15px/1 'DM Sans',sans-serif!important}
.note-dimension-control>button:hover{background:#dde2e8!important}
.note-dimension-control>b{min-width:38px!important;text-align:center!important;font:800 9px/1 'DM Sans',sans-serif!important;color:#252a31!important}
html[data-theme="dark"] .note-dimension-control{background:#242a31!important;border-color:#444c56!important;color:#f4f5f7!important}
html[data-theme="dark"] .note-dimension-control>span{color:#b7bec8!important}
html[data-theme="dark"] .note-dimension-control>button{background:#343b44!important;color:#fff!important}
html[data-theme="dark"] .note-dimension-control>b{color:#fff!important}
@media(max-width:700px){.note-dimension-control{height:27px!important}.note-dimension-control>button{height:21px!important;width:22px!important;min-width:22px!important}.note-dimension-control>b{min-width:34px!important}}

/* v1.0.67 — Tüm Siparişler sütun blokları: kompakt genişlik + sürüklenebilir sıra */
.system-col-head{cursor:grab!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:2px 12px 2px 5px!important;overflow:hidden!important;white-space:nowrap!important}
.system-col-head:active,.system-col-head.dragging{cursor:grabbing!important;opacity:.72!important}
.system-col-head .col-letter{font-weight:900!important;flex:0 0 auto!important}
.system-col-head small{font-size:8px!important;color:var(--muted)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important}
.system-columns-modal{width:min(760px,96vw)!important}
#systemColumnRows{display:grid;gap:7px;margin:12px 0 16px}
.system-column-row{display:grid;grid-template-columns:28px minmax(150px,1fr) minmax(210px,280px);align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--soft);cursor:grab}
.system-column-row.dragging{opacity:.55;border-style:dashed}
.system-column-row .drag-grip{font-weight:900;color:var(--muted);font-size:15px;text-align:center}
.system-column-row b{display:block;font-size:11px}.system-column-row small{display:block;margin-top:2px;color:var(--muted);font-size:9px}
.system-column-row label{display:grid;grid-template-columns:auto minmax(80px,1fr) 48px;align-items:center;gap:7px;font-size:9px;font-weight:800;color:var(--muted)}
.system-column-row input[type=range]{width:100%;min-width:0}.system-column-row em{font-style:normal;text-align:right;color:var(--ink);font-weight:800}
@media(max-width:700px){.system-column-row{grid-template-columns:24px minmax(0,1fr)}.system-column-row label{grid-column:2;grid-template-columns:auto minmax(60px,1fr) 44px}.system-col-head small{display:none!important}}


/* v1.0.68 — kompakt not boyut kontrolü + güvenli beden edit */
.notes-formatbar .note-dimension-control{height:25px!important;min-height:25px!important;padding:1px 2px 1px 5px!important;gap:2px!important;border-radius:6px!important}
.notes-formatbar .note-dimension-control>span{font-size:7px!important;margin-right:1px!important}
.notes-formatbar .note-dimension-control>button{width:20px!important;min-width:20px!important;height:19px!important;min-height:19px!important;border-radius:4px!important;font-size:13px!important}
.notes-formatbar .note-dimension-control>b{min-width:31px!important;font-size:8px!important}
body.order-editor-page .reference-a4 .a4-size-edit .size-name-edit[readonly]{cursor:pointer!important;user-select:none!important;caret-color:transparent!important;color:#2e343d!important;background:transparent!important}
body.order-editor-page .reference-a4 .a4-size-edit .size-name-edit[readonly]:hover{background:#e9edf2!important;box-shadow:inset 0 0 0 1px #cbd1d8!important;border-radius:4px!important}
body.order-editor-page .reference-a4 .a4-size-edit .size-name-edit.editing{cursor:text!important;user-select:text!important;caret-color:auto!important;background:#fff!important;box-shadow:inset 0 0 0 1px #8f99a6!important;border-radius:4px!important}
body.order-editor-page .reference-a4 .size-name-edit-wrap::after{content:'✎';position:absolute;right:2px;top:2px;font:700 6px/1 Arial,sans-serif;color:#8b929c;pointer-events:none;opacity:.8}
body.order-editor-page .reference-a4 .size-name-edit-wrap:has(.size-name-edit.editing)::after{display:none}
body.order-editor-page .reference-a4 .size-qty-edit{font-variant-numeric:tabular-nums!important}
.editor-save-status.saving{opacity:1!important;min-height:14px!important}
@media(max-width:700px){.notes-formatbar .note-dimension-control{height:24px!important;min-height:24px!important}.notes-formatbar .note-dimension-control>button{width:19px!important;min-width:19px!important;height:18px!important;min-height:18px!important}}


/* v1.0.72 — zorunlu alansız kayıt + sağ kompakt editör rayı */
body.order-editor-page .order-a4-main{
  grid-template-columns:794px 96px!important;
  column-gap:8px!important;
}
body.order-editor-page .order-a4-main .live-a4-stage{
  grid-column:1!important;
  grid-row:1!important;
}
body.order-editor-page .order-a4-mainbar{
  grid-column:2!important;
  grid-row:1!important;
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  padding:5px!important;
  gap:4px!important;
  border-radius:11px!important;
  box-shadow:0 3px 10px rgba(18,24,34,.045)!important;
}
body.order-editor-page .editor-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:4px!important;
  padding:0 0 4px!important;
}
body.order-editor-page .editor-brand>div{display:none!important}
body.order-editor-page .editor-back{
  width:100%!important;
  height:27px!important;
  min-width:0!important;
  border-radius:7px!important;
  font-size:17px!important;
}
body.order-editor-page .draft-pill{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:6px!important;
  line-height:1!important;
  padding:3px 2px!important;
}
body.order-editor-page .editor-quick,
body.order-editor-page .editor-actions{gap:4px!important}
body.order-editor-page .editor-product-field label{font-size:6px!important}
body.order-editor-page .editor-product-field select{
  height:27px!important;
  padding:0 5px!important;
  font-size:8px!important;
  border-radius:7px!important;
}
body.order-editor-page .editor-named-field>label.checkline{
  min-height:27px!important;
  padding:4px 5px!important;
  border-radius:7px!important;
  gap:4px!important;
}
body.order-editor-page .editor-named-field>label.checkline b{
  font-size:7px!important;
  white-space:normal!important;
  line-height:1.05!important;
}
body.order-editor-page .editor-named-field>label.checkline input{
  width:12px!important;height:12px!important;min-width:12px!important;flex-basis:12px!important;
}
body.order-editor-page .editor-named-field #namedConfigure{
  min-height:25px!important;
  padding:3px!important;
  font-size:6.5px!important;
  line-height:1.05!important;
  border-radius:7px!important;
}
body.order-editor-page .editor-named-field #namedCount{font-size:6px!important;line-height:1.05!important}
body.order-editor-page .editor-actions{padding-top:4px!important}
body.order-editor-page .editor-actions .btn{
  height:28px!important;
  min-height:28px!important;
  padding:0 3px!important;
  font-size:7px!important;
  line-height:1!important;
  border-radius:7px!important;
  white-space:normal!important;
}
body.order-editor-page .editor-save-status{
  padding:4px 3px!important;
  font-size:6px!important;
  line-height:1.15!important;
  border-radius:6px!important;
}
@media(max-width:980px){
  body.order-editor-page .order-a4-main{display:block!important;width:calc(100vw - 10px)!important;max-width:none!important}
  body.order-editor-page .order-a4-mainbar{position:sticky!important;top:4px!important;width:100%!important;min-width:0!important;max-width:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;padding:5px!important;overflow-x:auto!important}
  body.order-editor-page .editor-brand{display:flex!important;flex-direction:row!important;width:auto!important;padding:0!important;border:0!important}
  body.order-editor-page .editor-back{width:30px!important;min-width:30px!important;height:30px!important}
  body.order-editor-page .draft-pill{display:none!important}
  body.order-editor-page .editor-quick,body.order-editor-page .editor-actions{flex-direction:row!important;width:auto!important}
  body.order-editor-page .editor-product-field,body.order-editor-page .editor-named-field{flex-direction:row!important;width:auto!important}
  body.order-editor-page .editor-product-field label{display:none!important}
  body.order-editor-page .editor-product-field select{width:105px!important;height:30px!important}
  body.order-editor-page .editor-named-field>label.checkline{width:auto!important;min-width:108px!important;height:30px!important;white-space:nowrap!important}
  body.order-editor-page .editor-named-field #namedOrderTools{flex-direction:row!important;width:auto!important}
  body.order-editor-page .editor-named-field #namedConfigure{width:auto!important;min-width:96px!important;height:30px!important;white-space:nowrap!important}
  body.order-editor-page .editor-named-field #namedCount{display:none!important}
  body.order-editor-page .editor-actions .btn{width:auto!important;min-width:82px!important;height:30px!important}
  body.order-editor-page .order-a4-main .live-a4-stage{width:100%!important;min-width:0!important;max-width:none!important;overflow:auto!important;padding:5px 0 10px!important}
}


/* v1.0.73 — editör rayı solda + kısa İsimli etiketi + Bandana tam genişlik özet */
body.order-editor-page .order-a4-main{
  grid-template-columns:96px 794px!important;
  column-gap:8px!important;
}
body.order-editor-page .order-a4-mainbar{
  grid-column:1!important;
  grid-row:1!important;
}
body.order-editor-page .order-a4-main .live-a4-stage{
  grid-column:2!important;
  grid-row:1!important;
}
body.order-editor-page .editor-named-field>label.checkline b{
  white-space:nowrap!important;
  font-size:7.5px!important;
}
/* Bandana'da üç özet kutusu boş kolon bırakmadan A4 içerik genişliğini eşit paylaşır. */
body.order-editor-page .reference-a4.bandana-a4 .ref-totals,
.reference-a4.bandana-a4 .ref-totals{
  width:100%!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
body.order-editor-page .reference-a4.bandana-a4 .ref-totals>div,
.reference-a4.bandana-a4 .ref-totals>div{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.order-editor-page .reference-a4.bandana-a4 .ref-totals small{
  flex:0 0 auto!important;
}
body.order-editor-page .reference-a4.bandana-a4 .ref-totals b,
body.order-editor-page .reference-a4.bandana-a4 .ref-totals .a4-price-input{
  margin-left:auto!important;
  text-align:right!important;
}
body.order-editor-page .reference-a4.bandana-a4 .a4-bandana-qty{
  width:100%!important;
}
body.order-editor-page .reference-a4.bandana-a4 .a4-bandana-qty h3{
  width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:980px){
  body.order-editor-page .order-a4-main{display:block!important;width:calc(100vw - 10px)!important;max-width:none!important}
  body.order-editor-page .order-a4-mainbar{width:100%!important;min-width:0!important;max-width:none!important}
  body.order-editor-page .order-a4-main .live-a4-stage{width:100%!important}
}

/* v1.0.74 — Bandana: 4'lü tam genişlik özet + daha dolu A4 yatay kullanım */
body.order-editor-page .reference-a4.a4-edit-mode{
  padding-left:16px!important;
  padding-right:16px!important;
}
body.order-editor-page .reference-a4.bandana-a4 .ref-totals,
.reference-a4.bandana-a4 .ref-totals{
  width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
}
body.order-editor-page .reference-a4.bandana-a4 .ref-totals>div,
.reference-a4.bandana-a4 .ref-totals>div{
  min-width:0!important;
  width:auto!important;
}
body.order-editor-page .reference-a4.bandana-a4 .a4-bandana-total-input{
  width:100%!important;
  min-width:0!important;
  border:0!important;
  border-bottom:1px solid #cfd4dc!important;
  background:transparent!important;
  color:#3552ff!important;
  font:800 15px 'Syne','DM Sans',sans-serif!important;
  text-align:right!important;
  outline:0!important;
  padding:2px 3px!important;
  height:26px!important;
  box-sizing:border-box!important;
}
body.order-editor-page .reference-a4.bandana-a4 .bandana-qty-total small{white-space:nowrap!important}
body.order-editor-page .reference-a4.bandana-a4 .a4-bandana-qty{display:none!important}
@media print{
  .reference-a4.bandana-a4 .ref-totals{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* v1.0.75 — A4 görsel boşluğu + Dapulse okunabilirlik/canlı çalışma */
body.order-editor-page .reference-a4.a4-edit-mode .ref-notes{
  margin-top:0!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-visual{
  margin-bottom:0!important;
}
body.order-editor-page .reference-a4.a4-edit-mode{
  row-gap:10px!important;
}

/* Dapulse adı ve varsayılan tablo tipografisi: okunaklı, kompakt, güçlü */
.dapulse-page .sheet-grid{
  font-family:'DM Sans',system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.25!important;
}
.dapulse-page .sheet-cell{
  padding:7px 8px!important;
  font-weight:600;
}
.dapulse-page .sheet-cell .cell-text{font-weight:inherit!important}
.dapulse-page .col-head,
.dapulse-page .row-head{
  font-size:10px!important;
  font-weight:800!important;
}
.dapulse-page .system-col-head small{
  font-size:8.5px!important;
  font-weight:800!important;
  line-height:1.05!important;
}
.dapulse-page .sheet-title-wrap input{
  font-size:12px!important;
  font-weight:800!important;
}
.dapulse-page .fill-handle{
  width:9px!important;
  height:9px!important;
  right:-5px!important;
  bottom:-5px!important;
  border-radius:2px!important;
  box-shadow:0 0 0 1px var(--table)!important;
}
.dapulse-live-state{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:19px;
  padding:2px 6px;
  border-radius:999px;
  background:color-mix(in srgb,#22c55e 12%,var(--table));
  color:#15803d;
  font-size:7.5px;
  font-weight:900;
  white-space:nowrap;
}
.dapulse-live-state::before{content:'';width:6px;height:6px;border-radius:50%;background:#22c55e}
.dapulse-live-state:not(.on){opacity:.72}
.cell-dropdown-pop{z-index:120!important}


/* v1.0.76 — Dapulse spreadsheet behavior */
.dapulse-page .sheet-add-pack{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto}
.dapulse-page .sheet-add-pack input{width:46px;height:28px;border:1px solid var(--line);border-radius:6px;background:var(--table);color:var(--ink);padding:0 5px;text-align:center;font:700 9px 'DM Sans',sans-serif;outline:none}
.dapulse-page .sheet-add-pack input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
.dapulse-page .sheet-cell.editable-cell{cursor:cell}
.dapulse-page .sheet-cell.editable-cell:not(.selected):hover{background:color-mix(in srgb,var(--accent) 4%,var(--table))}
.dapulse-page .fill-handle{width:10px!important;height:10px!important;right:-6px!important;bottom:-6px!important;border:2px solid var(--table)!important;border-radius:2px!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 70%,transparent);z-index:30!important}
.dapulse-page .anchor-cell{overflow:visible!important}
.dapulse-page .cell-dd-arrow{font-size:11px!important;font-weight:900!important;opacity:.8!important}
.dapulse-page .sheet-cell.has-dropdown{padding-right:25px!important}
.named-sheet-toolbar .named-add-group{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
.named-sheet-toolbar .named-add-group input{width:58px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--table);color:var(--ink);text-align:center;font-weight:800;padding:0 5px}
.named-sheet-toolbar .named-add-group .btn{min-height:36px!important;height:36px!important;padding:0 10px!important}
@media(max-width:1100px){.dapulse-page .sheet-add-pack .sheet-tool.wide{display:inline-flex!important}.dapulse-page .sheet-add-pack input{width:42px}}
@media(max-width:760px){.named-sheet-toolbar .named-add-group{flex:1}.named-sheet-toolbar .named-add-group input{width:52px}.named-sheet-toolbar .named-add-group .btn{flex:1}}

/* v1.0.77 — Dapulse shared Fill Handle + Context Menu only */
.dapulse-page .sheet-cell.fill-anchor{overflow:visible!important;z-index:5}
.dapulse-page .fill-handle{
  width:9px!important;height:9px!important;right:-5px!important;bottom:-5px!important;
  border:2px solid var(--table)!important;border-radius:2px!important;
  background:var(--accent)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 72%,transparent)!important;
  cursor:crosshair!important;z-index:40!important;touch-action:none;
}
.dapulse-page .fill-handle:hover,.dapulse-page .fill-handle.dragging{transform:scale(1.18)}
.dapulse-page .sheet-cell.fill-preview{
  background:color-mix(in srgb,var(--accent) 10%,var(--table))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent);
}
.dapulse-context-menu{
  position:fixed;z-index:9999;width:210px;padding:5px;
  border:1px solid var(--line);border-radius:10px;background:var(--table);color:var(--ink);
  box-shadow:0 14px 40px color-mix(in srgb,var(--ink) 18%,transparent);
  font-family:'DM Sans',Arial,sans-serif;font-size:11px;
}
.dapulse-context-menu button{
  width:100%;height:30px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:var(--ink);
  display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;
  font:700 10.5px 'DM Sans',Arial,sans-serif;
}
.dapulse-context-menu button:hover:not(:disabled){background:var(--hover)}
.dapulse-context-menu button:disabled{opacity:.38;cursor:default}
.dapulse-context-menu kbd{font:700 8.5px 'DM Sans',Arial,sans-serif;color:var(--muted);background:transparent;padding:0}
.dapulse-context-menu .ctx-sep{height:1px;background:var(--line);margin:4px 3px}

/* v1.0.79 — A4 not tabanı gerçek sabit ankora kilitli */
body.order-editor-page .reference-a4.a4-edit-mode{
  position:relative!important;
  /* Not alanı akıştan çıksa da üst içerik onun alanına girmesin. */
  padding-bottom:calc(var(--notes-h,180px) + 31px)!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-notes{
  position:absolute!important;
  left:30px!important;
  right:30px!important;
  bottom:24px!important;
  width:auto!important;
  height:var(--notes-h,180px)!important;
  margin:0!important;
  flex:none!important;
}
/* Not kısaldığında sadece üst kenar aşağı iner; A4 alt boşluğu değişmez. */
body.order-editor-page .reference-a4.a4-edit-mode .notes-editor-shell{
  height:calc(100% - 27px)!important;
}
@media print{
  .reference-a4 .ref-notes{margin-top:auto!important}
}

/* v1.0.80 — Sipariş Notları araç çubuğu tek satır kompakt */
body.order-editor-page .reference-a4 .notes-formatbar{
  min-height:31px!important;height:31px!important;
  padding:3px 4px!important;gap:3px!important;
  flex-wrap:nowrap!important;overflow:hidden!important;
  align-items:center!important;white-space:nowrap!important;
}
body.order-editor-page .reference-a4 .notes-formatbar button,
body.order-editor-page .reference-a4 .notes-formatbar select,
body.order-editor-page .reference-a4 .notes-formatbar .note-color{
  height:24px!important;min-height:24px!important;
  border-radius:6px!important;font-size:9px!important;padding:0 6px!important;
}
body.order-editor-page .reference-a4 .notes-formatbar .note-style-group{gap:2px!important}
body.order-editor-page .reference-a4 .notes-formatbar .note-style-group button{
  width:27px!important;min-width:27px!important;padding:0!important;font-size:12px!important;
}
body.order-editor-page .reference-a4 .notes-formatbar .note-tool-field{
  display:inline-flex!important;gap:2px!important;min-width:0!important;
}
/* Etiketleri title/aria üstleniyor; tek satırda alan kazandır. */
body.order-editor-page .reference-a4 .notes-formatbar .note-tool-field>span:not(.note-size-control),
body.order-editor-page .reference-a4 .notes-formatbar .note-group-label{display:none!important}
body.order-editor-page .reference-a4 .notes-formatbar .note-font-select{
  width:94px!important;min-width:94px!important;max-width:94px!important;
  height:24px!important;min-height:24px!important;padding:0 20px 0 6px!important;font-size:9px!important;
}
body.order-editor-page .reference-a4 .notes-formatbar .note-size-control{
  height:24px!important;min-height:24px!important;border-radius:6px!important;
}
body.order-editor-page .reference-a4 .notes-formatbar .note-size-control input{
  width:40px!important;height:22px!important;padding:0 1px 0 4px!important;font-size:10px!important;
}
body.order-editor-page .reference-a4 .notes-formatbar .note-size-control em{font-size:7px!important;padding-right:4px!important}
body.order-editor-page .reference-a4 .notes-formatbar .note-align-group{gap:2px!important;padding-left:0!important}
body.order-editor-page .reference-a4 .notes-formatbar .note-align-group button{
  min-width:31px!important;width:auto!important;height:24px!important;padding:0 5px!important;font-size:8px!important;
}
body.order-editor-page .reference-a4 .notes-formatbar .note-dimension-control{
  height:24px!important;min-height:24px!important;padding:1px 2px 1px 4px!important;gap:1px!important;border-radius:6px!important;
}
body.order-editor-page .reference-a4 .notes-formatbar .note-dimension-control>span{font-size:7px!important;margin-right:1px!important}
body.order-editor-page .reference-a4 .notes-formatbar .note-dimension-control>button{
  width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;font-size:12px!important;
}
body.order-editor-page .reference-a4 .notes-formatbar .note-dimension-control>b{
  min-width:29px!important;font-size:8px!important;
}
body.order-editor-page .reference-a4 .notes-formatbar .note-color-wide{
  min-width:46px!important;width:46px!important;padding:0 5px!important;gap:3px!important;
}
body.order-editor-page .reference-a4 .notes-formatbar .note-color-wide span{font-size:8px!important}
body.order-editor-page .reference-a4 .notes-formatbar .note-color-wide i{width:8px!important;height:8px!important}
body.order-editor-page .reference-a4 .notes-formatbar .note-clear-btn{
  min-width:45px!important;padding:0 5px!important;font-size:8px!important;
}
body.order-editor-page .reference-a4 .notes-rich-editor{height:calc(100% - 31px)!important}
@media(max-width:700px){
  body.order-editor-page .reference-a4 .notes-formatbar{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  body.order-editor-page .reference-a4 .notes-formatbar::-webkit-scrollbar{display:none!important}
}


/* v1.0.81 — Sipariş Notları varsayılan kompakt satır ritmi */
body.order-editor-page .reference-a4 .notes-rich-editor{
  line-height:1.08!important;
}
body.order-editor-page .reference-a4 .notes-rich-editor > div,
body.order-editor-page .reference-a4 .notes-rich-editor > p,
body.order-editor-page .reference-a4 .notes-rich-editor div,
body.order-editor-page .reference-a4 .notes-rich-editor p{
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
body.order-editor-page .reference-a4 .notes-rich-editor span[style*="font-size"],
body.order-editor-page .reference-a4 .notes-rich-editor font[style*="font-size"]{
  line-height:1.05!important;
}

/* v1.0.82 — Sipariş Notları alt güvenli boşluğu sabit ve görünür */
body.order-editor-page .reference-a4.a4-edit-mode{
  /* 42px sabit taban + 7px güvenli akış payı */
  padding-bottom:calc(var(--notes-h,180px) + 49px)!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-notes{
  bottom:42px!important;
}
/* v1.0.83 — stabil not resize + varsayılan iki eksenli Merkez */
body.order-editor-page .reference-a4 .notes-rich-editor.note-center-both,
.reference-a4 .notes-rich-output.note-center-both{
  display:flex!important;
  flex-direction:column!important;
  justify-content:safe center!important;
  text-align:center!important;
}
body.order-editor-page .reference-a4 .notes-rich-editor.note-center-both > *,
.reference-a4 .notes-rich-output.note-center-both > *{
  text-align:center!important;
}
body.order-editor-page .reference-a4 .notes-formatbar .note-center-both-btn{
  min-width:40px!important;width:40px!important;padding:0 4px!important;font-size:8px!important;
}
body.order-editor-page .reference-a4 .notes-formatbar .note-center-both-btn.active{
  background:var(--control-active-bg)!important;
  color:var(--control-active-fg)!important;
  border-color:var(--control-active-bg)!important;
}
/* Resize sırasında metin/toolbar geometrisi sabit; sadece not bloğunun üst kenarı hareket eder. */
body.order-editor-page .reference-a4 .notes-editor-shell{position:relative!important;min-width:0!important}
body.order-editor-page .reference-a4 .notes-rich-editor{box-sizing:border-box!important;width:100%!important}


/* v1.0.84 — sabit sol editör rayı + çıktı görünürlük düzeltmeleri */
@media(min-width:981px){
  body.order-editor-page .order-a4-mainbar{
    display:flex!important;
    position:sticky!important;
    top:12px!important;
    align-self:start!important;
    z-index:80!important;
    max-height:calc(100vh - 24px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
}
body.order-editor-page .reference-a4 .a4-size-edit:not(.has-surcharge) .size-pct-badge{display:none!important}


/* v1.0.85 — Yeni Sipariş kontrol rayı grid'den bağımsız, her zaman görünür */
@media(min-width:981px){
  body.order-editor-page #orderEditorRail.order-a4-mainbar{
    display:flex!important;
    position:fixed!important;
    left:10px!important;
    top:84px!important;
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    max-height:calc(100vh - 96px)!important;
    z-index:120!important;
    visibility:visible!important;
    opacity:1!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:auto!important;
  }
  body.order-editor-page .order-a4-main{
    grid-template-columns:794px!important;
    justify-content:center!important;
  }
  body.order-editor-page .order-a4-main .live-a4-stage{
    grid-column:1!important;
    grid-row:1!important;
  }
}
@media(max-width:980px){
  body.order-editor-page #orderEditorRail.order-a4-mainbar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* v1.0.86 — Yeni Sipariş ekranında ana uygulama sidebar'ı solda görünür kalır */
@media(min-width:981px){
  body.order-editor-page .app{
    display:grid!important;
    grid-template-columns:230px minmax(0,1fr)!important;
    min-height:100vh!important;
  }
  body.order-editor-page .sidebar{
    display:block!important;
    position:sticky!important;
    top:0!important;
    left:auto!important;
    width:auto!important;
    height:100vh!important;
    transform:none!important;
    z-index:130!important;
  }
  body.order-editor-page .main{
    grid-column:2!important;
    min-width:0!important;
  }
  body.order-editor-page #orderEditorRail.order-a4-mainbar{
    left:240px!important;
  }
  body.order-editor-page #view.page{
    width:100%!important;
  }
  body.order-editor-page .order-a4-main{
    width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center!important;
  }
}
\n\n/* v1.0.87 — İsimli kontrolü küçük raydan çıkar, formun yanına sabitle */\nbody.order-editor-page .order-a4-main{position:relative!important;}\nbody.order-editor-page .editor-named-dock{\n  display:flex!important;\n  align-items:flex-start!important;\n  justify-content:flex-start!important;\n  z-index:95!important;\n}\nbody.order-editor-page .editor-named-dock .editor-named-field{\n  margin:0!important;\n  width:auto!important;\n  min-width:86px!important;\n  max-width:122px!important;\n  padding:0!important;\n}\nbody.order-editor-page .editor-named-dock .editor-named-field>label.checkline{\n  min-height:34px!important;\n  padding:7px 9px!important;\n  border-radius:10px!important;\n  white-space:nowrap!important;\n  box-shadow:0 4px 14px rgba(15,23,42,.08)!important;\n}\nbody.order-editor-page .editor-named-dock #namedOrderTools{\n  margin-top:5px!important;\n  width:148px!important;\n}\nbody.order-editor-page .editor-named-dock #namedConfigure{\n  width:100%!important;\n  min-height:30px!important;\n  padding:5px 7px!important;\n  font-size:9px!important;\n  white-space:normal!important;\n}\nbody.order-editor-page .editor-named-dock #namedCount{\n  display:block!important;\n  margin-top:4px!important;\n  font-size:8px!important;\n  line-height:1.2!important;\n}\n@media(min-width:981px){\n  body.order-editor-page .editor-named-dock{\n    position:absolute!important;\n    top:12px!important;\n    left:max(10px,calc(50% - 505px))!important;\n  }\n  body.order-editor-page #orderEditorRail .editor-quick .editor-named-field{display:none!important;}\n}\n@media(max-width:980px){\n  body.order-editor-page .editor-named-dock{\n    position:relative!important;\n    width:100%!important;\n    margin:0 0 6px!important;\n    justify-content:flex-start!important;\n  }\n  body.order-editor-page .editor-named-dock .editor-named-field{max-width:none!important;}\n}\n
/* v1.0.88 — Yeni Sipariş çalışma alanı sidebar'ın hemen sağına oturur + Sipariş Kaynağı */
@media(min-width:981px){
  body.order-editor-page #orderEditorRail.order-a4-mainbar{left:240px!important;}
  body.order-editor-page .order-a4-main{
    justify-items:start!important;
    padding-left:116px!important;
    box-sizing:border-box!important;
  }
  body.order-editor-page .order-a4-main .live-a4-stage{justify-self:start!important;}
  body.order-editor-page .editor-named-dock{left:8px!important;top:12px!important;}
}
.reference-a4 .ref-info{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
.reference-a4 .ref-info .ref-expand-box{grid-column:span 1!important;}
.reference-a4 .ref-order-source select{
  width:100%;border:0;border-bottom:1px solid #9aa2ad;background:transparent;
  font:700 11px/1.2 'DM Sans',Arial,sans-serif;padding:3px 2px;outline:none;
}
.order-source-field label b,.ref-order-source small{font-weight:800;}
@media(max-width:980px){.reference-a4 .ref-info{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}


/* v1.0.89 — Sipariş formu yerleşim toparlama
   - Üst bilgiler 5 eşit kolon
   - Fatura / Teslimat / Kısa Açıklama tek satır 3 eşit blok
   - Ortak resize şeridi üç bloğu birlikte yönetir
   - Ürün grubu + İsimli araçları tekrar formun yanındaki kompakt raya alınır
*/
@media(min-width:981px){
  body.order-editor-page .order-a4-main{
    display:grid!important;
    grid-template-columns:136px 794px!important;
    column-gap:12px!important;
    align-items:start!important;
    justify-content:center!important;
    justify-items:stretch!important;
    width:max-content!important;
    max-width:calc(100vw - 248px)!important;
    margin:10px auto 18px!important;
    padding-left:0!important;
    box-sizing:border-box!important;
  }
  body.order-editor-page #orderEditorRail.order-a4-mainbar{
    display:flex!important;
    position:sticky!important;
    left:auto!important;
    top:8px!important;
    grid-column:1!important;
    grid-row:1!important;
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
    max-height:calc(100vh - 20px)!important;
    margin:0!important;
    align-self:start!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:80!important;
  }
  body.order-editor-page .order-a4-main .live-a4-stage{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:start!important;
  }
  body.order-editor-page .editor-named-dock{display:none!important;}
}

/* 15 kolon: 5 üst alan × 3 kolon, 3 açıklama bloğu × 5 kolon. */
body.order-editor-page .reference-a4 .ref-info,
.reference-a4 .ref-info{
  display:grid!important;
  grid-template-columns:repeat(15,minmax(0,1fr))!important;
  column-gap:10px!important;
  row-gap:5px!important;
  align-items:start!important;
}
body.order-editor-page .reference-a4 .ref-info>div:nth-child(-n+5),
.reference-a4 .ref-info>div:nth-child(-n+5){
  grid-column:span 3!important;
  min-width:0!important;
}
body.order-editor-page .reference-a4 .ref-info>.ref-expand-box,
.reference-a4 .ref-info>.ref-expand-box{
  grid-column:span 5!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  align-self:stretch!important;
}
body.order-editor-page .reference-a4 .ref-info>.ref-expand-box textarea.expandable-direct{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  resize:none!important;
  box-sizing:border-box!important;
}
body.order-editor-page .reference-a4 .info-resize-strip,
.reference-a4 .info-resize-strip{
  grid-column:1/-1!important;
  width:100%!important;
  margin:0!important;
  height:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:ns-resize!important;
}

/* Kompakt sol rayın içindeki isim listesi kontrolünü yeniden görünür ve kullanılabilir tut. */
body.order-editor-page #orderEditorRail .editor-quick .editor-named-field{
  display:flex!important;
  width:100%!important;
  max-width:none!important;
}
body.order-editor-page #orderEditorRail .editor-named-field #namedOrderTools:not(.hidden){
  display:flex!important;
}
body.order-editor-page #orderEditorRail .editor-named-field #namedConfigure{
  width:100%!important;
  min-height:30px!important;
  white-space:normal!important;
}

@media(max-width:980px){
  body.order-editor-page .reference-a4 .ref-info,
  .reference-a4 .ref-info{grid-template-columns:repeat(15,minmax(0,1fr))!important;}
  body.order-editor-page .reference-a4 .ref-info>div:nth-child(-n+5),
  .reference-a4 .ref-info>div:nth-child(-n+5){grid-column:span 3!important;}
  body.order-editor-page .reference-a4 .ref-info>.ref-expand-box,
  .reference-a4 .ref-info>.ref-expand-box{grid-column:span 5!important;}
}

/* v1.0.90 — İsimli sipariş düzenleme penceresini ana sidebar/ray üstüne al ve kompaktlaştır */
body.order-editor-page #modalRoot{position:relative!important;z-index:2000!important;}
body.order-editor-page .modal-back{
  z-index:2000!important;
  padding:28px!important;
  background:rgba(8,12,18,.58)!important;
  backdrop-filter:blur(2px)!important;
}
body.order-editor-page .named-sheet-modal{
  width:min(1120px,calc(100vw - 56px))!important;
  max-width:1120px!important;
  max-height:min(82vh,760px)!important;
  padding:18px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  box-shadow:0 30px 90px rgba(0,0,0,.28)!important;
  display:flex!important;
  flex-direction:column!important;
  background:var(--table)!important;
}
body.order-editor-page .named-sheet-modal .modal-head{
  flex:0 0 auto!important;
  margin:0 0 10px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid var(--line)!important;
  align-items:flex-start!important;
  gap:18px!important;
}
body.order-editor-page .named-sheet-modal .modal-head h2{
  font-size:22px!important;
  line-height:1.05!important;
  margin:0 0 4px!important;
}
body.order-editor-page .named-sheet-modal .modal-head p{
  margin:0!important;
  max-width:650px!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:600!important;
}
body.order-editor-page .named-sheet-modal #namedClose{
  flex:0 0 auto!important;
  min-height:36px!important;
  padding:0 13px!important;
  border-radius:10px!important;
  background:var(--soft)!important;
}
body.order-editor-page .named-sheet-toolbar{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 0 10px!important;
  margin:0!important;
  flex-wrap:wrap!important;
}
body.order-editor-page .named-sheet-toolbar .btn{
  min-height:36px!important;
  height:36px!important;
  padding:0 11px!important;
  border-radius:9px!important;
  font-size:11px!important;
}
body.order-editor-page .named-sheet-toolbar .named-add-group{
  height:36px!important;
  display:inline-flex!important;
  align-items:stretch!important;
  gap:4px!important;
}
body.order-editor-page .named-sheet-toolbar .named-add-group input{
  width:52px!important;
  height:36px!important;
  border-radius:9px!important;
  font-size:11px!important;
  background:var(--field)!important;
}
body.order-editor-page .named-sheet-meta{
  margin-left:auto!important;
  font-size:11px!important;
  color:var(--muted)!important;
  white-space:nowrap!important;
}
body.order-editor-page .named-sheet-wrap{
  flex:1 1 auto!important;
  min-height:180px!important;
  max-height:none!important;
  overflow:auto!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:var(--table)!important;
}
body.order-editor-page .named-sheet{
  min-width:620px!important;
  width:100%!important;
  table-layout:fixed!important;
}
body.order-editor-page .named-sheet th,
body.order-editor-page .named-sheet td{
  min-width:0!important;
  height:44px!important;
  padding:0!important;
}
body.order-editor-page .named-sheet .named-corner,
body.order-editor-page .named-sheet .named-row-no,
body.order-editor-page .named-sheet .named-action-col,
body.order-editor-page .named-sheet .named-row-actions{
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
}
body.order-editor-page .named-sheet .named-head-input,
body.order-editor-page .named-sheet td input{
  width:100%!important;
  height:43px!important;
  padding:0 11px!important;
  border-radius:0!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.order-editor-page .named-sheet .named-head-input{
  padding-right:34px!important;
  font-size:12px!important;
  font-weight:800!important;
}
body.order-editor-page .named-sheet .named-empty{
  height:auto!important;
  padding:28px 16px!important;
  font-size:12px!important;
}
body.order-editor-page .named-import-note{
  flex:0 0 auto!important;
  margin:8px 2px 0!important;
  font-size:10px!important;
  line-height:1.35!important;
  color:var(--muted)!important;
}
body.order-editor-page .named-actions{
  flex:0 0 auto!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid var(--line)!important;
  align-items:center!important;
}
body.order-editor-page .named-actions .btn{
  height:38px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border-radius:10px!important;
  font-size:11px!important;
}
@media(max-width:760px){
  body.order-editor-page .modal-back{padding:10px!important;}
  body.order-editor-page .named-sheet-modal{
    width:calc(100vw - 20px)!important;
    max-height:90vh!important;
    padding:13px!important;
    border-radius:16px!important;
  }
  body.order-editor-page .named-sheet-modal .modal-head h2{font-size:18px!important;}
  body.order-editor-page .named-sheet-toolbar .named-add-group{flex:0 0 auto!important;}
  body.order-editor-page .named-sheet-meta{width:100%!important;margin-left:0!important;}
}

/* v1.0.91 — Sipariş bilgileri sıralama standardı
   Header: Sipariş Yeri (zorunlu) + Sipariş No
   Alt satır: Firma / İlgili Kişi / Sipariş Tarihi / Kargo Tarihi
   Sonraki satır: Fatura / Teslimat / Kısa Açıklama (3 eşit blok)
*/
.reference-a4 .ref-head{align-items:flex-end!important;gap:18px!important;}
.reference-a4 .ref-head-meta{
  margin-left:auto!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  gap:18px!important;
  min-width:310px!important;
}
.reference-a4 .ref-order-source-head{width:150px!important;text-align:left!important;}
.reference-a4 .ref-order-source-head small,
.reference-a4 .ref-order-no small{display:block!important;font-size:8px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#6b6e76!important;font-weight:800!important;}
.reference-a4 .ref-order-source-head select{
  width:100%!important;
  min-height:27px!important;
  margin-top:3px!important;
  padding:3px 20px 3px 3px!important;
  border:0!important;
  border-bottom:1px solid #9aa2ad!important;
  border-radius:0!important;
  background:transparent!important;
  color:#111318!important;
  font:800 11px/1.2 'DM Sans',Arial,sans-serif!important;
  outline:none!important;
}
.reference-a4 .ref-order-source-head b{display:block!important;margin-top:5px!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.reference-a4 .ref-order-no{min-width:132px!important;text-align:right!important;}

body.order-editor-page .reference-a4 .ref-info,
.reference-a4 .ref-info{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  column-gap:12px!important;
  row-gap:5px!important;
  align-items:start!important;
}
body.order-editor-page .reference-a4 .ref-info>div:nth-child(-n+4),
.reference-a4 .ref-info>div:nth-child(-n+4){
  grid-column:span 3!important;
  min-width:0!important;
}
body.order-editor-page .reference-a4 .ref-info>.ref-identity-field,
.reference-a4 .ref-info>.ref-identity-field{
  min-height:39px!important;
  max-height:none!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
body.order-editor-page .reference-a4 .ref-info>.ref-identity-field .a4-direct-input{
  flex:1 1 auto!important;
  min-height:0!important;
}
body.order-editor-page .reference-a4 .identity-resize-strip,
.reference-a4 .identity-resize-strip{
  grid-column:1 / span 6!important;
  width:100%!important;
  height:8px!important;
  margin:-3px 0 -1px!important;
  padding:0!important;
  border:0!important;
  min-height:8px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  cursor:ns-resize!important;
}
.reference-a4 .identity-resize-strip span,
.reference-a4 .info-resize-strip span{
  display:block!important;
  width:42px!important;
  height:3px!important;
  border-radius:999px!important;
  background:#70757d!important;
}
body.order-editor-page .reference-a4 .ref-info>.ref-expand-box,
.reference-a4 .ref-info>.ref-expand-box{
  grid-column:span 4!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  align-self:stretch!important;
}
body.order-editor-page .reference-a4 .info-resize-strip,
.reference-a4 .info-resize-strip{
  grid-column:1/-1!important;
}
@media(max-width:980px){
  .reference-a4 .ref-head-meta{min-width:270px!important;gap:10px!important;}
  .reference-a4 .ref-order-source-head{width:130px!important;}
  body.order-editor-page .reference-a4 .ref-info,
  .reference-a4 .ref-info{grid-template-columns:repeat(12,minmax(0,1fr))!important;}
  body.order-editor-page .reference-a4 .ref-info>div:nth-child(-n+4),
  .reference-a4 .ref-info>div:nth-child(-n+4){grid-column:span 3!important;}
  body.order-editor-page .reference-a4 .ref-info>.ref-expand-box,
  .reference-a4 .ref-info>.ref-expand-box{grid-column:span 4!important;}
}


/* v1.0.92 — görünür sipariş yeri etiketi yok; adres alanları kesin 3'lü satır */
.reference-a4 .ref-order-source-head{display:flex!important;align-items:flex-end!important;padding-bottom:0!important;}
.reference-a4 .ref-order-source-head select{margin-top:0!important;}
body.order-editor-page .reference-a4 .ref-info>.ref-billing-box,.reference-a4 .ref-info>.ref-billing-box{grid-column:1 / span 4!important;grid-row:3!important;}
body.order-editor-page .reference-a4 .ref-info>.ref-shipping-box,.reference-a4 .ref-info>.ref-shipping-box{grid-column:5 / span 4!important;grid-row:3!important;}
body.order-editor-page .reference-a4 .ref-info>.ref-shortdesc-box,.reference-a4 .ref-info>.ref-shortdesc-box{grid-column:9 / span 4!important;grid-row:3!important;}
body.order-editor-page .reference-a4 .info-resize-strip,.reference-a4 .info-resize-strip{grid-column:1/-1!important;grid-row:4!important;}
body:not(.order-editor-page) .reference-a4 .ref-billing-box,body:not(.order-editor-page) .reference-a4 .ref-shipping-box,body:not(.order-editor-page) .reference-a4 .ref-shortdesc-box{grid-row:2!important;}


/* v1.0.96 — Dapulse tam ekran çalışma alanı
   Yalnızca Dapulse sayfasında ana uygulama sidebar'ını kaldırır.
   Dapulse tablo listesi + çalışma tablosu korunur ve boşalan alana yayılır. */
body.dapulse-focus-page .app{grid-template-columns:minmax(0,1fr)!important}
body.dapulse-focus-page #sidebar{display:none!important}
body.dapulse-focus-page .main{width:100%!important;max-width:none!important;min-width:0!important}
body.dapulse-focus-page .topbar{width:100%!important}
body.dapulse-focus-page #menuBtn{display:none!important}
body.dapulse-focus-page .dapulse-page{width:100%!important;max-width:none!important;margin:0!important}
body.dapulse-focus-page .dapulse-shell{width:100%!important;max-width:none!important}
body.dapulse-focus-page .excel-work{min-width:0!important;width:100%!important}
@media(max-width:900px){
  body.dapulse-focus-page .app{grid-template-columns:1fr!important}
  body.dapulse-focus-page .dapulse-page{padding:6px!important}
}


/* v1.0.97 — Dapulse admin table access */
.dapulse-users-modal{max-width:560px}.dapulse-modal-users{display:grid;gap:8px;margin:14px 0}.dapulse-modal-user,.dapulse-table-check{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card);cursor:pointer}.dapulse-modal-user input,.dapulse-table-check input{accent-color:var(--accent)}.dapulse-modal-user>div,.dapulse-table-check>div{display:grid;gap:2px}.dapulse-modal-user small,.dapulse-table-check small{color:var(--muted)}.dapulse-modal-user.disabled,.dapulse-table-check.disabled{opacity:.55;cursor:not-allowed}.dapulse-access-card{overflow:hidden}.dapulse-access-list{display:grid;gap:14px;margin-top:16px}.dapulse-access-user{border:1px solid var(--line);border-radius:16px;padding:14px}.dapulse-access-user-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dapulse-access-user-head>div{display:grid;gap:3px}.dapulse-table-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.sheet-menu-pop button[data-sheet-users]{font-weight:750}

/* v1.1.00 — Global light/dark control contrast fix
   Buttons, dropdowns, menus and nested icons/text must never merge into their background. */
:root{
  --ui-btn-bg:#eef1f5;
  --ui-btn-fg:#171a1f;
  --ui-btn-border:#d7dce3;
  --ui-menu-bg:#ffffff;
  --ui-menu-fg:#171a1f;
  --ui-menu-hover:#f0f2f5;
}
html[data-theme="dark"]{
  --ui-btn-bg:#2a3037;
  --ui-btn-fg:#f5f7f9;
  --ui-btn-border:#444d58;
  --ui-menu-bg:#242a31;
  --ui-menu-fg:#f5f7f9;
  --ui-menu-hover:#343b44;
}

/* Standard controls */
button,.btn,[role="button"],.sheet-tool,.excel-files-toggle,.mini-add,.formula-actions button,
.note-dimension-control>button,.notes-formatbar button,.settings-tab,.security-tab,.tab-btn{
  color:var(--ui-btn-fg)!important;
}
button svg,.btn svg,[role="button"] svg,.sheet-tool svg,.excel-files-toggle svg,.mini-add svg,
.formula-actions button svg,.notes-formatbar button svg{
  color:inherit!important;
  stroke:currentColor!important;
}
button svg:not([fill="none"]),.btn svg:not([fill="none"]),[role="button"] svg:not([fill="none"]){fill:currentColor!important}
button svg[fill="none"],.btn svg[fill="none"],[role="button"] svg[fill="none"]{fill:none!important}
button i,.btn i,button span,.btn span,[role="button"] i,[role="button"] span{color:inherit}

/* Neutral buttons get an explicit surface + foreground in both themes. */
.btn:not(.primary):not(.danger):not(.ghost):not(.dark),
.sheet-tool,.excel-files-toggle,.mini-add,.formula-actions button,
.notes-formatbar button,.note-dimension-control>button{
  background:var(--ui-btn-bg)!important;
  color:var(--ui-btn-fg)!important;
  border-color:var(--ui-btn-border)!important;
}
.btn.ghost{color:var(--ui-btn-fg)!important;border-color:var(--ui-btn-border)!important}
.btn.primary{background:var(--accent)!important;color:#fff!important}
.btn.primary *,.btn.dark *,.editor-save *{color:inherit!important}
html[data-theme="dark"] .btn.dark{background:#f0f2f5!important;color:#171a1f!important}
html[data-theme="dark"] .btn.dark *{color:#171a1f!important}

/* Native and custom select/dropdown contrast. */
select,.field select,.sheet-select,.notes-formatbar select,.note-font-select{
  background-color:var(--ui-menu-bg)!important;
  color:var(--ui-menu-fg)!important;
  border-color:var(--ui-btn-border)!important;
}
select option,select optgroup{
  background:var(--ui-menu-bg)!important;
  color:var(--ui-menu-fg)!important;
}

/* Dapulse table list / 3-dot menu / context menus */
.sheet-menu summary{
  color:var(--ui-menu-fg)!important;
}
.sheet-menu summary *, .sheet-menu-pop button *, .dapulse-context-menu button *{color:inherit!important}
.sheet-menu-pop,.dapulse-context-menu{
  background:var(--ui-menu-bg)!important;
  color:var(--ui-menu-fg)!important;
  border-color:var(--ui-btn-border)!important;
}
.sheet-menu-pop button,.dapulse-context-menu button{
  color:var(--ui-menu-fg)!important;
  background:transparent!important;
}
.sheet-menu-pop button:hover,.dapulse-context-menu button:hover:not(:disabled){
  background:var(--ui-menu-hover)!important;
  color:var(--ui-menu-fg)!important;
}
.sheet-menu-pop button svg,.dapulse-context-menu button svg{stroke:currentColor!important;color:inherit!important}

/* Dapulse toolbar — explicit dark/light foregrounds, including symbols such as B / U / arrows. */
.dapulse-page .sheet-tool,.dapulse-page .formula-actions button,.dapulse-page .excel-files-toggle,
.dapulse-page .mini-add,.dapulse-page .sheet-select{
  background:var(--ui-btn-bg)!important;
  color:var(--ui-btn-fg)!important;
  border:1px solid var(--ui-btn-border)!important;
}
.dapulse-page .sheet-tool.active,.dapulse-page .sheet-tool[aria-pressed="true"]{
  background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;
}
.dapulse-page .sheet-tool.active *,.dapulse-page .sheet-tool[aria-pressed="true"] *{color:#fff!important}

/* Modal / settings permission rows and checkbox labels stay readable. */
.dapulse-modal-user,.dapulse-table-check,.dapulse-access-user{
  color:var(--ink)!important;
}
.dapulse-modal-user b,.dapulse-table-check b,.dapulse-access-user b,
.dapulse-modal-user span,.dapulse-table-check span,.dapulse-access-user span{color:inherit!important}

/* Disabled state should remain visible, not disappear. */
button:disabled,.btn:disabled,.sheet-tool:disabled{opacity:.58!important;filter:none!important}

/* v1.1.01 — Two-theme readability hardening
   Fixes the remaining white-on-white / dark-on-dark fields and controls without touching the always-light order form. */
:root{
  --ui-field-bg:#ffffff;
  --ui-field-fg:#171a1f;
  --ui-field-placeholder:#7b838e;
  --ui-surface-2:#f4f6f8;
  --ui-surface-2-fg:#20252b;
  --ui-icon-fg:#20252b;
}
html[data-theme="dark"]{
  --ui-field-bg:#272c33;
  --ui-field-fg:#f6f7f9;
  --ui-field-placeholder:#929aa5;
  --ui-surface-2:#2b3037;
  --ui-surface-2-fg:#f5f7f9;
  --ui-icon-fg:#f5f7f9;
}

/* Normal application fields. The order editor/reference form deliberately stays light. */
body:not(.order-editor-page) input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
body:not(.order-editor-page) textarea,
body:not(.order-editor-page) select,
body:not(.order-editor-page) .modal input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
body:not(.order-editor-page) .modal textarea,
body:not(.order-editor-page) .modal select{
  background:var(--ui-field-bg)!important;
  color:var(--ui-field-fg)!important;
  border-color:var(--ui-btn-border)!important;
  caret-color:var(--ui-field-fg)!important;
  -webkit-text-fill-color:var(--ui-field-fg)!important;
}
body:not(.order-editor-page) input::placeholder,
body:not(.order-editor-page) textarea::placeholder{
  color:var(--ui-field-placeholder)!important;
  -webkit-text-fill-color:var(--ui-field-placeholder)!important;
  opacity:1!important;
}
body:not(.order-editor-page) input:disabled,
body:not(.order-editor-page) textarea:disabled,
body:not(.order-editor-page) select:disabled{
  opacity:.68!important;
  color:var(--ui-field-placeholder)!important;
  -webkit-text-fill-color:var(--ui-field-placeholder)!important;
}

/* Settings cards: all field text must remain readable in dark mode. */
html[data-theme="dark"] .settings-page .field input,
html[data-theme="dark"] .settings-page .field textarea,
html[data-theme="dark"] .settings-page .field select,
html[data-theme="dark"] .settings-panel input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
html[data-theme="dark"] .settings-panel textarea,
html[data-theme="dark"] .settings-panel select{
  background:#272c33!important;
  color:#f6f7f9!important;
  -webkit-text-fill-color:#f6f7f9!important;
  border-color:#454d58!important;
}
html[data-theme="dark"] .settings-page input::placeholder,
html[data-theme="dark"] .settings-page textarea::placeholder,
html[data-theme="dark"] .settings-panel input::placeholder,
html[data-theme="dark"] .settings-panel textarea::placeholder{
  color:#929aa5!important;
  -webkit-text-fill-color:#929aa5!important;
  opacity:1!important;
}

/* Dapulse title, formula, add-count and modal fields. */
.dapulse-page .sheet-title-wrap input,
.dapulse-page .formula-bar input,
.dapulse-page .sheet-add-pack input,
.dapulse-page .named-add-group input,
.dapulse-page .modal input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.dapulse-page .modal textarea,
.dapulse-page .modal select{
  background:var(--ui-field-bg)!important;
  color:var(--ui-field-fg)!important;
  -webkit-text-fill-color:var(--ui-field-fg)!important;
  caret-color:var(--ui-field-fg)!important;
  border-color:var(--ui-btn-border)!important;
}
.dapulse-page .sheet-title-wrap input::placeholder,
.dapulse-page .formula-bar input::placeholder,
.dapulse-page .modal input::placeholder{
  color:var(--ui-field-placeholder)!important;
  -webkit-text-fill-color:var(--ui-field-placeholder)!important;
  opacity:1!important;
}

/* Toolbar/menu controls: background, label and icon are tied together. */
.dapulse-page .sheet-tool,
.dapulse-page .excel-files-toggle,
.dapulse-page .mini-add,
.dapulse-page .formula-actions button,
.dapulse-page .sheet-menu summary,
.dapulse-page .sheet-menu-pop button,
.dapulse-page .dapulse-context-menu button,
.settings-tabs .btn,
.security-tabs .btn,
.topbar-actions .btn.ghost,
.theme-toggle,
.mobile-menu{
  color:var(--ui-btn-fg)!important;
}
.dapulse-page .sheet-tool:not(.active):not([aria-pressed="true"]),
.dapulse-page .excel-files-toggle,
.dapulse-page .mini-add,
.dapulse-page .formula-actions button,
.theme-toggle,
.mobile-menu{
  background:var(--ui-btn-bg)!important;
  border-color:var(--ui-btn-border)!important;
}
.dapulse-page .sheet-tool *,
.dapulse-page .excel-files-toggle *,
.dapulse-page .mini-add *,
.dapulse-page .formula-actions button *,
.dapulse-page .sheet-menu summary *,
.dapulse-page .sheet-menu-pop button *,
.dapulse-page .dapulse-context-menu button *,
.settings-tabs .btn *,
.security-tabs .btn *,
.topbar-actions .btn *,
.theme-toggle *,
.mobile-menu *{color:inherit!important}

/* SVG icon contrast. Preserve icon geometry; only recolor declared strokes/fills. */
button svg,[role="button"] svg,.btn svg,.sheet-tool svg,.theme-toggle svg,.mobile-menu svg{color:inherit!important}
button svg [stroke],[role="button"] svg [stroke],.btn svg [stroke],.sheet-tool svg [stroke],.theme-toggle svg [stroke],.mobile-menu svg [stroke]{stroke:currentColor!important}
button svg [fill]:not([fill="none"]),[role="button"] svg [fill]:not([fill="none"]),.btn svg [fill]:not([fill="none"]),.sheet-tool svg [fill]:not([fill="none"]),.theme-toggle svg [fill]:not([fill="none"]),.mobile-menu svg [fill]:not([fill="none"]){fill:currentColor!important}

/* Active/primary states always use a guaranteed contrasting foreground. */
.btn.primary,.editor-save,.dapulse-page .sheet-tool.active,.dapulse-page .sheet-tool[aria-pressed="true"]{
  background:var(--accent)!important;
  color:#fff!important;
  border-color:var(--accent)!important;
}
.btn.primary *,.editor-save *,.dapulse-page .sheet-tool.active *,.dapulse-page .sheet-tool[aria-pressed="true"] *{color:#fff!important}
html[data-theme="dark"] .btn.dark,
html[data-theme="dark"] .topbar-actions .btn.dark{
  background:#f2f4f6!important;
  color:#171a1f!important;
  border-color:#f2f4f6!important;
}
html[data-theme="light"] .btn.dark,
html:not([data-theme="dark"]) .btn.dark,
html[data-theme="light"] .topbar-actions .btn.dark,
html:not([data-theme="dark"]) .topbar-actions .btn.dark{
  background:#20252c!important;
  color:#fff!important;
  border-color:#20252c!important;
}

/* Tabs are a compact segmented control in both modes. */
.settings-tabs,.security-tabs{
  background:var(--ui-btn-bg)!important;
  border-color:var(--ui-btn-border)!important;
}
.settings-tabs .btn,.security-tabs .btn{
  background:transparent!important;
  color:var(--ui-btn-fg)!important;
}
.settings-tabs .btn.active,.security-tabs .btn.active{
  background:var(--ui-menu-bg)!important;
  color:var(--ui-menu-fg)!important;
  border-color:var(--ui-btn-border)!important;
}

/* Dropdown/menu surfaces. */
.sheet-menu-pop,.dapulse-context-menu{
  background:var(--ui-menu-bg)!important;
  color:var(--ui-menu-fg)!important;
  border-color:var(--ui-btn-border)!important;
}
.sheet-menu-pop button,.dapulse-context-menu button{
  color:var(--ui-menu-fg)!important;
  background:transparent!important;
}
.sheet-menu-pop button:hover,.dapulse-context-menu button:hover:not(:disabled){
  background:var(--ui-menu-hover)!important;
  color:var(--ui-menu-fg)!important;
}

/* Keep labels muted rather than accidentally inheriting a field/background color. */
.field label,.modal label,.settings-panel label,.dapulse-page label{color:var(--ink)!important}
.muted,.field small,.modal small,.settings-panel small{color:var(--muted)!important}

/* Checkbox/radio visibility in both modes. */
input[type="checkbox"],input[type="radio"]{accent-color:var(--accent)!important}


/* v1.1.02 — Dapulse dropdown option colors are theme-independent.
   User-defined option background/text colors remain identical in light and dark mode. */
.dd-option-edit{grid-template-columns:62px 62px minmax(0,1fr) auto!important}
.dd-color-edit{display:grid;gap:3px;font-size:8px;font-weight:800;color:var(--muted)!important}
.dd-color-edit input[type="color"]{width:100%!important;height:30px!important;padding:2px!important;background:transparent!important;border:1px solid var(--line)!important;border-radius:7px!important}
.cell-dropdown-pop button[data-dd-index]{background:var(--dd-color)!important;color:var(--dd-text)!important;border:1px solid color-mix(in srgb,var(--dd-text) 16%,transparent)!important;margin:3px 0!important}
.cell-dropdown-pop button[data-dd-index]:hover{background:var(--dd-color)!important;color:var(--dd-text)!important;filter:brightness(.97)}
.cell-dropdown-pop button[data-dd-index] *{color:inherit!important}
.cell-dropdown-pop button[data-dd-index] .dd-color-dot{background:var(--dd-color)!important;border-color:color-mix(in srgb,var(--dd-text) 35%,transparent)!important}
html[data-theme="dark"] .cell-dropdown-pop button[data-dd-index],html[data-theme="light"] .cell-dropdown-pop button[data-dd-index]{background:var(--dd-color)!important;color:var(--dd-text)!important}
@media(max-width:700px){.dd-option-edit{grid-template-columns:54px 54px minmax(0,1fr)!important}.dd-option-edit .btn{grid-column:1/-1}}

/* v1.1.03 — Sınırlı Form */
.limited-form-toggle{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--table);color:var(--ink);font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
.limited-form-toggle input{position:absolute;opacity:0;pointer-events:none}
.limited-form-toggle span{width:20px;height:20px;border-radius:6px;border:1px solid var(--line);display:grid;place-items:center;color:transparent;background:var(--field)}
.limited-form-toggle input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}
.limited-form-perm{margin-bottom:6px}
/* A4 görünümünde hassas alanları gizle; kalan alanlar doğal olarak boşluğu doldursun. */
.reference-a4.limited-form-view .ref-info>.ref-identity-field:nth-child(2),
.reference-a4.limited-form-view .ref-info>.ref-billing-box,
.reference-a4.limited-form-view .ref-info>.ref-shipping-box,
.reference-a4.limited-form-view .identity-resize-strip,
.reference-a4.limited-form-view .info-resize-strip{display:none!important}
.reference-a4.limited-form-view .ref-info>.ref-shortdesc-box{grid-column:1/-1!important}
.reference-a4.limited-form-view .ref-totals>div:first-child,
.reference-a4.limited-form-view .ref-totals>div:last-child{display:none!important}
.reference-a4.limited-form-view:not(.bandana-a4) .ref-totals>div:nth-child(3){display:none!important}
.reference-a4.limited-form-view .size-pct-badge{display:none!important}
.reference-a4.limited-form-view .ref-totals{grid-template-columns:1fr!important}
/* Sınırlı kullanıcı veya admin önizlemesi sırasında editörün diğer fiyat/adres kontrollerini de gizle. */
body.limited-form-active #orderForm .limited-sensitive{display:none!important}
body.limited-form-active .reference-a4 .a4-price-input{display:none!important}

/* v1.1.05 — Sınırlı Form kontrolünü kompaktlaştır */
body.order-editor-page #orderEditorRail .limited-form-toggle{height:36px!important;padding:0 8px!important;gap:6px!important;font-size:9px!important;line-height:1!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
body.order-editor-page #orderEditorRail .limited-form-toggle b{font-family:'DM Sans',system-ui,sans-serif!important;font-size:9px!important;font-weight:800!important;line-height:1.05!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.order-editor-page #orderEditorRail .limited-form-toggle span{width:17px!important;height:17px!important;min-width:17px!important;border-radius:5px!important;font-size:10px!important}

/* v1.1.07 — Sınırlı yetkili kullanıcıya mod adı gösterilmez; yalnız admin önizleme kontrolünü görür. */
body:not(.is-admin) .limited-form-toggle{display:none!important}

/* v1.1.08 — Dapulse tablo menüsü ve admin başlık düzenleme */
.system-column-main{min-width:180px;display:grid;gap:4px}.system-column-name{display:grid;gap:4px}.system-column-name>span{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.system-column-name input{width:100%;min-width:150px;border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:9px;padding:8px 9px;font-weight:700}.system-column-name input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}

/* v1.1.09 — Dapulse menü ve admin başlık gerçek düzeltme */
.sheet-menu-trigger{appearance:none;border:0;background:transparent;color:var(--muted);cursor:pointer;width:26px;height:28px;display:grid;place-items:center;border-radius:7px;font-weight:900;padding:0;line-height:1}
.sheet-menu .sheet-menu-pop{display:none}
.sheet-menu.open .sheet-menu-pop{display:block}
.sheet-menu.open .sheet-menu-trigger,.sheet-menu-trigger:hover{background:var(--hover);color:var(--ink)}
.dapulse-page .sheet-cell[data-r="0"].editable-cell{cursor:text}

/* v1.1.10 — Dapulse başlıkları normal tablo davranışı */
/* Admin başlık hücrelerinde kalıcı edit ikonu gösterme; düzenleme çift tıklamayla yapılır. */
.dapulse-page .sheet-cell[data-r="0"].editable-cell{position:relative;cursor:default!important;padding-right:22px!important}
.dapulse-page .sheet-cell[data-r="0"].editable-cell::after{
  content:'+';
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  width:14px;
  height:14px;
  display:grid;
  place-items:center;
  border-radius:4px;
  font-size:13px;
  line-height:1;
  font-weight:700;
  color:var(--muted);
  opacity:0;
  pointer-events:none;
  transition:opacity .12s ease,background .12s ease,color .12s ease;
}
.dapulse-page .sheet-cell[data-r="0"].editable-cell:hover::after{
  opacity:.7;
  background:var(--hover);
  color:var(--ink);
}
.dapulse-page .sheet-cell[data-r="0"].editable-cell.editing::after,
.dapulse-page .sheet-cell[data-r="0"].editable-cell:focus-within::after{opacity:0}


/* v1.1.12 — kullanıcı bazlı Teklifler modülü */
.quote-editor{display:grid;grid-template-columns:minmax(520px,1fr) minmax(640px,1.15fr);gap:18px;align-items:start}.quote-edit-panel{min-width:0}.quote-edit-top,.quote-preview-toolbar,.quote-section-title,.quote-save-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.quote-edit-top{margin-bottom:14px}.quote-edit-top h1{font-family:'Syne';font-size:24px;margin:0}.quote-edit-top p{margin:4px 0 0;color:var(--muted)}.quote-form-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}.quote-section-title{margin-bottom:12px}.quote-section-title small{display:block;color:var(--muted);margin-top:3px}.quote-item{border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:10px;background:var(--soft)}.quote-item:first-child{margin-top:0}.quote-item-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.quote-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quote-item-grid .full{grid-column:1/-1}.quote-size-label{font-size:11px;font-weight:800;margin:10px 0 6px}.quote-size-grid{display:grid;grid-template-columns:repeat(10,minmax(48px,1fr));gap:5px}.quote-size-grid label{display:grid;gap:3px;text-align:center}.quote-size-grid span{font-size:9px;font-weight:800;color:var(--muted)}.quote-size-grid input{width:100%;min-width:0;text-align:center;padding:6px 2px}.quote-line-summary{display:flex;justify-content:flex-end;gap:22px;margin-top:10px;font-size:11px;color:var(--muted)}.quote-line-summary b{color:var(--text)}.quote-save-row{margin-top:14px}.quote-save-row>div{display:flex;gap:18px;font-size:12px}.quote-existing-logo{display:flex;align-items:center;gap:12px}.quote-existing-logo img{height:52px;max-width:180px;object-fit:contain;background:#fff;border-radius:9px;padding:5px}.quote-preview-panel{position:sticky;top:78px;min-width:0}.quote-preview-toolbar{margin-bottom:10px}.quote-preview-panel #quotePreview{background:var(--soft);border-radius:16px;padding:18px;overflow:auto}.quote-a4{width:794px;min-height:1123px;background:#fff;color:#16181d;margin:0 auto;padding:42px 46px;box-sizing:border-box;box-shadow:0 15px 50px rgba(0,0,0,.12);font-family:'DM Sans',sans-serif}.quote-a4-head{display:flex;justify-content:space-between;gap:24px;border-bottom:2px solid #171923;padding-bottom:18px}.quote-brand-logo{max-width:180px;max-height:68px;object-fit:contain;display:block}.quote-brand-text{font-family:'Syne';font-weight:800;font-size:24px;max-width:360px;line-height:1.05}.quote-doc-title{font-size:10px;font-weight:800;letter-spacing:.16em;margin-top:12px;color:#6b7280}.quote-no{text-align:right}.quote-no span,.quote-customer span,.quote-notes span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#7b818b;font-weight:800}.quote-no b{display:block;font-family:'Syne';font-size:17px;margin:4px 0}.quote-no small{font-size:9px;color:#6b7280}.quote-customer{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 16px;padding:15px 0;border-bottom:1px solid #e4e6ea}.quote-customer .wide{grid-column:span 3}.quote-customer b{display:block;font-size:10px;margin-top:3px;overflow-wrap:anywhere}.quote-a4-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:9px}.quote-a4-table th{text-align:left;background:#f3f4f6;padding:8px 7px;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.quote-a4-table td{border-bottom:1px solid #eceef1;padding:9px 7px;vertical-align:top}.quote-a4-table td:nth-last-child(-n+3),.quote-a4-table th:nth-last-child(-n+3){text-align:right}.quote-a4-table td small{display:block;color:#777e88;margin-top:3px}.quote-a4-bottom{display:grid;grid-template-columns:1fr 260px;gap:24px;margin-top:22px}.quote-notes{background:#f6f7f8;border-radius:10px;padding:12px;min-height:85px}.quote-notes p{font-size:9px;white-space:pre-wrap;line-height:1.45;margin:5px 0}.quote-totals>div{display:flex;justify-content:space-between;padding:6px 0;font-size:10px;border-bottom:1px solid #eceef1}.quote-totals .grand{font-family:'Syne';font-size:13px;border-top:2px solid #171923;border-bottom:0;margin-top:5px;padding-top:10px}.search-row{margin-bottom:12px}.search-row input{width:min(480px,100%)}
@media(max-width:1250px){.quote-editor{grid-template-columns:1fr}.quote-preview-panel{position:static}.quote-preview-panel #quotePreview{display:flex;justify-content:flex-start}.quote-size-grid{grid-template-columns:repeat(5,minmax(48px,1fr))}}
@media(max-width:700px){.quote-item-grid{grid-template-columns:1fr}.quote-size-grid{grid-template-columns:repeat(4,minmax(42px,1fr))}.quote-save-row{align-items:flex-start;flex-direction:column}.quote-a4{transform:scale(.72);transform-origin:top left;margin:0}.quote-preview-panel #quotePreview{height:830px}}
@media print{body.quote-printing .sidebar,body.quote-printing .topbar,body.quote-printing .quote-edit-panel,body.quote-printing .quote-preview-toolbar{display:none!important}body.quote-printing .app,body.quote-printing .main,body.quote-printing .page,body.quote-printing .quote-editor,body.quote-printing .quote-preview-panel,body.quote-printing #quotePreview{display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important}body.quote-printing .quote-a4{width:210mm!important;min-height:297mm!important;box-shadow:none!important;margin:0!important;padding:12mm!important;transform:none!important}}


/* v1.1.13 — Teklif formu doğrudan A4 üzerinde düzenleme + kayma düzeltmesi */
body.quote-editor-page .main{min-width:0}
body.quote-editor-page #view.quote-page{padding:0!important;max-width:none!important;width:100%!important}
body.quote-editor-page .topbar{display:none!important}
.quote-direct-form{width:100%;min-width:0}
.quote-editor-toolbar{position:sticky;top:0;z-index:60;min-height:68px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.97);border-bottom:1px solid #d9dde3;box-shadow:0 5px 20px rgba(15,23,42,.07);backdrop-filter:blur(12px)}
[data-theme="dark"] .quote-editor-toolbar{background:rgba(24,29,34,.97);border-color:#39414b}
.quote-editor-title{display:flex;align-items:baseline;gap:12px;min-width:0}.quote-editor-title b{font-family:'Syne',sans-serif;font-size:18px}.quote-editor-title span{font-size:12px;color:var(--muted);font-weight:800}.quote-editor-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.quote-sheet-stage{min-height:100vh;background:#dfe2e6;padding:22px 24px 48px;overflow-x:auto}
[data-theme="dark"] .quote-sheet-stage{background:#12161a}
body.quote-editor-page .quote-a4-edit{width:min(1540px,calc(100vw - 96px));min-width:980px;min-height:calc(100vh - 116px);height:auto;margin:0 auto;padding:34px 46px 38px;box-shadow:0 16px 48px rgba(11,11,13,.16);border:1px solid #d5d8de;border-radius:3px;box-sizing:border-box}
.quote-a4-edit input,.quote-a4-edit textarea,.quote-a4-edit select{font:inherit;color:#16181d;background:transparent;border:0;border-bottom:1.5px solid #cfd4dc;border-radius:0;outline:0;width:100%;min-width:0;box-sizing:border-box}.quote-a4-edit input:focus,.quote-a4-edit textarea:focus,.quote-a4-edit select:focus{border-color:#171923;background:#f7f8fa}.quote-a4-edit textarea{resize:vertical}
.quote-brand-editor{min-width:320px}.quote-logo-drop{display:block;border:1px dashed #cfd4dc;background:#fafbfc;border-radius:8px;min-width:180px;min-height:56px;max-width:280px;padding:6px 10px;cursor:pointer;text-align:left;color:#646b76;font-weight:800}.quote-logo-drop:hover{border-color:#171923}.quote-logo-drop .quote-brand-logo{max-width:220px;max-height:62px}.quote-brand-text-input{font-family:'Syne',sans-serif!important;font-weight:800!important;font-size:26px!important;max-width:420px;margin-top:8px;padding:5px 0!important}.quote-remove-logo{display:block;margin-top:7px;font-size:9px;color:#6b7280}.quote-remove-logo input{width:auto;margin-right:4px}
.quote-a4-edit .quote-no{min-width:230px}.quote-a4-edit .quote-no label{display:block;margin-top:9px}.quote-a4-edit .quote-no input{font-size:11px;text-align:right;padding:5px 0}
.quote-customer-edit{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 24px;padding:18px 0}.quote-customer-edit>div{min-width:0}.quote-customer-edit input,.quote-customer-edit textarea{font-size:14px;font-weight:700;padding:7px 2px 6px}.quote-customer-edit textarea{min-height:42px;line-height:1.35}.quote-customer-edit .wide{grid-column:span 3}
.quote-products-edit{margin-top:18px}.quote-products-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f3f4f6;padding:8px 9px}.quote-products-cols,.quote-a4-row{display:grid;grid-template-columns:34px minmax(150px,1.15fr) minmax(260px,2fr) 90px 120px 130px 34px;gap:10px;align-items:start;width:100%}.quote-products-cols{font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.quote-products-cols span:nth-child(4),.quote-products-cols span:nth-child(5),.quote-products-cols span:nth-child(6){text-align:right}.quote-add-inline{border:0;background:#fff;padding:6px 10px;border-radius:7px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 0 0 1px #d6dae0 inset}.quote-add-inline:hover{background:#eceff3}
.quote-a4-item{border-bottom:1px solid #e8eaee;padding:10px 9px}.quote-a4-row{font-size:10px}.quote-row-index{padding-top:8px;font-weight:800}.quote-row-product{display:grid;grid-template-columns:92px 1fr;gap:7px}.quote-row-product select,.quote-row-product input,.quote-row-detail>input,.quote-row-qty input,.quote-row-price input{min-height:30px;padding:5px 3px;font-size:11px}.quote-row-product select{font-weight:800}.quote-row-qty,.quote-row-price,.quote-row-total{text-align:right}.quote-row-qty input,.quote-row-price input{text-align:right}.quote-row-qty b{display:block;padding-top:8px;font-size:11px}.quote-row-total{padding-top:8px;font-weight:800}.quote-remove{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#8b929d;font-size:20px;line-height:1;cursor:pointer}.quote-remove:hover{background:#f1f2f4;color:#c62828}
.quote-a4-edit .quote-size-wrap{margin-top:8px}.quote-a4-edit .quote-size-grid{grid-template-columns:repeat(10,minmax(45px,1fr));gap:4px}.quote-a4-edit .quote-size-grid label{border:1px solid #dfe2e6;border-radius:5px;overflow:hidden}.quote-a4-edit .quote-size-grid span{display:block;background:#f7f8f9;padding:3px 1px;font-size:7px}.quote-a4-edit .quote-size-grid input{border:0!important;text-align:center;padding:4px 1px;min-height:25px;font-size:9px}
.quote-a4-bottom-edit{grid-template-columns:minmax(0,1fr) 330px;gap:34px;margin-top:24px}.quote-a4-bottom-edit .quote-notes{min-height:130px;padding:14px}.quote-a4-bottom-edit .quote-notes textarea{border:0;background:transparent;min-height:96px;font-size:11px;line-height:1.5;padding:7px 0}.quote-totals-edit>div{align-items:center;gap:14px}.quote-totals-edit .vat-edit{display:grid;grid-template-columns:1fr 70px 110px}.quote-totals-edit .vat-edit input{text-align:right;font-weight:800;padding:4px 2px}.quote-totals-edit .grand{font-size:15px}
@media(max-width:1200px){body.quote-editor-page .quote-a4-edit{width:1050px;min-width:1050px}.quote-editor-toolbar{min-width:0}.quote-a4-edit .quote-size-grid{grid-template-columns:repeat(5,minmax(45px,1fr))}}
@media(max-width:700px){.quote-editor-toolbar{padding:8px 10px;overflow-x:auto;flex-wrap:nowrap}.quote-editor-title{display:none}.quote-editor-actions{flex-wrap:nowrap}.quote-sheet-stage{padding:10px}.quote-products-cols,.quote-a4-row{grid-template-columns:28px 160px 260px 80px 105px 115px 30px}}
@media print{body.quote-printing .sidebar,body.quote-printing .quote-editor-toolbar{display:none!important}body.quote-printing .app,body.quote-printing .main,body.quote-printing #view,body.quote-printing .quote-direct-form,body.quote-printing .quote-sheet-stage{display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important}body.quote-printing .quote-a4-edit{width:210mm!important;min-width:210mm!important;max-width:210mm!important;min-height:297mm!important;box-shadow:none!important;margin:0!important;padding:10mm!important;border:0!important}.quote-printing .quote-a4-edit input,.quote-printing .quote-a4-edit textarea,.quote-printing .quote-a4-edit select{border-color:transparent!important;background:transparent!important}.quote-printing .quote-logo-drop{border-color:transparent!important;background:transparent!important;padding:0}.quote-printing .quote-remove-logo,.quote-printing .quote-remove,.quote-printing .quote-add-inline{display:none!important}.quote-printing .quote-products-head{padding-right:9px}.quote-printing .quote-products-cols,.quote-printing .quote-a4-row{grid-template-columns:24px 95px 1fr 45px 62px 72px 0;gap:5px}.quote-printing .quote-a4-edit .quote-size-grid{grid-template-columns:repeat(10,minmax(28px,1fr))}.quote-printing .quote-a4-bottom-edit{grid-template-columns:1fr 230px}.quote-printing .quote-totals-edit .vat-edit{grid-template-columns:1fr 48px 82px}}

/* v1.1.14 — Teklif/Sipariş gerçek A4 çalışma alanı + merkezi markalar */
.brand-settings-card{max-width:1180px}.brand-settings-list{display:grid;gap:10px;margin-top:16px}.brand-settings-row{display:grid;grid-template-columns:180px minmax(220px,1fr) auto auto auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.brand-preview-box{height:72px;border:1px dashed var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;padding:8px;color:#111318;overflow:hidden}.brand-preview-box img{max-width:100%;max-height:56px;object-fit:contain}.brand-preview-box b{font:800 18px 'Syne',sans-serif}.brand-mode{display:flex;gap:9px;align-items:center}.brand-mode label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700}.brand-upload{white-space:nowrap}.brand-settings-actions{display:flex;justify-content:flex-end;margin-top:16px}

/* A4 her temada beyaz kalır; dark temanın input renkleri A4 içine sızmaz. */
body.quote-editor-page .quote-sheet-stage{background:var(--bg)!important;padding:24px 24px 64px!important;overflow:auto!important;display:flex!important;justify-content:center!important;align-items:flex-start!important}
body.quote-editor-page .quote-a4-edit{width:980px!important;min-width:980px!important;max-width:980px!important;height:1386px!important;min-height:1386px!important;max-height:1386px!important;margin:0!important;padding:42px 48px 44px!important;background:#fff!important;color:#111318!important;border:0!important;border-radius:2px!important;box-shadow:0 18px 55px rgba(0,0,0,.22)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.quote-a4-edit input,.quote-a4-edit textarea,.quote-a4-edit select{color:#111318!important;background:#fff!important;border-color:#d8dde4!important;color-scheme:light!important}
.quote-a4-edit input:focus,.quote-a4-edit textarea:focus,.quote-a4-edit select:focus{background:#f7f8fa!important;border-color:#111318!important}
.quote-a4-head{flex:0 0 auto}.quote-customer{flex:0 0 auto}.quote-products-edit{flex:0 0 auto;min-height:245px}.quote-a4-spacer{flex:1 1 auto;min-height:70px;border-bottom:1px solid #eef0f3}.quote-a4-spacer>div{display:none}.quote-a4-bottom-edit{flex:0 0 auto;margin-top:20px!important;grid-template-columns:minmax(0,1fr) 320px!important;align-items:stretch}.quote-a4-bottom-edit .quote-notes{min-height:190px!important;background:#f6f7f8!important}.quote-a4-bottom-edit .quote-notes textarea{min-height:145px!important;background:transparent!important}.quote-totals-edit{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}
.quote-brand-choice{display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:center}.quote-brand-choice select{height:34px;font-size:11px;font-weight:700;padding:4px 6px!important}.quote-brand-visual{height:66px;min-width:190px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.quote-brand-visual img{max-width:210px;max-height:60px;object-fit:contain}.quote-brand-visual b{font:800 24px 'Syne',sans-serif}.quote-brand-visual span{font-size:11px;color:#8a9099}

/* Sipariş editörü de gerçek A4 oranında tek çalışma yüzeyi. */
body.order-editor-page .order-a4-main .live-a4-stage{background:var(--bg)!important;padding:24px 24px 64px!important;overflow:auto!important;display:flex!important;justify-content:center!important;align-items:flex-start!important}
body.order-editor-page .order-a4-main .live-a4-preview{min-width:0!important;width:auto!important;display:block!important}
body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:980px!important;min-width:980px!important;max-width:980px!important;height:1386px!important;min-height:1386px!important;max-height:1386px!important;margin:0!important;padding:34px 40px 32px!important;background:#fff!important;color:#111318!important;overflow:hidden!important;box-shadow:0 18px 55px rgba(0,0,0,.22)!important;border:0!important;border-radius:2px!important}
body.order-editor-page .reference-a4 input,body.order-editor-page .reference-a4 textarea,body.order-editor-page .reference-a4 select{color:#111318!important;background:#fff!important;color-scheme:light!important}
.a4-brand-select{position:absolute;left:0;top:0;display:flex;align-items:center;gap:7px}.ref-head{position:relative;padding-top:34px!important}.a4-brand-select select{width:190px!important;height:30px!important;font-size:10px!important;font-weight:800!important;border:1px solid #d9dde3!important;border-radius:7px!important;padding:3px 7px!important}.a4-brand-select span{font-size:8px;font-weight:800;color:#8a9099;text-transform:uppercase;letter-spacing:.06em}.a4-brand-display{position:absolute;left:0;top:0;height:30px;max-width:230px;display:flex;align-items:center}.a4-brand-display img{max-width:210px;max-height:28px;object-fit:contain}.a4-brand-display b{font:800 16px 'Syne',sans-serif}

@media(max-width:1250px){body.quote-editor-page .quote-a4-edit,body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:860px!important;min-width:860px!important;max-width:860px!important;height:1216px!important;min-height:1216px!important;max-height:1216px!important}.brand-settings-row{grid-template-columns:150px 1fr}.brand-mode,.brand-upload,.brand-settings-row .danger{justify-self:start}}
@media(max-width:900px){body.quote-editor-page .quote-sheet-stage,body.order-editor-page .order-a4-main .live-a4-stage{justify-content:flex-start!important}.brand-settings-row{grid-template-columns:1fr}.brand-preview-box{width:100%}}

@media print{
 body.quote-printing .quote-a4-edit{width:210mm!important;min-width:210mm!important;max-width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;padding:10mm 11mm!important;box-shadow:none!important}
 body.quote-printing .quote-brand-choice select{display:none!important}.quote-printing .quote-brand-choice{display:block!important}.quote-printing .quote-brand-visual{height:18mm!important}
 body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:210mm!important;min-width:210mm!important;max-width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;padding:8mm!important;box-shadow:none!important}
 body.order-editor-page .a4-brand-select select{border:0!important;appearance:none!important;background:transparent!important}
}

/* v1.1.15 — Teklif A4 dark tema izolasyonu */
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit *{color-scheme:light}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit{background:#fff!important;color:#111318!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit input,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit textarea,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit select{
  background:#fff!important;color:#111318!important;border-color:#d8dde4!important;
  -webkit-text-fill-color:#111318!important;box-shadow:none!important
}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit input::placeholder,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit textarea::placeholder{color:#9299a4!important;-webkit-text-fill-color:#9299a4!important;opacity:1}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit select option{background:#fff!important;color:#111318!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-item,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-a4-item{background:#fff!important;color:#111318!important;border-color:#e3e6ea!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-products-head,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-products-cols{background:#f3f4f6!important;color:#111318!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-size-grid label{background:#fff!important;border-color:#dfe2e6!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-size-grid span{background:#f7f8f9!important;color:#6b7280!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-notes{background:#f6f7f8!important;color:#111318!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-notes textarea{background:transparent!important;color:#111318!important;-webkit-text-fill-color:#111318!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-remove{color:#747b86!important;background:transparent!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-remove:hover{background:#f1f2f4!important;color:#c62828!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-add-inline{background:#fff!important;color:#111318!important;box-shadow:0 0 0 1px #d6dae0 inset!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-add-inline:hover{background:#eceff3!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-brand-visual,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-brand-visual b{color:#111318!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-brand-visual span{color:#8a9099!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-no span,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-customer span,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-notes span{color:#7b818b!important}
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-row-total,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-row-index,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-totals,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-totals b,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-totals span{color:#111318!important}


/* v1.1.16 — A4 form kontrollerini tema değişkenlerinden kesin olarak ayır */
body.quote-editor-page .quote-a4-edit,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit{background-color:#fff!important;color:#111318!important;color-scheme:light!important}
body.quote-editor-page .quote-a4-edit :is(input,textarea,select),
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit :is(input,textarea,select){background-color:#fff!important;background-image:none!important;color:#111318!important;-webkit-text-fill-color:#111318!important;color-scheme:light!important;box-shadow:none!important}
body.quote-editor-page .quote-a4-edit :is(input,textarea)::placeholder,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit :is(input,textarea)::placeholder{color:#8b929d!important;-webkit-text-fill-color:#8b929d!important;opacity:1!important}
body.quote-editor-page .quote-a4-edit .quote-a4-item,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-a4-item{background-color:#fff!important;color:#111318!important}
body.quote-editor-page .quote-a4-edit .quote-products-head,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-products-head{background-color:#f3f4f6!important;color:#111318!important}
body.quote-editor-page .quote-a4-edit .quote-notes,
html[data-theme="dark"] body.quote-editor-page .quote-a4-edit .quote-notes{background-color:#f6f7f8!important;color:#111318!important}

/* v1.1.17 — Tek marka alanı + dengeli A4 çıktı */
.quote-brand-choice{display:block!important;position:relative!important;width:250px!important;min-height:70px!important}
.quote-brand-choice select{width:250px!important;height:38px!important;margin-top:8px!important;padding:5px 10px!important;border:1px solid #d6dbe2!important;border-radius:8px!important;background:#fff!important}
.quote-brand-choice select.hidden{display:none!important}
.quote-brand-visual{display:flex!important;width:250px!important;height:70px!important;padding:0!important;border:0!important;background:transparent!important;align-items:center!important;justify-content:flex-start!important;cursor:pointer!important;overflow:hidden!important;text-align:left!important}
.quote-brand-visual.hidden{display:none!important}
.quote-brand-visual img{display:block!important;max-width:235px!important;max-height:58px!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
.quote-brand-visual b{display:block!important;max-width:235px!important;font:800 25px 'Syne',sans-serif!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.quote-brand-editor{min-width:250px!important;max-width:300px!important}

@media print{
  @page{size:A4 portrait;margin:0}
  html,body{width:210mm!important;height:297mm!important;margin:0!important;padding:0!important;background:#fff!important}
  body.quote-printing{overflow:visible!important}
  body.quote-printing .quote-sheet-stage{width:210mm!important;height:297mm!important;overflow:hidden!important}
  body.quote-printing .quote-a4-edit{
    width:210mm!important;min-width:210mm!important;max-width:210mm!important;
    height:297mm!important;min-height:297mm!important;max-height:297mm!important;
    margin:0!important;padding:12mm 13mm 11mm!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;box-sizing:border-box!important;overflow:hidden!important
  }
  body.quote-printing .quote-a4-head{min-height:24mm!important;padding-bottom:5mm!important;align-items:flex-start!important}
  body.quote-printing .quote-brand-editor{width:62mm!important;min-width:62mm!important;max-width:62mm!important}
  body.quote-printing .quote-brand-choice{width:62mm!important;min-height:16mm!important}
  body.quote-printing .quote-brand-choice select{display:none!important}
  body.quote-printing .quote-brand-visual{display:flex!important;width:62mm!important;height:16mm!important;overflow:hidden!important}
  body.quote-printing .quote-brand-visual img{max-width:58mm!important;max-height:14mm!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
  body.quote-printing .quote-brand-visual b{max-width:58mm!important;font-size:18pt!important}
  body.quote-printing .quote-doc-title{margin-top:2mm!important}
  body.quote-printing .quote-no{min-width:45mm!important}
  body.quote-printing .quote-customer{padding:5mm 0!important;gap:3mm 5mm!important}
  body.quote-printing .quote-customer input,body.quote-printing .quote-customer textarea,body.quote-printing .quote-no input{font-size:9pt!important}
  body.quote-printing .quote-products-edit{margin-top:5mm!important;min-height:58mm!important}
  body.quote-printing .quote-a4-spacer{min-height:14mm!important}
  body.quote-printing .quote-a4-bottom-edit{margin-top:5mm!important;grid-template-columns:minmax(0,1fr) 62mm!important;gap:7mm!important}
  body.quote-printing .quote-a4-bottom-edit .quote-notes{min-height:45mm!important}
  body.quote-printing .quote-a4-bottom-edit .quote-notes textarea{min-height:38mm!important}
  body.quote-printing .quote-products-cols,body.quote-printing .quote-a4-row{grid-template-columns:6mm 28mm minmax(0,1fr) 14mm 20mm 22mm 0!important;gap:1.5mm!important}
}

/* v1.1.18 — Teklif ayarları, esnek beden grupları ve belirgin etkileşim */
.quote-a4-edit :is(input,textarea,select,button){transition:border-color .14s ease,box-shadow .14s ease,background .14s ease,transform .08s ease}
.quote-a4-edit :is(input,textarea,select):hover{border-color:#8b94a3!important;background:#fafbfc!important}
.quote-a4-edit :is(input,textarea,select):focus{border-color:#665cf6!important;background:#fff!important;box-shadow:0 0 0 3px rgba(102,92,246,.13)!important;position:relative;z-index:2}
.quote-a4-edit button:active{transform:translateY(1px)}
.quote-number-input{font-family:'Syne',sans-serif!important;font-weight:800!important;font-size:17px!important;letter-spacing:.02em!important;text-align:right!important}
.quote-group-preset{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:8px 0 6px}.quote-group-preset>span{font-size:9px;font-weight:800;color:#69717d;margin-right:3px}.quote-group-preset button,.quote-size-add{border:1px solid #d8dde5;background:#fff;color:#303640;border-radius:6px;padding:4px 7px;font:700 9px 'DM Sans',sans-serif;cursor:pointer}.quote-group-preset button:hover,.quote-size-add:hover{border-color:#665cf6;background:#f4f2ff;color:#5147e8}
.quote-size-group{border:1px solid #e0e4e9;border-radius:8px;padding:7px 8px;margin-top:6px;background:#fbfcfd}.quote-size-group:focus-within{border-color:#9b94fa;box-shadow:0 0 0 2px rgba(102,92,246,.08)}.quote-size-group-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.quote-size-group-head [data-q-group-name]{font-weight:800!important;font-size:10px!important;padding:4px 5px!important;border:1px solid transparent!important;border-radius:5px!important;max-width:150px}.quote-size-group-head [data-q-group-name]:hover,.quote-size-group-head [data-q-group-name]:focus{border-color:#d8dde5!important}.quote-size-group-remove{width:22px;height:22px;border:0;border-radius:5px;background:transparent;color:#8a919c;font-size:15px;cursor:pointer}.quote-size-group-remove:hover{background:#fff0f0;color:#c62828}
.quote-size-flex{display:flex;gap:5px;flex-wrap:wrap;align-items:flex-end}.quote-size-cell{display:grid;grid-template-columns:48px 42px 18px;gap:3px;align-items:center;padding:3px;border:1px solid #e0e4e9;border-radius:6px;background:#fff}.quote-size-cell:focus-within{border-color:#665cf6;box-shadow:0 0 0 2px rgba(102,92,246,.1)}.quote-size-cell input{border:0!important;border-bottom:1px solid #d9dde3!important;border-radius:0!important;padding:3px 2px!important;font-size:9px!important;text-align:center}.quote-size-cell .quote-size-label{font-weight:800!important}.quote-size-cell button{border:0;background:transparent;color:#9aa1ab;cursor:pointer;padding:0;font-size:12px}.quote-size-cell button:hover{color:#c62828}.quote-size-add{height:27px}
.quote-row-detail{min-width:0}.quote-size-wrap{margin-top:5px}.quote-a4-item{overflow:visible!important}.quote-a4-row{align-items:start!important}
.settings-tabs .active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)!important}.settings-tabs button:focus-visible,.settings-tabs button:hover{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
#settingsContent :is(input,textarea,select):focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)!important}
@media print{
 body.quote-printing .quote-editor-toolbar,body.quote-printing .quote-add-inline,body.quote-printing .quote-remove,body.quote-printing .quote-group-preset,body.quote-printing .quote-size-group-remove,body.quote-printing .quote-size-add,body.quote-printing [data-q-size-remove]{display:none!important}
 body.quote-printing .quote-size-group{border:0!important;padding:1mm 0!important;margin:1mm 0!important;background:#fff!important;box-shadow:none!important}
 body.quote-printing .quote-size-group-head{margin-bottom:.5mm!important}.quote-printing .quote-size-group-head input{font-size:7.5pt!important;font-weight:800!important;border:0!important;padding:0!important}
 body.quote-printing .quote-size-flex{gap:1mm!important}.quote-printing .quote-size-cell{grid-template-columns:8mm 7mm!important;gap:.5mm!important;padding:.5mm!important;border:1px solid #e2e4e8!important}.quote-printing .quote-size-cell input{font-size:6.8pt!important;padding:0!important;border:0!important}
 body.quote-printing .quote-number-input{border:0!important;box-shadow:none!important;font-size:12pt!important;padding:0!important}
}


/* v1.1.19 — Admin veri yedeği + editörlerde erişilebilir tema düğmesi */
.backup-settings h3{margin:7px 0 8px;font-family:'Syne'}
.backup-scope{display:grid;gap:7px;margin:16px 0 18px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--soft);font-size:12px}
.backup-warning{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border-radius:13px;background:var(--soft);border:1px solid var(--line);font-size:12px}
.backup-warning span{color:var(--muted)}
.backup-result{margin-top:14px;padding:13px;border-radius:13px;border:1px solid var(--line);background:var(--soft)}
.backup-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.backup-stats span{padding:5px 8px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:11px}
body.order-editor-page .editor-theme,body.quote-editor-page .quote-theme-btn{width:38px;min-width:38px;height:38px;padding:0;display:inline-grid;place-items:center;font-size:17px;line-height:1;flex:0 0 38px}
body.order-editor-page .editor-theme{order:-5}
body.quote-editor-page .quote-theme-btn{margin-right:2px}
@media(max-width:700px){body.order-editor-page .editor-theme,body.quote-editor-page .quote-theme-btn{width:34px;min-width:34px;height:34px;flex-basis:34px}.backup-warning{flex-direction:column}.backup-settings .span-6{grid-column:span 12}}

/* v1.1.21 — teklif bedenleri kompakt yatay A4 düzeni */
.quote-a4-edit .quote-size-wrap-full{margin:8px 0 2px 34px!important;padding:9px 10px!important;border:1px solid #e1e5ea!important;border-radius:8px!important;background:#fafbfc!important}
.quote-a4-edit .quote-group-preset{margin:0 0 8px!important;gap:6px!important}
.quote-a4-edit [data-q-groups]{display:grid!important;gap:7px!important}
.quote-a4-edit .quote-size-group{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:8px!important;margin:0!important;padding:7px!important;background:#fff!important;border:1px solid #e2e6eb!important}
.quote-a4-edit .quote-size-group-head{margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 22px!important;gap:4px!important}
.quote-a4-edit .quote-size-group-head [data-q-group-name]{width:100%!important;max-width:none!important;height:28px!important;padding:4px 6px!important}
.quote-a4-edit .quote-size-flex{display:grid!important;grid-template-columns:repeat(6,minmax(64px,1fr))!important;gap:5px!important;align-items:stretch!important}
.quote-a4-edit .quote-size-cell{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 34px 14px!important;gap:2px!important;padding:3px 4px!important;border-radius:5px!important}
.quote-a4-edit .quote-size-cell input{min-width:0!important;height:23px!important;padding:2px!important;font-size:8px!important}
.quote-a4-edit .quote-size-add{height:31px!important;min-width:64px!important;align-self:center!important}
@media(max-width:1200px){.quote-a4-edit .quote-size-flex{grid-template-columns:repeat(5,minmax(64px,1fr))!important}}
@media print{body.quote-printing .quote-size-wrap-full{margin:1.5mm 0 1mm 6mm!important;padding:1mm!important;border:0!important;background:#fff!important}body.quote-printing .quote-size-group{grid-template-columns:20mm 1fr!important;border:0!important;padding:.5mm 0!important}body.quote-printing .quote-size-flex{grid-template-columns:repeat(8,minmax(12mm,1fr))!important;gap:.7mm!important}}
\n\n/* v1.1.23 — Sipariş/Teklif A4 kesilme ve responsive çalışma alanı düzeltmesi */
body.order-editor-page #view,body.quote-editor-page #view,
body.order-editor-page .order-entry-grid,body.quote-editor-page .quote-direct-form,
body.order-editor-page .order-a4-main,body.quote-editor-page .quote-sheet-stage{
  min-width:0!important;max-width:100%!important;box-sizing:border-box!important
}
body.order-editor-page .order-a4-main,body.quote-editor-page .quote-direct-form{overflow:hidden!important}
body.order-editor-page .order-a4-main .live-a4-stage,
body.quote-editor-page .quote-sheet-stage{
  width:100%!important;min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important;
  box-sizing:border-box!important;justify-content:center!important
}
body.order-editor-page .order-a4-main .live-a4-preview{min-width:0!important;max-width:100%!important;margin:0 auto!important}
body.order-editor-page .order-a4-main .reference-a4,
body.quote-editor-page .quote-a4-edit{transform-origin:top center!important;flex-shrink:0!important}
body.order-editor-page .order-a4-mainbar,body.quote-editor-page .quote-editor-toolbar{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body.order-editor-page .editor-quick,body.order-editor-page .editor-actions,
body.quote-editor-page .quote-editor-actions{min-width:0!important}
@media(max-width:900px){
 body.order-editor-page .order-a4-main .live-a4-stage,body.quote-editor-page .quote-sheet-stage{justify-content:center!important;padding-left:10px!important;padding-right:10px!important}
}
@media print{
 body.order-editor-page .order-a4-main .reference-a4,body.quote-printing .quote-a4-edit{zoom:1!important}
}


/* v1.1.24 — A4 gerçek kutu + transform ölçekleme; sağdan kırpılmayı kesin engeller */
body.order-editor-page .order-a4-main .live-a4-stage{display:flex!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;width:100%!important;overflow-x:hidden!important}
body.order-editor-page .order-a4-main .live-a4-preview{flex:0 0 auto!important;position:relative!important;margin:0 auto!important;overflow:visible!important}
body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{position:absolute!important;left:0!important;top:0!important}
body.quote-editor-page .quote-sheet-stage{min-width:0!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}
@media(max-width:1250px){body.quote-editor-page .quote-a4-edit,body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:980px!important;min-width:980px!important;max-width:980px!important;height:1386px!important;min-height:1386px!important;max-height:1386px!important}}
@media print{
 body.order-editor-page .order-a4-main .live-a4-preview{width:210mm!important;height:297mm!important;min-width:210mm!important;min-height:297mm!important}
 body.order-editor-page .order-a4-main .live-a4-preview .reference-a4,body.quote-printing .quote-a4-edit{position:static!important;transform:none!important;transform-origin:top left!important;margin:0!important}
 body.quote-editor-page .quote-sheet-stage{display:block!important;min-height:0!important}
}

/* v1.1.25 — tek marka alanı / sipariş kaynağı A4 dışı */
.reference-a4 .ref-head-meta{justify-content:flex-end!important;}
.reference-a4 .ref-order-no{margin-left:auto!important;}
.reference-a4 .ref-order-source-head{display:none!important;}
.a4-brand-select{width:230px!important;height:34px!important;display:flex!important;align-items:center!important;}
.a4-brand-select span{display:none!important;}
.a4-brand-select select{width:190px!important;}
.a4-brand-select .a4-brand-visual-btn{border:0!important;background:transparent!important;padding:0!important;margin:0!important;min-width:0!important;height:34px!important;max-width:225px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;cursor:pointer!important;}
.a4-brand-select .a4-brand-visual-btn.hidden{display:none!important;}
.a4-brand-select .a4-brand-visual-btn img{max-width:215px!important;max-height:32px!important;object-fit:contain!important;object-position:left center!important;}
.a4-brand-select .a4-brand-visual-btn b{font:800 16px 'Syne',sans-serif!important;color:#111827!important;}
.order-editor-page .editor-source-field{margin:0!important;min-width:138px!important;}
.order-editor-page .editor-source-field label{font-size:8px!important;margin-bottom:2px!important;}
.order-editor-page .editor-source-field select{height:32px!important;padding:4px 24px 4px 8px!important;font-size:10px!important;}
@media print{.reference-a4 .ref-order-source-head{display:none!important}.a4-brand-select select{display:none!important}.a4-brand-select .a4-brand-visual-btn{display:flex!important}}


/* v1.1.26 — ekrandaki A4 ile Yazdır/PDF birebir oran + boş placeholder temizliği */
@media print{
  @page{size:A4 portrait;margin:0!important}
  html,body{width:210mm!important;height:297mm!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important}

  /* Sipariş: düzenleme ekranındaki 980×1386 A4'ü aynen küçült, yeniden tasarlama. */
  body.order-printing .sidebar,body.order-printing .topbar,body.order-printing .order-a4-mainbar,
  body.order-printing .order-side-left,body.order-printing .editor-rail{display:none!important}
  body.order-printing .app,body.order-printing .main,body.order-printing #view,body.order-printing #orderForm,
  body.order-printing .order-entry-grid,body.order-printing .order-side-right,body.order-printing .order-a4-main,
  body.order-printing .live-a4-stage,body.order-printing .live-a4-preview{display:block!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
  body.order-printing .live-a4-preview{position:relative!important;width:210mm!important;min-width:210mm!important;max-width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important}
  body.order-printing .live-a4-preview .reference-a4{
    position:absolute!important;left:0!important;top:0!important;
    width:980px!important;min-width:980px!important;max-width:980px!important;
    height:1386px!important;min-height:1386px!important;max-height:1386px!important;
    margin:0!important;padding:30px 38px 26px!important;gap:13px!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;
    transform:scale(.81)!important;transform-origin:top left!important;zoom:1!important;overflow:hidden!important
  }
  body.order-printing .reference-a4 :is(input,textarea,select){background:transparent!important;box-shadow:none!important}
  body.order-printing .identity-resize-strip,body.order-printing .info-resize-strip,body.order-printing .named-inline-tools,
  body.order-printing .named-resize-strip,body.order-printing .image-edit-tools,body.order-printing .image-height-resize,
  body.order-printing .image-width-resize,body.order-printing .image-resize-handle,body.order-printing .image-remove,
  body.order-printing .notes-formatbar,body.order-printing .notes-resize-handle{visibility:hidden!important;pointer-events:none!important}

  /* Teklif: ekrandaki 980×1386 çalışma A4'ünü aynı oranla bas. */
  body.quote-printing .quote-editor-toolbar{display:none!important}
  body.quote-printing .app,body.quote-printing .main,body.quote-printing #view,body.quote-printing .quote-direct-form,
  body.quote-printing .quote-sheet-stage{display:block!important;width:210mm!important;height:297mm!important;min-width:210mm!important;min-height:297mm!important;max-width:210mm!important;max-height:297mm!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;overflow:hidden!important}
  body.quote-printing .quote-a4-edit{
    position:absolute!important;left:0!important;top:0!important;
    width:980px!important;min-width:980px!important;max-width:980px!important;
    height:1386px!important;min-height:1386px!important;max-height:1386px!important;
    margin:0!important;padding:34px 46px 38px!important;gap:initial!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;
    transform:scale(.81)!important;transform-origin:top left!important;zoom:1!important;overflow:hidden!important
  }
  body.quote-printing .quote-customer{padding:18px 0!important;gap:14px 24px!important}
  body.quote-printing .quote-products-edit{margin-top:18px!important;min-height:0!important}
  body.quote-printing .quote-a4-bottom-edit{margin-top:22px!important;grid-template-columns:1fr 260px!important;gap:24px!important}
  body.quote-printing .quote-a4-bottom-edit .quote-notes{min-height:85px!important}
  body.quote-printing .quote-products-cols,body.quote-printing .quote-a4-row{grid-template-columns:34px minmax(150px,1.15fr) minmax(260px,2fr) 90px 120px 130px 34px!important;gap:10px!important}
  body.quote-printing .quote-group-preset,body.quote-printing .quote-add-inline,body.quote-printing .quote-remove,
  body.quote-printing .quote-size-group-remove,body.quote-printing .quote-size-add,body.quote-printing [data-q-size-remove]{visibility:hidden!important;pointer-events:none!important}
  body.quote-printing .quote-brand-choice{width:250px!important;min-height:70px!important}
  body.quote-printing .quote-brand-visual{width:250px!important;height:70px!important}
}

/* v1.1.27 — Yeni Sipariş editörü: tek, dengeli üst araç çubuğu. Sol dar ray kaldırıldı. */
body.order-editor-page .order-a4-main{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:min(100%, 830px)!important;
  max-width:calc(100vw - 24px)!important;
  margin:10px auto 20px!important;
}
body.order-editor-page .order-a4-mainbar{
  position:sticky!important;
  top:6px!important;
  z-index:70!important;
  width:794px!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:48px!important;
  height:auto!important;
  margin:0!important;
  padding:6px 8px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  border:1px solid #d8dde4!important;
  border-radius:11px!important;
  background:#f8f9fb!important;
  box-shadow:0 4px 14px rgba(18,24,34,.06)!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
body.order-editor-page .editor-brand{
  display:flex!important;
  width:auto!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:0!important;
  padding:0!important;
  border:0!important;
}
body.order-editor-page .editor-brand>div,
body.order-editor-page .draft-pill{display:none!important}
body.order-editor-page .editor-back{
  width:34px!important;height:34px!important;min-width:34px!important;
  border-radius:8px!important;font-size:19px!important;
}
body.order-editor-page .editor-quick,
body.order-editor-page .editor-actions{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-end!important;
  width:auto!important;
  min-width:0!important;
  flex:0 0 auto!important;
  gap:6px!important;
  overflow:visible!important;
}
body.order-editor-page .editor-actions{margin-left:auto!important;align-items:center!important}
body.order-editor-page .editor-product-field,
body.order-editor-page .editor-source-field,
body.order-editor-page .editor-named-field{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  gap:3px!important;
  border:0!important;
  background:transparent!important;
}
body.order-editor-page .editor-product-field label,
body.order-editor-page .editor-source-field label{
  display:block!important;
  margin:0!important;
  font:800 7px/1 'DM Sans',sans-serif!important;
  color:#68707b!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  white-space:nowrap!important;
}
body.order-editor-page .editor-product-field select,
body.order-editor-page .editor-source-field select{
  width:116px!important;
  min-width:116px!important;
  height:34px!important;
  padding:0 25px 0 8px!important;
  border:1px solid #d8dde4!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#15181d!important;
  font-size:10px!important;
  font-weight:700!important;
}
body.order-editor-page .editor-source-field select{width:142px!important;min-width:142px!important}
body.order-editor-page .editor-named-field>label.checkline{
  width:auto!important;
  min-width:105px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 8px!important;
  border:1px solid #d8dde4!important;
  border-radius:8px!important;
  background:#fff!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
}
body.order-editor-page .editor-named-field>label.checkline b{font-size:9px!important;line-height:1!important}
body.order-editor-page .editor-named-field #namedOrderTools{display:flex!important;flex-direction:row!important;width:auto!important;gap:5px!important}
body.order-editor-page .editor-named-field #namedOrderTools.hidden{display:none!important}
body.order-editor-page .editor-named-field #namedConfigure{width:auto!important;min-width:112px!important;height:34px!important;padding:0 8px!important;font-size:8px!important;white-space:nowrap!important}
body.order-editor-page .editor-named-field #namedCount{display:none!important}
body.order-editor-page .editor-actions .btn{
  width:auto!important;min-width:0!important;height:34px!important;
  padding:0 10px!important;font-size:9px!important;border-radius:8px!important;white-space:nowrap!important
}
body.order-editor-page .editor-actions .editor-theme{width:34px!important;min-width:34px!important;padding:0!important}
body.order-editor-page .editor-save-status{display:none!important}
body.order-editor-page .order-a4-main .live-a4-stage{
  width:794px!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;overflow:visible!important;
}
body.order-editor-page .order-a4-main .live-a4-preview{
  width:794px!important;min-width:794px!important;max-width:794px!important;
  margin:0 auto!important;transform:none!important;transform-origin:top left!important;
}
body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
  width:794px!important;min-width:794px!important;max-width:794px!important;
  height:1123px!important;min-height:1123px!important;max-height:1123px!important;
  margin:0!important;
}
html[data-theme="dark"] body.order-editor-page .order-a4-mainbar{background:#20252b!important;border-color:#3d4651!important}
html[data-theme="dark"] body.order-editor-page .editor-product-field label,
html[data-theme="dark"] body.order-editor-page .editor-source-field label{color:#aeb6c1!important}
html[data-theme="dark"] body.order-editor-page .editor-product-field select,
html[data-theme="dark"] body.order-editor-page .editor-source-field select,
html[data-theme="dark"] body.order-editor-page .editor-named-field>label.checkline{background:#2a3037!important;color:#f5f6f7!important;border-color:#414954!important}

@media(max-width:1050px){
  body.order-editor-page .order-a4-main{width:calc(100% - 10px)!important;max-width:none!important;margin:6px auto 14px!important}
  body.order-editor-page .order-a4-mainbar{position:sticky!important;width:100%!important;max-width:794px!important;gap:5px!important;padding:6px!important}
  body.order-editor-page .editor-actions{margin-left:0!important}
  body.order-editor-page .editor-product-field select{width:108px!important;min-width:108px!important}
  body.order-editor-page .editor-source-field select{width:128px!important;min-width:128px!important}
}
@media(max-width:860px){
  body.order-editor-page .order-a4-mainbar{align-items:flex-end!important}
  body.order-editor-page .editor-actions{margin-left:auto!important}
  body.order-editor-page .order-a4-main .live-a4-stage{overflow-x:auto!important;overflow-y:visible!important;padding-bottom:8px!important}
}
@media(max-width:650px){
  body.order-editor-page .order-a4-mainbar{position:sticky!important;top:4px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:start!important}
  body.order-editor-page .editor-brand{grid-column:1!important;grid-row:1!important}
  body.order-editor-page .editor-quick{grid-column:2!important;grid-row:1!important;display:flex!important;overflow-x:auto!important;padding-bottom:2px!important;scrollbar-width:none!important}
  body.order-editor-page .editor-actions{grid-column:1/-1!important;grid-row:2!important;width:100%!important;display:flex!important;justify-content:flex-end!important;margin-left:0!important;border-top:1px solid #e1e5ea!important;padding-top:5px!important}
  body.order-editor-page .editor-product-field label,body.order-editor-page .editor-source-field label{display:none!important}
}

/* v1.1.28 — Sipariş editörü yerleşim düzeltmesi: toolbar ve A4 aynı içerik genişliğinde */
body.order-editor-page #view,
body.order-editor-page #orderForm,
body.order-editor-page .order-light,
body.order-editor-page .order-light>.order-entry-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body.order-editor-page .order-light>.order-entry-grid{display:block!important}
body.order-editor-page .order-a4-main{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:12px 16px 26px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:10px!important;
}
body.order-editor-page .order-a4-mainbar{
  position:sticky!important;
  top:8px!important;
  z-index:80!important;
  width:min(980px,calc(100% - 8px))!important;
  max-width:980px!important;
  min-width:0!important;
  min-height:54px!important;
  margin:0 auto!important;
  padding:7px 9px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:7px!important;
  border:1px solid #d9dee5!important;
  border-radius:12px!important;
  background:#f8f9fb!important;
  box-shadow:0 6px 18px rgba(15,23,42,.07)!important;
  overflow:visible!important;
}
body.order-editor-page .editor-brand{flex:0 0 auto!important;width:auto!important}
body.order-editor-page .editor-quick{display:flex!important;flex:1 1 380px!important;min-width:0!important;gap:7px!important;align-items:flex-end!important;overflow:visible!important}
body.order-editor-page .editor-actions{display:flex!important;flex:0 1 auto!important;min-width:0!important;margin-left:auto!important;gap:6px!important;align-items:center!important;justify-content:flex-end!important}
body.order-editor-page .editor-product-field,
body.order-editor-page .editor-source-field,
body.order-editor-page .editor-named-field{flex:0 0 auto!important;min-width:0!important}
body.order-editor-page .editor-product-field select{width:122px!important;min-width:122px!important}
body.order-editor-page .editor-source-field select{width:150px!important;min-width:150px!important}
body.order-editor-page .editor-named-field>label.checkline{min-width:104px!important}
body.order-editor-page .order-a4-main .live-a4-stage{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  overflow:hidden!important;
  background:transparent!important;
}
body.order-editor-page .order-a4-main .live-a4-preview{margin:0 auto!important;flex:0 0 auto!important}
@media(max-width:900px){
  body.order-editor-page .order-a4-main{padding:8px 8px 20px!important}
  body.order-editor-page .order-a4-mainbar{width:100%!important;top:4px!important;gap:6px!important}
  body.order-editor-page .editor-quick{order:2;flex:1 1 100%!important;width:100%!important;overflow-x:auto!important;padding-bottom:2px!important}
  body.order-editor-page .editor-actions{order:1;margin-left:auto!important}
  body.order-editor-page .editor-brand{order:0}
}
@media(max-width:620px){
  body.order-editor-page .order-a4-mainbar{align-items:center!important}
  body.order-editor-page .editor-product-field label,
  body.order-editor-page .editor-source-field label{display:none!important}
  body.order-editor-page .editor-product-field select{width:108px!important;min-width:108px!important}
  body.order-editor-page .editor-source-field select{width:126px!important;min-width:126px!important}
  body.order-editor-page .editor-actions .btn{height:32px!important;padding:0 8px!important;font-size:8px!important}
}
html[data-theme="dark"] body.order-editor-page .order-a4-mainbar{background:#20252b!important;border-color:#3d4651!important}


/* v1.1.29 — Yeni Sipariş editörü: kontrol rayını tekrar formun yanına al */
body.order-editor-page .order-a4-main{
  width:min(100%, 1200px)!important;
  max-width:1200px!important;
  margin:0 auto!important;
  padding:12px 16px 28px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:16px!important;
  box-sizing:border-box!important;
}
body.order-editor-page .order-a4-mainbar{
  position:sticky!important;
  top:10px!important;
  z-index:60!important;
  width:184px!important;
  min-width:184px!important;
  max-width:184px!important;
  margin:0!important;
  padding:10px!important;
  min-height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  border:1px solid #d8dde4!important;
  border-radius:14px!important;
  background:#f8f9fb!important;
  box-shadow:0 6px 18px rgba(15,23,42,.06)!important;
  box-sizing:border-box!important;
}
body.order-editor-page .editor-brand,
body.order-editor-page .editor-quick,
body.order-editor-page .editor-actions{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.order-editor-page .editor-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
}
body.order-editor-page .editor-brand > div,
body.order-editor-page .draft-pill,
body.order-editor-page .editor-save-status{display:none!important}
body.order-editor-page .editor-back{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  margin:0!important;
  border-radius:10px!important;
}
body.order-editor-page .editor-quick,
body.order-editor-page .editor-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:8px!important;
  overflow:visible!important;
}
body.order-editor-page .editor-product-field,
body.order-editor-page .editor-source-field,
body.order-editor-page .editor-named-field{
  width:100%!important;
  min-width:0!important;
  flex:none!important;
}
body.order-editor-page .editor-product-field label,
body.order-editor-page .editor-source-field label{
  display:block!important;
  margin:0 0 4px!important;
  font:800 10px/1 'DM Sans',sans-serif!important;
  color:#68707b!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
}
body.order-editor-page .editor-product-field select,
body.order-editor-page .editor-source-field select,
body.order-editor-page .editor-actions .btn,
body.order-editor-page .editor-named-field > label.checkline,
body.order-editor-page .editor-named-field #namedConfigure{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
body.order-editor-page .editor-product-field select,
body.order-editor-page .editor-source-field select{
  height:38px!important;
  padding:0 34px 0 10px!important;
  font-size:13px!important;
  border-radius:10px!important;
}
body.order-editor-page .editor-named-field > label.checkline{
  min-height:38px!important;
  height:38px!important;
  padding:0 10px!important;
  border-radius:10px!important;
}
body.order-editor-page .editor-named-field > label.checkline b{font-size:12px!important}
body.order-editor-page .editor-named-field #namedOrderTools{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}
body.order-editor-page .editor-named-field #namedCount{display:none!important}
body.order-editor-page .editor-named-field #namedConfigure{
  height:36px!important;
  padding:0 10px!important;
  font-size:12px!important;
  border-radius:10px!important;
}
body.order-editor-page .editor-actions .btn{
  height:38px!important;
  padding:0 10px!important;
  font-size:12px!important;
  border-radius:10px!important;
  white-space:nowrap!important;
}
body.order-editor-page .editor-actions .editor-theme{
  width:100%!important;
  min-width:0!important;
  padding:0 10px!important;
}
body.order-editor-page .order-a4-main .live-a4-stage{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - 200px)!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  overflow:visible!important;
  background:transparent!important;
}
body.order-editor-page .order-a4-main .live-a4-preview{
  margin:0!important;
}
html[data-theme="dark"] body.order-editor-page .order-a4-mainbar{background:#20252b!important;border-color:#3d4651!important}
html[data-theme="dark"] body.order-editor-page .editor-product-field label,
html[data-theme="dark"] body.order-editor-page .editor-source-field label{color:#aeb6c1!important}
html[data-theme="dark"] body.order-editor-page .editor-product-field select,
html[data-theme="dark"] body.order-editor-page .editor-source-field select,
html[data-theme="dark"] body.order-editor-page .editor-named-field>label.checkline{background:#2a3037!important;color:#f5f6f7!important;border-color:#414954!important}
@media(max-width:1180px){
  body.order-editor-page .order-a4-main{width:100%!important;max-width:none!important;padding:10px 12px 22px!important;gap:12px!important}
  body.order-editor-page .order-a4-mainbar{width:172px!important;min-width:172px!important;max-width:172px!important}
  body.order-editor-page .order-a4-main .live-a4-stage{max-width:calc(100% - 184px)!important}
}
@media(max-width:980px){
  body.order-editor-page .order-a4-main{flex-direction:column!important;align-items:center!important}
  body.order-editor-page .order-a4-mainbar{position:sticky!important;top:6px!important;width:min(794px,100%)!important;min-width:0!important;max-width:794px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important}
  body.order-editor-page .editor-brand{grid-column:1!important;grid-row:1!important}
  body.order-editor-page .editor-quick{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-end!important}
  body.order-editor-page .editor-actions{grid-column:3!important;grid-row:1!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:flex-end!important;width:auto!important}
  body.order-editor-page .editor-product-field,
  body.order-editor-page .editor-source-field,
  body.order-editor-page .editor-named-field{width:auto!important}
  body.order-editor-page .editor-product-field select{width:122px!important}
  body.order-editor-page .editor-source-field select{width:150px!important}
  body.order-editor-page .editor-actions .btn,
  body.order-editor-page .editor-named-field > label.checkline,
  body.order-editor-page .editor-named-field #namedConfigure,
  body.order-editor-page .editor-product-field select,
  body.order-editor-page .editor-source-field select{width:auto!important;min-width:0!important}
  body.order-editor-page .order-a4-main .live-a4-stage{max-width:100%!important;width:100%!important;justify-content:center!important}
}
@media(max-width:720px){
  body.order-editor-page .order-a4-mainbar{grid-template-columns:34px minmax(0,1fr)!important}
  body.order-editor-page .editor-quick{grid-column:1 / -1!important;grid-row:2!important;overflow-x:auto!important;padding-bottom:2px!important}
  body.order-editor-page .editor-actions{grid-column:1 / -1!important;grid-row:3!important;justify-content:flex-end!important;width:100%!important}
}


/* v1.1.30 — Teklif yazdır/PDF: ekrandaki 980×1386 A4'ü birebir 210×297mm'ye oturt. */
@media print{
  @page{size:A4 portrait;margin:0}
  html,body{width:210mm!important;height:297mm!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important}
  body.quote-printing .sidebar,
  body.quote-printing .topbar,
  body.quote-printing .quote-editor-toolbar{display:none!important}
  body.quote-printing .app,
  body.quote-printing .main,
  body.quote-printing #view,
  body.quote-printing .quote-direct-form,
  body.quote-printing .quote-sheet-stage{
    display:block!important;
    position:relative!important;
    width:210mm!important;
    min-width:210mm!important;
    max-width:210mm!important;
    height:297mm!important;
    min-height:297mm!important;
    max-height:297mm!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.quote-printing .quote-a4-edit{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:980px!important;
    min-width:980px!important;
    max-width:980px!important;
    height:1386px!important;
    min-height:1386px!important;
    max-height:1386px!important;
    margin:0!important;
    padding:34px 46px 38px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#fff!important;
    color:#111318!important;
    overflow:hidden!important;
    zoom:1!important;
    transform:scale(0.80994)!important;
    transform-origin:top left!important;
  }
  /* Baskıda ekran yerleşimini değiştiren eski kuralları etkisizleştir. */
  body.quote-printing .quote-a4-head{
    min-height:0!important;
    padding-bottom:18px!important;
    gap:24px!important;
    align-items:flex-start!important;
  }
  body.quote-printing .quote-brand-editor{width:auto!important;min-width:0!important;max-width:none!important}
  body.quote-printing .quote-brand-choice{width:250px!important;min-width:0!important;min-height:70px!important}
  body.quote-printing .quote-brand-visual{display:flex!important;width:250px!important;height:70px!important}
  body.quote-printing .quote-brand-visual img{max-width:240px!important;max-height:66px!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
  body.quote-printing .quote-brand-visual b{max-width:240px!important;font-size:24px!important}
  body.quote-printing .quote-doc-title{margin-top:12px!important}
  body.quote-printing .quote-no{min-width:230px!important}
  body.quote-printing .quote-customer{padding:15px 0!important;gap:10px 16px!important}
  body.quote-printing .quote-customer input,
  body.quote-printing .quote-customer textarea,
  body.quote-printing .quote-no input{font-size:11px!important}
  body.quote-printing .quote-products-edit{margin-top:18px!important;min-height:0!important}
  body.quote-printing .quote-products-cols,
  body.quote-printing .quote-a4-row{
    grid-template-columns:34px minmax(150px,1.15fr) minmax(260px,2fr) 90px 120px 130px 34px!important;
    gap:10px!important;
  }
  body.quote-printing .quote-a4-bottom-edit{
    margin-top:24px!important;
    grid-template-columns:minmax(0,1fr) 330px!important;
    gap:34px!important;
  }
  body.quote-printing .quote-a4-bottom-edit .quote-notes{min-height:130px!important}
  body.quote-printing .quote-a4-bottom-edit .quote-notes textarea{min-height:96px!important}
  body.quote-printing .quote-totals-edit .vat-edit{grid-template-columns:1fr 70px 110px!important}
  body.quote-printing .quote-size-wrap-full{margin:8px 0 2px 34px!important;padding:9px 10px!important;border:1px solid #e1e5ea!important;background:#fafbfc!important}
  body.quote-printing .quote-size-group{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:8px!important;margin:0!important;padding:7px!important;border:1px solid #e2e6eb!important;background:#fff!important}
  body.quote-printing .quote-size-flex{display:grid!important;grid-template-columns:repeat(6,minmax(64px,1fr))!important;gap:5px!important}
  body.quote-printing .quote-size-cell{display:grid!important;grid-template-columns:minmax(0,1fr) 34px 14px!important;gap:2px!important;padding:3px 4px!important}
  body.quote-printing .quote-size-cell input{height:23px!important;padding:2px!important;font-size:8px!important}
  body.quote-printing .quote-group-preset,
  body.quote-printing .quote-add-inline,
  body.quote-printing .quote-remove,
  body.quote-printing .quote-size-group-remove,
  body.quote-printing .quote-size-add,
  body.quote-printing [data-q-size-remove]{display:none!important}
  body.quote-printing .quote-a4-edit :is(input,textarea,select){
    background:transparent!important;
    box-shadow:none!important;
    color:#111318!important;
    -webkit-text-fill-color:#111318!important;
  }
}


/* v1.1.31 — Teklif çıktısı: editör DOM'unu izole baskı katmanına birebir klonla. */
#quotePrintRoot{display:none}
@media print{
  @page{size:A4 portrait;margin:0}
  body.quote-clone-printing{margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important}
  body.quote-clone-printing .app,
  body.quote-clone-printing #modalRoot{display:none!important}
  body.quote-clone-printing #quotePrintRoot{
    display:block!important;
    position:fixed!important;
    left:0!important;top:0!important;
    width:210mm!important;height:297mm!important;
    margin:0!important;padding:0!important;
    background:#fff!important;
    overflow:hidden!important;
    z-index:2147483647!important;
  }
  body.quote-clone-printing #quotePrintRoot .quote-print-clone{
    position:absolute!important;
    left:0!important;top:0!important;
    width:980px!important;min-width:980px!important;max-width:980px!important;
    height:1386px!important;min-height:1386px!important;max-height:1386px!important;
    margin:0!important;
    padding:42px 48px 44px!important;
    box-sizing:border-box!important;
    background:#fff!important;color:#111318!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    overflow:hidden!important;
    transform:scale(.81)!important;
    transform-origin:top left!important;
    zoom:1!important;
  }
  body.quote-clone-printing #quotePrintRoot .quote-print-clone *{box-sizing:border-box!important;color-scheme:light!important}
  body.quote-clone-printing #quotePrintRoot .quote-print-clone :is(input,textarea,select){
    color:#111318!important;-webkit-text-fill-color:#111318!important;
    background:#fff!important;box-shadow:none!important;
  }
  body.quote-clone-printing #quotePrintRoot .quote-print-clone select{
    appearance:none!important;-webkit-appearance:none!important;background-image:none!important;
  }
  body.quote-clone-printing #quotePrintRoot .quote-print-clone input[type=date]::-webkit-calendar-picker-indicator{display:none!important}
  body.quote-clone-printing #quotePrintRoot .quote-print-clone .quote-brand-visual,
  body.quote-clone-printing #quotePrintRoot .quote-print-clone .quote-brand-choice{
    overflow:visible!important;
  }
}


/* v1.1.32 — Teklif baskısı: transform yerine layout'u gerçekten küçülten zoom. */
@media print{
  @page{size:A4 portrait;margin:0!important}
  html:has(body.quote-clone-printing),
  body.quote-clone-printing{
    width:210mm!important;
    min-width:210mm!important;
    max-width:210mm!important;
    height:297mm!important;
    min-height:297mm!important;
    max-height:297mm!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.quote-clone-printing .app,
  body.quote-clone-printing #modalRoot{display:none!important}
  body.quote-clone-printing #quotePrintRoot{
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:210mm!important;
    min-width:210mm!important;
    max-width:210mm!important;
    height:297mm!important;
    min-height:297mm!important;
    max-height:297mm!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
    break-after:avoid!important;
    page-break-after:avoid!important;
  }
  body.quote-clone-printing #quotePrintRoot .quote-print-clone{
    position:static!important;
    display:block!important;
    width:980px!important;
    min-width:980px!important;
    max-width:980px!important;
    height:1386px!important;
    min-height:1386px!important;
    max-height:1386px!important;
    margin:0!important;
    padding:42px 48px 44px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    color:#111318!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    transform:none!important;
    transform-origin:initial!important;
    zoom:.8099!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  body.quote-clone-printing #quotePrintRoot .quote-print-clone *{
    box-sizing:border-box!important;
    color-scheme:light!important;
  }
  body.quote-clone-printing #quotePrintRoot .quote-print-clone :is(input,textarea,select){
    color:#111318!important;
    -webkit-text-fill-color:#111318!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.quote-clone-printing #quotePrintRoot .quote-print-clone select{
    appearance:none!important;
    -webkit-appearance:none!important;
    background-image:none!important;
  }
  body.quote-clone-printing #quotePrintRoot .quote-print-clone input[type=date]::-webkit-calendar-picker-indicator{display:none!important}
}


/* v1.1.35 — Bandana teklifinde Detay / Beden kolonu tamamen kalkar */
.quote-products-edit.quote-no-detail .quote-col-detail,
.quote-products-edit.quote-no-detail .quote-row-detail{display:none!important}
.quote-products-edit.quote-no-detail .quote-products-cols,
.quote-products-edit.quote-no-detail .quote-a4-row{
  grid-template-columns:34px minmax(220px,1fr) 100px 135px 145px 34px!important;
  gap:12px!important;
}
.quote-products-edit.quote-no-detail .quote-products-cols span:nth-child(n+3){text-align:right!important}
.quote-products-edit.quote-no-detail .quote-row-product{min-width:0!important}
.quote-products-edit.quote-no-detail .quote-row-product input{width:100%!important}
.quote-a4-table.no-detail th:nth-child(n+3),.quote-a4-table.no-detail td:nth-child(n+3){text-align:right!important}
@media(max-width:700px){
  .quote-products-edit.quote-no-detail .quote-products-cols,
  .quote-products-edit.quote-no-detail .quote-a4-row{grid-template-columns:28px minmax(180px,1fr) 80px 105px 115px 30px!important;gap:7px!important}
}
\n/* v1.1.36 — Teklif: sosyal medya müşterisi seçeneği */\n.quote-social-toggle{display:inline-flex;align-items:center;gap:7px;margin-left:6px;padding:6px 9px;border:1px solid #d9dee5;border-radius:9px;background:#fff;cursor:pointer;user-select:none;white-space:nowrap}\n.quote-social-toggle input{position:absolute;opacity:0;pointer-events:none}.quote-social-toggle i{width:17px;height:17px;border:1.5px solid #aab2bd;border-radius:5px;background:#fff;position:relative;flex:0 0 auto}.quote-social-toggle input:checked+i{background:#5b5cf0;border-color:#5b5cf0}.quote-social-toggle input:checked+i:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:800 11px/1 Arial}.quote-social-toggle strong{font-size:11px;color:#252a31}.quote-social-toggle:has(input:checked){border-color:#8c8df6;background:#f1f1ff;box-shadow:0 0 0 2px rgba(91,92,240,.08)}\n[data-theme=\"dark\"] .quote-social-toggle{background:#252b32;border-color:#444d58}.quote-social-toggle .hidden{display:none!important}.quote-customer-edit .quote-social-field.hidden{display:none!important}\n@media(max-width:900px){.quote-social-toggle{margin-left:0;padding:5px 7px}.quote-social-toggle strong{font-size:10px}}\n
/* v1.1.37 — Bandana satırı tek seçim + canlı hesap */
.quote-a4-edit .quote-row-product .quote-product-name.hidden{display:none!important}
.quote-products-edit.quote-no-detail .quote-row-product{display:block!important}
.quote-products-edit.quote-no-detail .quote-row-product select{width:100%!important;max-width:none!important}


/* v1.1.38 — Teklif logo yenileme + kompakt kurumsal editör düzeni */
body.quote-editor-page .quote-a4-edit{
  padding:28px 38px 34px!important;
  border-radius:4px!important;
}
body.quote-editor-page .quote-a4-edit .quote-a4-head{
  min-height:74px!important;
  padding-bottom:12px!important;
  gap:20px!important;
  align-items:flex-start!important;
}
body.quote-editor-page .quote-brand-editor{
  min-width:220px!important;
  max-width:300px!important;
}
body.quote-editor-page .quote-brand-choice{
  width:230px!important;
  min-height:58px!important;
}
body.quote-editor-page .quote-brand-choice select{
  width:230px!important;
  height:34px!important;
  margin-top:2px!important;
  border-radius:7px!important;
  font-size:10px!important;
}
body.quote-editor-page .quote-brand-visual{
  width:230px!important;
  height:58px!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
body.quote-editor-page .quote-brand-visual.hidden{display:none!important}
body.quote-editor-page .quote-brand-visual img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:220px!important;
  max-height:54px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.quote-editor-page .quote-brand-visual b{
  max-width:220px!important;
  font-size:22px!important;
}
body.quote-editor-page .quote-doc-title{margin-top:7px!important;font-size:8px!important}
body.quote-editor-page .quote-no{min-width:210px!important}
body.quote-editor-page .quote-no span{font-size:7px!important}
body.quote-editor-page .quote-number-input{height:31px!important;font-size:16px!important;padding:2px 0!important}
body.quote-editor-page .quote-no label{margin-top:5px!important}
body.quote-editor-page .quote-no input[type=date]{height:29px!important;font-size:10px!important;padding:2px 0!important}
body.quote-editor-page .quote-customer{
  padding:11px 0!important;
  gap:8px 14px!important;
}
body.quote-editor-page .quote-customer span{font-size:7px!important;margin-bottom:2px!important}
body.quote-editor-page .quote-customer :is(input,textarea){
  min-height:28px!important;
  height:28px!important;
  padding:3px 2px!important;
  font-size:10px!important;
  border-radius:0!important;
  border:0!important;
  border-bottom:1px solid #cfd5dc!important;
}
body.quote-editor-page .quote-customer textarea{height:38px!important;min-height:38px!important;resize:none!important}
body.quote-editor-page .quote-products-edit{margin-top:12px!important;min-height:0!important}
body.quote-editor-page .quote-products-head{min-height:34px!important}
body.quote-editor-page .quote-products-cols{
  min-height:34px!important;
  padding:0 8px!important;
  align-items:center!important;
  font-size:8px!important;
}
body.quote-editor-page .quote-add-inline{
  height:28px!important;
  padding:0 9px!important;
  border-radius:7px!important;
  font-size:9px!important;
}
body.quote-editor-page .quote-a4-item{
  margin-top:6px!important;
  padding:0!important;
  border-radius:9px!important;
}
body.quote-editor-page .quote-a4-row{
  min-height:46px!important;
  align-items:center!important;
  padding:5px 8px!important;
}
body.quote-editor-page .quote-a4-row :is(input,select){
  height:29px!important;
  min-height:29px!important;
  padding:3px 5px!important;
  font-size:10px!important;
}
body.quote-editor-page .quote-row-total{font-size:10px!important}
body.quote-editor-page .quote-remove{width:26px!important;height:26px!important;font-size:16px!important}
body.quote-editor-page .quote-size-wrap-full{
  margin:5px 8px 7px 34px!important;
  padding:7px 8px!important;
  border-radius:7px!important;
}
body.quote-editor-page .quote-group-preset{margin:0 0 6px!important}
body.quote-editor-page .quote-size-group{padding:6px!important;gap:6px!important}
body.quote-editor-page .quote-size-flex{gap:4px!important}
body.quote-editor-page .quote-a4-bottom-edit{
  margin-top:16px!important;
  gap:24px!important;
  grid-template-columns:minmax(0,1fr) 285px!important;
}
body.quote-editor-page .quote-a4-bottom-edit .quote-notes{
  min-height:108px!important;
  padding:10px!important;
  border-radius:8px!important;
}
body.quote-editor-page .quote-a4-bottom-edit .quote-notes textarea{
  min-height:78px!important;
  height:78px!important;
  font-size:10px!important;
}
body.quote-editor-page .quote-totals>div{padding:5px 0!important;font-size:10px!important}
body.quote-editor-page .quote-totals .grand{padding-top:8px!important;font-size:13px!important}
body.quote-editor-page .quote-social-toggle{
  min-height:30px!important;
  padding:5px 8px!important;
  border-radius:8px!important;
}

/* v1.1.39 — teklif marka görseli kesin görünürlük */
body.quote-editor-page .quote-brand-choice{display:block!important;position:relative!important}
body.quote-editor-page .quote-brand-choice select.hidden{display:none!important}
body.quote-editor-page .quote-brand-visual:not(.hidden){display:flex!important;visibility:visible!important;opacity:1!important}
body.quote-editor-page .quote-brand-visual img{visibility:visible!important;opacity:1!important}
\n/* v1.1.40 — teklif marka seçimi: seçim sonrası logo sol üstte kesin görünür */\nbody.quote-editor-page #quoteBrandVisual{align-items:center!important;justify-content:flex-start!important;width:250px!important;height:70px!important;min-height:70px!important;border:0!important;background:transparent!important;padding:0!important;overflow:hidden!important}\nbody.quote-editor-page #quoteBrandVisual img{display:block!important;max-width:240px!important;max-height:64px!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important}\nbody.quote-editor-page #quoteBrandVisual b{display:block!important;font:800 25px/1.05 'Syne',sans-serif!important;color:#111318!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:240px!important}\n

/* v1.1.41 — teklif marka/logo alanı kesin görünürlük düzeltmesi */
body.quote-editor-page .quote-brand-choice{width:250px!important;min-height:70px!important;position:relative!important}
body.quote-editor-page #quoteBrandSelect.hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body.quote-editor-page #quoteBrandVisual:not(.hidden){display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;width:250px!important;height:70px!important;align-items:center!important;justify-content:flex-start!important}
body.quote-editor-page #quoteBrandVisual img{display:block!important;visibility:visible!important;opacity:1!important;max-width:235px!important;max-height:62px!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
body.quote-editor-page #quoteBrandVisual b{display:block!important;font:800 25px/1.05 'Syne',sans-serif!important;color:#111318!important}


/* v1.1.42 — Teklif marka/logo: sipariş formundaki çalışan bileşen birebir kullanılır */
body.quote-editor-page .quote-brand-editor{position:relative!important;min-height:72px!important}
body.quote-editor-page .quote-a4-brand-select{
  position:relative!important;left:auto!important;top:auto!important;
  width:250px!important;height:66px!important;min-height:66px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
}
body.quote-editor-page .quote-a4-brand-select select{
  width:250px!important;height:38px!important;margin:0!important;
  padding:5px 34px 5px 10px!important;border:1px solid #d6dbe2!important;border-radius:8px!important;
  background:#fff!important;color:#111318!important;font-size:11px!important;font-weight:700!important;
}
body.quote-editor-page .quote-a4-brand-select select.hidden{display:none!important}
body.quote-editor-page .quote-a4-brand-select .a4-brand-visual-btn{
  width:250px!important;max-width:250px!important;height:66px!important;
  border:0!important;background:transparent!important;padding:0!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  cursor:pointer!important;overflow:hidden!important;
}
body.quote-editor-page .quote-a4-brand-select .a4-brand-visual-btn.hidden{display:none!important}
body.quote-editor-page .quote-a4-brand-select .a4-brand-visual-btn img{
  display:block!important;max-width:240px!important;max-height:62px!important;width:auto!important;height:auto!important;
  object-fit:contain!important;object-position:left center!important;
}
body.quote-editor-page .quote-a4-brand-select .a4-brand-visual-btn b{
  display:block!important;max-width:240px!important;font:800 24px/1.05 'Syne',sans-serif!important;
  color:#111318!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html[data-theme="dark"] body.quote-editor-page .quote-a4-brand-select select{background:#fff!important;color:#111318!important}
\n/* v1.1.43 — teklif logo doğrudan seçili option verisinden çizilir */
body.quote-editor-page .quote-a4-brand-select.has-brand #quoteBrandSelect{display:none!important}
body.quote-editor-page .quote-a4-brand-select.has-brand #quoteBrandVisual{display:flex!important;visibility:visible!important;opacity:1!important}
body.quote-editor-page #quoteBrandVisual img{display:block!important;max-width:240px!important;max-height:62px!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important}

/* v1.1.44 — Teklif marka alanı sıfırdan tek bileşen; eski hidden/display zinciri kullanılmaz */
body.quote-editor-page .quote-brand-mount{
  width:250px!important;
  min-height:66px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
body.quote-editor-page .quote-brand-mount select{
  width:250px!important;
  height:38px!important;
  margin:0!important;
  padding:5px 34px 5px 10px!important;
  border:1px solid #d6dbe2!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#111318!important;
  font-size:11px!important;
  font-weight:700!important;
  appearance:auto!important;
}
body.quote-editor-page .quote-brand-selected{
  width:250px!important;
  height:66px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
body.quote-editor-page .quote-brand-selected img{
  display:block!important;
  max-width:240px!important;
  max-height:62px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.quote-editor-page .quote-brand-selected b{
  display:block!important;
  max-width:240px!important;
  font:800 24px/1.05 'Syne',sans-serif!important;
  color:#111318!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


/* v1.1.45 — Teklif: sipariş formundaki marka bileşeni birebir + Kargo Teslim Süresi */
body.quote-editor-page .quote-brand-editor{min-width:250px!important;min-height:72px!important;display:block!important}
body.quote-editor-page .quote-brand-editor>.a4-brand-select{position:relative!important;left:auto!important;top:auto!important;width:250px!important;height:66px!important;min-height:66px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0!important}
body.quote-editor-page .quote-brand-editor>.a4-brand-select select[data-form-name="brandId"]{display:block!important;width:250px!important;height:38px!important;margin:0!important;padding:5px 34px 5px 10px!important;border:1px solid #d6dbe2!important;border-radius:8px!important;background:#fff!important;color:#111318!important;font-size:11px!important;font-weight:700!important}
body.quote-editor-page .quote-brand-editor>.a4-brand-select select[data-form-name="brandId"].hidden{display:none!important}
body.quote-editor-page .quote-brand-editor>.a4-brand-select .a4-brand-visual-btn{display:flex!important;width:250px!important;height:66px!important;min-height:66px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important;cursor:pointer!important}
body.quote-editor-page .quote-brand-editor>.a4-brand-select .a4-brand-visual-btn.hidden{display:none!important}
body.quote-editor-page .quote-brand-editor>.a4-brand-select .a4-brand-visual-btn img{display:block!important;max-width:240px!important;max-height:62px!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
body.quote-editor-page .quote-brand-editor>.a4-brand-select .a4-brand-visual-btn b{display:block!important;max-width:240px!important;font:800 24px/1.05 'Syne',sans-serif!important;color:#111318!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.quote-editor-page .quote-delivery-input{display:flex!important;align-items:center!important;gap:5px!important;border-bottom:1px solid #cfd5dc!important;height:28px!important}
body.quote-editor-page .quote-delivery-input input{border:0!important;border-bottom:0!important;min-width:0!important;width:64px!important;height:26px!important;padding:2px 0!important;background:#fff!important;color:#111318!important}
body.quote-editor-page .quote-delivery-input b{font-size:9px!important;color:#6b7280!important;white-space:nowrap!important}
\n\n/* v1.1.46 — teklif marka/logo: CSS çatışmasından bağımsız doğrudan bileşen */\nbody.quote-editor-page .quote-brand-editor{min-width:260px!important;min-height:72px!important;display:block!important}\nbody.quote-editor-page .quote-brand-direct{position:relative!important;width:260px!important;height:68px!important;min-height:68px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}\nbody.quote-editor-page .quote-brand-direct select{display:block;width:260px!important;height:40px!important;margin:0!important;padding:5px 36px 5px 12px!important;border:1px solid #d5dae2!important;border-radius:9px!important;background:#fff!important;color:#111318!important;font:700 12px 'DM Sans',sans-serif!important}\nbody.quote-editor-page .quote-brand-direct-visual{display:none;width:260px!important;height:68px!important;min-height:68px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important;cursor:pointer!important}\nbody.quote-editor-page .quote-brand-direct-visual img{display:block!important;max-width:250px!important;max-height:64px!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important}\nbody.quote-editor-page .quote-brand-direct-visual b{display:block!important;max-width:250px!important;font:800 24px/1.05 'Syne',sans-serif!important;color:#111318!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}\nhtml[data-theme="dark"] body.quote-editor-page .quote-brand-direct select{background:#fff!important;color:#111318!important;border-color:#d5dae2!important}\n@media print{body.quote-printing .quote-brand-direct select{display:none!important}body.quote-printing .quote-brand-direct-visual{display:flex!important}}\n

/* v1.1.47 — Teklif formu: Yeni Sipariş ile aynı kompakt marka/logo dili */
body.quote-editor-page .quote-a4-edit{
  padding:28px 38px 30px!important;
}
body.quote-editor-page .quote-a4-head{
  min-height:72px!important;
  padding-bottom:12px!important;
  align-items:flex-start!important;
}
body.quote-editor-page .quote-brand-editor{
  width:230px!important;
  min-width:230px!important;
  max-width:230px!important;
  min-height:52px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  position:relative!important;
}
body.quote-editor-page .quote-brand-editor>.a4-brand-select{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:230px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
body.quote-editor-page .quote-brand-editor>.a4-brand-select select[data-form-name="brandId"]{
  display:block!important;
  width:190px!important;
  min-width:190px!important;
  max-width:190px!important;
  height:30px!important;
  margin:0!important;
  padding:3px 26px 3px 7px!important;
  border:1px solid #d9dde3!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#111827!important;
  font:800 10px/1 'DM Sans',sans-serif!important;
}
body.quote-editor-page .quote-brand-editor>.a4-brand-select select[data-form-name="brandId"].hidden{display:none!important}
body.quote-editor-page .quote-brand-editor>.a4-brand-select .a4-brand-visual-btn{
  display:flex!important;
  width:auto!important;
  max-width:225px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
body.quote-editor-page .quote-brand-editor>.a4-brand-select .a4-brand-visual-btn.hidden{display:none!important}
body.quote-editor-page .quote-brand-editor>.a4-brand-select .a4-brand-visual-btn img{
  display:block!important;
  max-width:215px!important;
  max-height:32px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.quote-editor-page .quote-brand-editor>.a4-brand-select .a4-brand-visual-btn b{
  display:block!important;
  max-width:215px!important;
  font:800 16px/1 'Syne',sans-serif!important;
  color:#111827!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.quote-editor-page .quote-doc-title{
  margin:0!important;
  padding:0!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
}
body.quote-editor-page .quote-no{
  min-width:220px!important;
}
body.quote-editor-page .quote-customer{
  padding:12px 0 10px!important;
  gap:9px 16px!important;
}
body.quote-editor-page .quote-customer span{font-size:7px!important;margin-bottom:2px!important}
body.quote-editor-page .quote-customer :is(input,textarea){font-size:10px!important;min-height:28px!important}
body.quote-editor-page .quote-customer textarea{height:34px!important;min-height:34px!important}
body.quote-editor-page .quote-delivery-field{margin-top:0!important}
body.quote-editor-page .quote-products-edit{margin-top:10px!important}
body.quote-editor-page .quote-products-head{min-height:32px!important}
body.quote-editor-page .quote-products-cols{min-height:32px!important}
body.quote-editor-page .quote-a4-row{min-height:42px!important}
body.quote-editor-page .quote-a4-bottom-edit{margin-top:14px!important;gap:18px!important}
body.quote-editor-page .quote-notes textarea{min-height:72px!important}
/* Eski teklif logo bileşenleri artık görünmesin */
body.quote-editor-page .quote-brand-direct,
body.quote-editor-page .quote-brand-mount,
body.quote-editor-page .quote-brand-choice{display:none!important}
html[data-theme="dark"] body.quote-editor-page .quote-brand-editor>.a4-brand-select select[data-form-name="brandId"]{background:#fff!important;color:#111827!important;border-color:#d9dde3!important}
@media(max-width:900px){
  body.quote-editor-page .quote-brand-editor{width:200px!important;min-width:200px!important;max-width:200px!important}
  body.quote-editor-page .quote-brand-editor>.a4-brand-select{width:200px!important}
  body.quote-editor-page .quote-brand-editor>.a4-brand-select select[data-form-name="brandId"]{width:180px!important;min-width:180px!important;max-width:180px!important}
  body.quote-editor-page .quote-brand-editor>.a4-brand-select .a4-brand-visual-btn img{max-width:190px!important}
}

/* v1.1.48 — Readable quote sheet; shared order brand control. */
body.quote-editor-page .quote-a4-edit{padding:48px 54px!important;overflow:visible!important;box-shadow:0 8px 32px #16203312!important}
body.quote-editor-page .quote-a4-edit .quote-a4-head{min-height:115px!important;padding-bottom:24px!important;gap:32px!important}
body.quote-editor-page .quote-brand-editor{width:300px!important;min-width:300px!important;max-width:300px!important;gap:14px!important}
body.quote-editor-page .quote-brand-editor>.a4-brand-select{width:280px!important;height:64px!important;min-height:64px!important}
body.quote-editor-page .quote-brand-editor>.a4-brand-select select[data-form-name="brandId"]{width:250px!important;min-width:250px!important;max-width:250px!important;height:44px!important;font-size:14px!important;padding:8px 12px!important}
body.quote-editor-page .quote-brand-editor>.a4-brand-select .a4-brand-visual-btn{height:64px!important;min-height:64px!important;max-width:280px!important}
body.quote-editor-page .quote-brand-editor>.a4-brand-select .a4-brand-visual-btn img{max-width:270px!important;max-height:64px!important}
body.quote-editor-page .quote-brand-editor>.a4-brand-select .a4-brand-visual-btn b{font-size:26px!important;max-width:280px!important}
body.quote-editor-page .quote-doc-title{font-size:11px!important;letter-spacing:.18em!important}
body.quote-editor-page .quote-no span,body.quote-editor-page .quote-no small{font-size:11px!important}
body.quote-editor-page .quote-number-input{font-size:23px!important;height:38px!important}
body.quote-editor-page .quote-no input[type=date]{height:34px!important;font-size:14px!important}
body.quote-editor-page .quote-customer{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:26px 0!important;gap:18px 32px!important}
body.quote-editor-page .quote-customer .wide{grid-column:1/-1!important}
body.quote-editor-page .quote-customer span{font-size:11px!important;margin-bottom:5px!important;line-height:1.4!important}
body.quote-editor-page .quote-customer :is(input,textarea){height:36px!important;min-height:36px!important;font-size:15px!important;padding:5px 2px!important}
body.quote-editor-page .quote-customer textarea{height:52px!important;min-height:52px!important}
body.quote-editor-page .quote-products-edit{margin-top:24px!important}
body.quote-editor-page .quote-products-cols,body.quote-editor-page .quote-a4-row{grid-template-columns:28px minmax(130px,1fr) minmax(140px,1fr) 70px 105px 115px 28px!important;gap:10px!important}
body.quote-editor-page .quote-products-edit.quote-no-detail .quote-products-cols,body.quote-editor-page .quote-products-edit.quote-no-detail .quote-a4-row{grid-template-columns:28px minmax(180px,1fr) 80px 115px 125px 28px!important}
body.quote-editor-page .quote-products-cols{font-size:11px!important;min-height:42px!important}
body.quote-editor-page .quote-products-head{min-height:42px!important}
body.quote-editor-page .quote-add-inline{font-size:12px!important;height:32px!important}
body.quote-editor-page .quote-a4-row{min-height:60px!important;padding:10px 8px!important}
body.quote-editor-page .quote-a4-row :is(input,select){font-size:14px!important;min-height:36px!important;height:36px!important}
body.quote-editor-page .quote-row-total{font-size:14px!important}
body.quote-editor-page .quote-a4-bottom-edit{margin-top:28px!important;gap:28px!important;grid-template-columns:minmax(0,1fr) 300px!important}
body.quote-editor-page .quote-a4-bottom-edit .quote-notes{padding:18px!important;min-height:170px!important}
body.quote-editor-page .quote-a4-bottom-edit .quote-notes textarea{font-size:14px!important;line-height:1.6!important;min-height:130px!important;height:auto!important}
body.quote-editor-page .quote-notes>span{font-size:11px!important}
body.quote-editor-page .quote-totals-edit>div{font-size:14px!important;min-height:38px!important;padding:9px 0!important}
body.quote-editor-page .quote-totals-edit .grand{font-size:18px!important;padding-top:16px!important}
body.quote-editor-page .quote-editor-toolbar{gap:16px!important;flex-wrap:wrap!important}
body.quote-editor-page .quote-editor-actions{flex-wrap:wrap!important}
body.quote-editor-page .quote-sheet-stage{display:block!important;padding:24px 10px 48px!important;overflow:visible!important}
body.quote-editor-page .quote-products-head{display:grid!important;grid-template-columns:1fr!important;padding:8px!important;gap:8px!important}
body.quote-editor-page .quote-add-inline{grid-row:1;justify-self:end}
body.quote-editor-page .quote-products-cols{padding:0!important}
body.quote-editor-page .quote-size-wrap-full{padding:12px!important;margin:8px 8px 12px 36px!important}
body.quote-editor-page .quote-size-group{padding:10px!important;gap:8px!important}
body.quote-editor-page .quote-size-flex{gap:6px!important}

/* v1.1.50: one consistent, readable hierarchy for the quote editor. */
#quoteForm .quote-a4-edit{padding:38px 40px!important;font:16px/1.45 'DM Sans',Arial,sans-serif!important;gap:0!important;color:#17202b!important}
#quoteForm .quote-a4-head{min-height:112px!important;padding:0 0 22px!important;align-items:flex-start!important;gap:28px!important;border-bottom:2px solid #263444!important}
#quoteForm .quote-brand-editor{gap:12px!important;min-width:250px!important;width:280px!important;max-width:280px!important}
#quoteForm .quote-doc-title{font-size:16px!important;line-height:1.3!important;letter-spacing:.09em!important;color:#334155!important}
#quoteForm .quote-no{min-width:210px!important}
#quoteForm .quote-no span,#quoteForm .quote-no small{font-size:13px!important;line-height:1.4!important;letter-spacing:.02em!important;color:#566170!important}
#quoteForm .quote-number-input{font-size:26px!important;font-weight:800!important;height:38px!important}
#quoteForm .quote-no input[type=date]{font-size:16px!important;height:34px!important}
#quoteForm .quote-customer{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px 22px!important;padding:24px 0!important;align-items:start!important}
#quoteForm .quote-customer>div{grid-column:span 2!important}
#quoteForm .quote-customer .wide{grid-column:span 2!important}
#quoteForm .quote-customer>div:has([name=validUntil]),#quoteForm .quote-customer .quote-delivery-field{grid-column:span 1!important}
#quoteForm .quote-customer span,#quoteForm .quote-notes>span{font-size:13px!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;color:#566170!important;font-weight:600!important;margin-bottom:5px!important}
#quoteForm .quote-customer :is(input,textarea){font-size:18px!important;font-weight:600!important;line-height:1.45!important;height:38px!important;min-height:38px!important;padding:5px 0!important;border-bottom:1px solid #d2d8e0!important}
#quoteForm .quote-customer [name=companyName]{font-size:20px!important;font-weight:700!important}
#quoteForm .quote-customer textarea{height:60px!important;min-height:60px!important;resize:vertical!important}
#quoteForm .quote-delivery-input{display:flex!important;align-items:center!important;gap:6px!important}
#quoteForm .quote-delivery-input input{width:60px!important}
#quoteForm .quote-delivery-input b{font-size:16px!important}
#quoteForm .quote-products-edit{flex:1 0 auto!important;min-height:280px!important;margin-top:24px!important}
#quoteForm .quote-products-head{display:grid!important;grid-template-columns:1fr auto!important;gap:16px 12px!important;padding:0!important;background:transparent!important}
#quoteForm .quote-section-heading{grid-column:1;grid-row:1;margin:0!important;font-size:17px!important;font-weight:700!important;color:#263444!important}
#quoteForm .quote-add-inline{grid-column:2;grid-row:1;font-size:14px!important;height:36px!important;padding:0 12px!important;background:#f1f4f7!important;color:#263444!important;box-shadow:none!important}
#quoteForm .quote-products-cols{grid-column:1/-1;grid-row:2;min-height:44px!important;padding:10px 8px!important;background:#eef2f5!important;color:#465363!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;border-radius:6px!important}
#quoteForm .quote-products-cols,#quoteForm .quote-a4-row{grid-template-columns:24px minmax(125px,1fr) minmax(110px,1fr) 64px 108px 116px 26px!important;gap:8px!important;align-items:center!important}
#quoteForm .quote-no-detail .quote-products-cols,#quoteForm .quote-no-detail .quote-a4-row{grid-template-columns:24px minmax(165px,1fr) 76px 120px 132px 26px!important;gap:8px!important}
#quoteForm .quote-a4-item{margin:0!important;border:0!important;border-bottom:1px solid #e0e5eb!important;border-radius:0!important;padding:0!important}
#quoteForm .quote-a4-row{min-height:66px!important;padding:12px 8px!important;font-size:16px!important}
#quoteForm .quote-row-product{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
#quoteForm .quote-a4-row :is(input,select){height:38px!important;min-height:38px!important;font-size:17px!important;line-height:1.4!important;padding:5px 3px!important}
#quoteForm .quote-row-total{font-size:17px!important;font-weight:700!important;padding:0!important;white-space:nowrap!important}
#quoteForm .quote-row-index{font-size:14px!important;padding:0!important;color:#64748b!important}
#quoteForm .quote-remove{width:26px!important;height:30px!important;font-size:20px!important}
#quoteForm .quote-size-wrap-full{margin:0 8px 14px 32px!important;padding:12px!important;background:#f7f9fb!important;border:0!important}
#quoteForm .quote-group-preset{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;margin-bottom:10px!important}
#quoteForm .quote-group-preset :is(span,button){font-size:13px!important;line-height:1.4!important}
#quoteForm .quote-group-preset button{padding:6px 8px!important}
#quoteForm .quote-size-group{grid-template-columns:1fr!important;padding:10px!important;gap:8px!important}
#quoteForm .quote-size-group-head{grid-template-columns:minmax(0,1fr) 24px!important}
#quoteForm .quote-size-group-head input{font-size:15px!important;height:32px!important}
#quoteForm .quote-size-flex{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
#quoteForm .quote-size-cell{grid-template-columns:minmax(0,1fr) 34px 14px!important;padding:4px!important}
#quoteForm .quote-size-cell input{font-size:13px!important;height:30px!important;margin:0!important}
#quoteForm .quote-size-add{font-size:13px!important;height:38px!important}
#quoteForm .quote-a4-bottom-edit{grid-template-columns:minmax(0,1fr) 300px!important;gap:28px!important;margin-top:28px!important;padding-top:22px!important;border-top:1px solid #d8dfe7!important;align-items:stretch!important}
#quoteForm .quote-a4-bottom-edit .quote-notes{padding:18px!important;min-height:185px!important;background:#f3f5f7!important;border-radius:8px!important}
#quoteForm .quote-a4-bottom-edit .quote-notes textarea{font-size:16px!important;line-height:1.65!important;min-height:140px!important;height:140px!important;padding:8px 0!important;background:transparent!important;resize:vertical!important;border:0!important}
#quoteForm .quote-totals-edit{justify-content:flex-start!important}
#quoteForm .quote-totals-edit>div{font-size:16px!important;min-height:40px!important;line-height:1.4!important;padding:10px 0!important;gap:8px!important}
#quoteForm .quote-totals-edit .vat-edit{display:grid!important;grid-template-columns:1fr 48px auto!important;align-items:center!important}
#quoteForm .quote-totals-edit .vat-edit input{font-size:16px!important;height:32px!important;padding:3px!important;text-align:center!important}
#quoteForm .quote-totals-edit .grand{font-family:'DM Sans',Arial,sans-serif!important;font-size:21px!important;padding:16px 0 0!important;border-top:2px solid #263444!important;margin-top:8px!important}
#quoteForm .quote-a4-edit :is(input,select,textarea):focus{outline:2px solid #b9c9db!important;outline-offset:2px!important}
#quoteForm .quote-editor-title{flex-wrap:wrap!important;gap:8px 14px!important}
#quoteForm .quote-editor-title>span{display:none!important}
#quoteForm .quote-social-toggle strong{font-size:13px!important}
@media(max-width:700px){
 #quoteForm .quote-a4-edit{padding:24px 18px!important}
 #quoteForm .quote-a4-head{gap:16px!important;flex-wrap:wrap!important}
 #quoteForm .quote-brand-editor{width:100%!important;min-width:0!important}
 #quoteForm .quote-no{min-width:0!important;width:100%!important;text-align:left!important}
 #quoteForm .quote-no input{text-align:left!important}
 #quoteForm .quote-customer{grid-template-columns:1fr 1fr!important;gap:16px!important}
 #quoteForm .quote-customer>div,#quoteForm .quote-customer .wide{grid-column:1/-1!important}
 #quoteForm .quote-products-edit{min-height:0!important}
 #quoteForm .quote-products-cols{display:none!important}
 #quoteForm .quote-a4-row,#quoteForm .quote-no-detail .quote-a4-row{grid-template-columns:1fr 1fr!important;gap:10px!important;position:relative!important;padding:16px 0!important}
 #quoteForm .quote-row-product{grid-column:1/-1!important;padding-right:34px!important}
 #quoteForm .quote-row-detail{grid-column:1/-1!important}
 #quoteForm .quote-row-index{display:none!important}
 #quoteForm .quote-remove{position:absolute!important;top:16px!important;right:0!important}
 #quoteForm .quote-row-qty:before{content:'Adet';font-size:13px;color:#566170;display:block;text-align:left}
 #quoteForm .quote-row-price:before{content:'Birim fiyat';font-size:13px;color:#566170;display:block;text-align:left}
 #quoteForm .quote-row-total{grid-column:1/-1!important;text-align:right!important}
 #quoteForm .quote-row-total:before{content:'Tutar  ';font-size:13px;font-weight:400;color:#566170}
 #quoteForm .quote-size-wrap-full{margin:0 0 12px!important;padding:8px!important}
 #quoteForm .quote-size-flex{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #quoteForm .quote-a4-bottom-edit{grid-template-columns:1fr!important}
 #quoteForm .quote-editor-toolbar{position:static!important;padding:12px!important}
 #quoteForm .quote-editor-actions{gap:6px!important}
 #quoteForm .quote-section-heading{font-size:15px!important}
}

/* v1.1.51 — Teklif A4 kompakt düzen + sosyal medya / ücretsiz tasarım hızlı butonları */
body.quote-editor-page #quoteForm .quote-editor-title{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
body.quote-editor-page #quoteForm .quote-social-toggle,
body.quote-editor-page #quoteForm .quote-design-support-btn{height:28px!important;min-height:28px!important;padding:0 8px!important;border:1px solid #d8dee6!important;border-radius:8px!important;background:#fff!important;color:#334155!important;display:inline-flex!important;align-items:center!important;gap:5px!important;box-shadow:none!important;white-space:nowrap!important;margin:0!important;cursor:pointer!important;font:700 10.5px/1 'DM Sans',sans-serif!important}
body.quote-editor-page #quoteForm .quote-social-toggle input{position:absolute!important;opacity:0!important;pointer-events:none!important}
body.quote-editor-page #quoteForm .quote-social-toggle .quote-social-icon{position:static!important;width:16px!important;height:16px!important;display:grid!important;place-items:center!important;border:1px solid #cbd3dc!important;border-radius:5px!important;background:#f6f8fa!important;color:#667085!important;font:800 10px/1 'DM Sans',sans-serif!important;font-style:normal!important;flex:0 0 16px!important}
body.quote-editor-page #quoteForm .quote-social-toggle .quote-social-icon:after{content:none!important}
body.quote-editor-page #quoteForm .quote-social-toggle strong,
body.quote-editor-page #quoteForm .quote-design-support-btn strong{font-size:10.5px!important;line-height:1!important;color:inherit!important}
body.quote-editor-page #quoteForm .quote-social-toggle:has(input:checked){border-color:#7b82ee!important;background:#f2f3ff!important;color:#4546bb!important}
body.quote-editor-page #quoteForm .quote-social-toggle:has(input:checked) .quote-social-icon{background:#5b5cf0!important;border-color:#5b5cf0!important;color:#fff!important}
body.quote-editor-page #quoteForm .quote-design-support-btn svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 15px!important}
body.quote-editor-page #quoteForm .quote-design-support-btn.active{border-color:#63a982!important;background:#eef9f2!important;color:#236b45!important}
body.quote-editor-page #quoteForm .quote-design-support-btn.active:after{content:'✓';font-size:10px;font-weight:900;margin-left:1px}

/* A4 yüksekliğini büyütmeden tişört + Erkek/Kadın/Çocuk gruplarını sığdıran yoğun düzen. */
body.quote-editor-page #quoteForm .quote-a4-edit{padding:26px 30px!important;font:12.5px/1.32 'DM Sans',Arial,sans-serif!important;overflow:hidden!important}
body.quote-editor-page #quoteForm .quote-a4-head{min-height:78px!important;padding:0 0 12px!important;gap:20px!important;border-bottom:1.5px solid #263444!important}
body.quote-editor-page #quoteForm .quote-brand-editor{gap:6px!important;min-width:220px!important;width:245px!important;max-width:245px!important}
body.quote-editor-page #quoteForm .quote-doc-title{font-size:12px!important;line-height:1.2!important;letter-spacing:.075em!important}
body.quote-editor-page #quoteForm .quote-no{min-width:170px!important}
body.quote-editor-page #quoteForm .quote-no span,
body.quote-editor-page #quoteForm .quote-no small{font-size:9.5px!important;line-height:1.25!important}
body.quote-editor-page #quoteForm .quote-number-input{font-size:19px!important;height:29px!important}
body.quote-editor-page #quoteForm .quote-no input[type=date]{font-size:12px!important;height:27px!important}
body.quote-editor-page #quoteForm .quote-customer{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px 14px!important;padding:12px 0!important}
body.quote-editor-page #quoteForm .quote-customer>div{grid-column:span 1!important}
body.quote-editor-page #quoteForm .quote-customer .wide{grid-column:span 2!important}
body.quote-editor-page #quoteForm .quote-customer span,
body.quote-editor-page #quoteForm .quote-notes>span{font-size:9.5px!important;line-height:1.2!important;margin-bottom:2px!important}
body.quote-editor-page #quoteForm .quote-customer :is(input,textarea){font-size:12.5px!important;font-weight:600!important;line-height:1.25!important;height:28px!important;min-height:28px!important;padding:2px 0!important}
body.quote-editor-page #quoteForm .quote-customer [name=companyName]{font-size:13.5px!important}
body.quote-editor-page #quoteForm .quote-customer textarea{height:35px!important;min-height:35px!important;resize:none!important}
body.quote-editor-page #quoteForm .quote-delivery-input{gap:4px!important}
body.quote-editor-page #quoteForm .quote-delivery-input input{width:44px!important}
body.quote-editor-page #quoteForm .quote-delivery-input b{font-size:11px!important}
body.quote-editor-page #quoteForm .quote-products-edit{flex:0 0 auto!important;min-height:0!important;margin-top:10px!important}
body.quote-editor-page #quoteForm .quote-products-head{gap:7px 9px!important}
body.quote-editor-page #quoteForm .quote-section-heading{font-size:12.5px!important}
body.quote-editor-page #quoteForm .quote-add-inline{font-size:10.5px!important;height:28px!important;padding:0 9px!important;border-radius:7px!important}
body.quote-editor-page #quoteForm .quote-products-cols{min-height:30px!important;padding:6px 6px!important;font-size:9.5px!important;border-radius:5px!important}
body.quote-editor-page #quoteForm .quote-products-cols,
body.quote-editor-page #quoteForm .quote-a4-row{grid-template-columns:20px minmax(118px,1fr) minmax(100px,1fr) 52px 86px 96px 22px!important;gap:6px!important}
body.quote-editor-page #quoteForm .quote-no-detail .quote-products-cols,
body.quote-editor-page #quoteForm .quote-no-detail .quote-a4-row{grid-template-columns:20px minmax(160px,1fr) 58px 94px 105px 22px!important}
body.quote-editor-page #quoteForm .quote-a4-row{min-height:43px!important;padding:5px 6px!important;font-size:11.5px!important}
body.quote-editor-page #quoteForm .quote-row-product{gap:2px!important}
body.quote-editor-page #quoteForm .quote-a4-row :is(input,select){height:28px!important;min-height:28px!important;font-size:11.5px!important;line-height:1.15!important;padding:2px 3px!important}
body.quote-editor-page #quoteForm .quote-row-total{font-size:11.5px!important}
body.quote-editor-page #quoteForm .quote-row-index{font-size:10px!important}
body.quote-editor-page #quoteForm .quote-remove{width:22px!important;height:24px!important;font-size:16px!important}
body.quote-editor-page #quoteForm .quote-size-wrap-full{margin:0 6px 6px 26px!important;padding:5px 6px!important;border-radius:6px!important}
body.quote-editor-page #quoteForm .quote-group-preset{gap:4px!important;margin:0 0 5px!important;flex-wrap:nowrap!important}
body.quote-editor-page #quoteForm .quote-group-preset :is(span,button){font-size:9px!important;line-height:1.1!important}
body.quote-editor-page #quoteForm .quote-group-preset button{height:24px!important;padding:0 6px!important;border-radius:5px!important;white-space:nowrap!important}
body.quote-editor-page #quoteForm [data-q-groups]{gap:4px!important}
body.quote-editor-page #quoteForm .quote-size-group{grid-template-columns:72px minmax(0,1fr)!important;padding:4px!important;gap:4px!important;border-radius:5px!important}
body.quote-editor-page #quoteForm .quote-size-group-head{grid-template-columns:minmax(0,1fr) 18px!important;gap:2px!important;align-self:start!important}
body.quote-editor-page #quoteForm .quote-size-group-head input{font-size:10px!important;height:24px!important;padding:2px 4px!important}
body.quote-editor-page #quoteForm .quote-size-group-remove{width:18px!important;height:24px!important;padding:0!important;font-size:13px!important}
body.quote-editor-page #quoteForm .quote-size-flex{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:3px!important}
body.quote-editor-page #quoteForm .quote-size-cell{grid-template-columns:minmax(0,1fr) 27px 11px!important;gap:1px!important;padding:2px!important;border-radius:4px!important;min-width:0!important}
body.quote-editor-page #quoteForm .quote-size-cell input{font-size:8.5px!important;height:21px!important;min-height:21px!important;padding:1px 2px!important}
body.quote-editor-page #quoteForm .quote-size-cell [data-q-size-remove]{width:11px!important;min-width:11px!important;height:21px!important;padding:0!important;font-size:10px!important}
body.quote-editor-page #quoteForm .quote-size-add{font-size:9px!important;height:25px!important;min-height:25px!important;padding:0 4px!important}
body.quote-editor-page #quoteForm .quote-a4-bottom-edit{grid-template-columns:minmax(0,1fr) 240px!important;gap:18px!important;margin-top:10px!important;padding-top:10px!important}
body.quote-editor-page #quoteForm .quote-a4-bottom-edit .quote-notes{padding:10px!important;min-height:90px!important;border-radius:6px!important}
body.quote-editor-page #quoteForm .quote-a4-bottom-edit .quote-notes textarea{font-size:11.5px!important;line-height:1.4!important;min-height:64px!important;height:64px!important;padding:4px 0!important;resize:none!important}
body.quote-editor-page #quoteForm .quote-totals-edit>div{font-size:11.5px!important;min-height:28px!important;line-height:1.2!important;padding:5px 0!important;gap:6px!important}
body.quote-editor-page #quoteForm .quote-totals-edit .vat-edit{grid-template-columns:1fr 40px auto!important}
body.quote-editor-page #quoteForm .quote-totals-edit .vat-edit input{font-size:11px!important;height:25px!important}
body.quote-editor-page #quoteForm .quote-totals-edit .grand{font-size:15px!important;padding:8px 0 0!important;margin-top:4px!important}

@media(max-width:700px){
 body.quote-editor-page #quoteForm .quote-editor-title{align-items:flex-start!important}
 body.quote-editor-page #quoteForm .quote-social-toggle strong,
 body.quote-editor-page #quoteForm .quote-design-support-btn strong{display:none!important}
 body.quote-editor-page #quoteForm .quote-social-toggle,
 body.quote-editor-page #quoteForm .quote-design-support-btn{width:28px!important;padding:0!important;justify-content:center!important}
 body.quote-editor-page #quoteForm .quote-a4-edit{padding:20px 14px!important;overflow:visible!important}
 body.quote-editor-page #quoteForm .quote-customer{grid-template-columns:1fr 1fr!important}
 body.quote-editor-page #quoteForm .quote-customer>div{grid-column:span 1!important}
 body.quote-editor-page #quoteForm .quote-customer .wide{grid-column:1/-1!important}
 body.quote-editor-page #quoteForm .quote-size-flex{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.quote-editor-page #quoteForm .quote-a4-bottom-edit{grid-template-columns:1fr!important}
}

/* v1.1.53 — compact T-shirt size picker */
body.quote-editor-page #quoteForm .quote-size-group{grid-template-columns:72px minmax(0,1fr)!important;padding:4px!important;gap:5px!important;align-items:start!important}
body.quote-editor-page #quoteForm .quote-size-compact{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
body.quote-editor-page #quoteForm .quote-size-picker{display:grid!important;grid-template-columns:minmax(82px,120px) 58px 62px!important;gap:4px!important;align-items:center!important}
body.quote-editor-page #quoteForm .quote-size-picker select,
body.quote-editor-page #quoteForm .quote-size-picker input{height:24px!important;min-height:24px!important;padding:2px 5px!important;font-size:9px!important;margin:0!important;border-radius:4px!important}
body.quote-editor-page #quoteForm .quote-size-picker button{height:24px!important;min-height:24px!important;padding:0 7px!important;font-size:9px!important;font-weight:800!important;border:1px solid #d9dee5!important;border-radius:4px!important;background:#f7f8fa!important;color:#20252b!important;cursor:pointer!important}
body.quote-editor-page #quoteForm .quote-size-picker button:hover{background:#eef1f4!important}
body.quote-editor-page #quoteForm .quote-size-selected{display:flex!important;flex-wrap:wrap!important;gap:3px!important;min-height:0!important}
body.quote-editor-page #quoteForm .quote-size-selected:empty{display:none!important}
body.quote-editor-page #quoteForm .quote-size-selected .quote-size-cell{display:grid!important;grid-template-columns:36px 30px 12px!important;gap:1px!important;width:auto!important;min-width:0!important;padding:1px 2px!important;border-radius:4px!important;background:#fff!important}
body.quote-editor-page #quoteForm .quote-size-selected .quote-size-cell input{height:20px!important;min-height:20px!important;padding:0 2px!important;font-size:8.5px!important;border:0!important;background:transparent!important}
body.quote-editor-page #quoteForm .quote-size-selected .quote-size-label{font-weight:800!important;text-align:center!important;pointer-events:none!important}
body.quote-editor-page #quoteForm .quote-size-selected [data-q-size-remove]{height:20px!important;width:12px!important;min-width:12px!important;padding:0!important;font-size:10px!important}
body.quote-editor-page #quoteForm .quote-size-flex{display:none!important}
body.quote-printing .quote-size-picker{display:none!important}
body.quote-printing .quote-size-selected{display:flex!important;flex-wrap:wrap!important;gap:1mm!important}
body.quote-printing .quote-size-selected .quote-size-cell{display:grid!important;grid-template-columns:8mm 7mm!important;gap:.5mm!important;padding:.5mm!important;border:1px solid #e2e4e8!important}
body.quote-printing .quote-size-selected .quote-size-cell input{font-size:6.8pt!important;padding:0!important;border:0!important}
body.quote-printing .quote-size-selected [data-q-size-remove]{display:none!important}
@media(max-width:900px){body.quote-editor-page #quoteForm .quote-size-group{grid-template-columns:1fr!important}body.quote-editor-page #quoteForm .quote-size-picker{grid-template-columns:minmax(0,1fr) 54px 60px!important}}

/* 1.1.54: Siparişlerle ortak teklif listesi */
.quote-list-sub{display:block;margin-top:4px;line-height:1.4}
.quote-list-products{display:flex;flex-wrap:wrap;gap:5px}
.quote-list-money{white-space:nowrap}
.quote-company-link{border:0;background:transparent;padding:0;color:var(--ink);font-weight:700;text-align:left;overflow-wrap:anywhere}
.quote-company-link:hover{text-decoration:underline}
.quote-company-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.quote-list-table .actions{white-space:nowrap}
.quote-preview-scroll{overflow:auto;padding:4px 0 16px}
.quote-preview-scroll>.quote-a4{margin:0 auto;color:#172033;background:#fff}
@media(max-width:700px){.quote-list-table{min-width:900px}.quote-preview-scroll>.quote-a4{min-width:700px}}


/* v1.1.57 — merkezi sipariş entegrasyonları */
.integration-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;align-items:start}.integration-create{position:sticky;top:92px}.integration-list{display:grid;gap:12px}.integration-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.integration-card.is-off{opacity:.68}.integration-card-head,.integration-secret-head,.integration-secret-row,.integration-actions,.integration-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.integration-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.integration-title small,.integration-card-head small{display:block;margin-top:5px;color:var(--muted)}.integration-dot{width:9px;height:9px;border-radius:999px;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.10)}.integration-card.is-off .integration-dot{background:#94a3b8;box-shadow:none}.integration-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.integration-stats>div{padding:9px 10px;background:var(--soft);border-radius:10px;min-width:0}.integration-stats span{display:block;color:var(--muted);font-size:11px}.integration-stats b{display:block;margin-top:3px;font-size:13px;overflow:hidden;text-overflow:ellipsis}.integration-meta{font-size:11px;color:var(--muted);flex-wrap:wrap}.integration-meta code,.integration-endpoints code,.integration-code code,.integration-secret code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.integration-how{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.integration-how summary{cursor:pointer;font-weight:700;font-size:12px}.integration-code{display:grid;gap:6px;margin-top:10px}.integration-code code,.integration-code pre,.integration-endpoints code{display:block;padding:9px 10px;border-radius:9px;background:#111827;color:#f8fafc;overflow:auto;font-size:11px}.integration-code pre{margin:0;white-space:pre-wrap}.integration-actions{justify-content:flex-end;margin-top:12px}.integration-error{margin:8px 0;padding:8px 10px;border-radius:9px;background:rgba(220,38,38,.08);color:#b91c1c;font-size:12px}.integration-endpoints{display:grid;gap:5px;margin-top:18px}.integration-endpoints small{margin-top:6px;color:var(--muted)}.integration-secret{margin-bottom:14px;padding:14px;border:1px solid rgba(22,163,74,.3);background:rgba(22,163,74,.07);border-radius:14px}.integration-secret-head small{display:block;color:var(--muted);margin-top:3px}.integration-secret-row{margin-top:10px}.integration-secret-row code{flex:1;padding:10px;border-radius:9px;background:var(--card);border:1px solid var(--line);overflow:auto;white-space:nowrap}.integration-events-card{margin-top:16px}.integration-event{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800}.integration-event.success{background:rgba(22,163,74,.12);color:#15803d}.integration-event.duplicate,.integration-event.ping{background:rgba(37,99,235,.10);color:#1d4ed8}.integration-event.error{background:rgba(220,38,38,.10);color:#b91c1c}.empty-state{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}.btn.danger{color:#b91c1c}
@media(max-width:900px){.integration-layout{grid-template-columns:1fr}.integration-create{position:static}.integration-stats{grid-template-columns:1fr 1fr}.integration-secret-head,.integration-secret-row{align-items:stretch;flex-direction:column}.integration-secret-row .btn{width:100%}}

/* v1.1.58 — Dapulse otomatik sipariş görünümüne toplam fiyat sütunu eklendi. */


/* v1.1.59 — Sipariş üst bilgisine kompakt telefon + e-posta alanları */
body.order-editor-page .reference-a4 .ref-info>.ref-top-field,
.reference-a4 .ref-info>.ref-top-field{grid-column:span 2!important;min-width:0!important;}
body.order-editor-page .reference-a4 .ref-info>.ref-top-field{min-height:39px!important;}
.reference-a4 .ref-contact-field .a4-direct-input{font-size:10px!important;letter-spacing:-.01em!important;}
body.order-editor-page .reference-a4 .identity-resize-strip{grid-column:1 / span 4!important;grid-row:2!important;}
.reference-a4.limited-form-view .ref-info>.ref-contact-field{display:none!important;}
@media(max-width:700px){
  body.order-editor-page .reference-a4 .ref-info>.ref-top-field,
  .reference-a4 .ref-info>.ref-top-field{grid-column:span 2!important;}
  .reference-a4 .ref-contact-field .a4-direct-input{font-size:9px!important;}
}


/* v1.1.60 — üst bilgi grid düzeltmesi + ekranlar arası güvenli responsive çalışma */
/* 1. satır: firma / ilgili kişi / telefon / e-posta. 2. satır: iki tarih. */
body.order-editor-page .reference-a4 .ref-info>.ref-top-field,
.reference-a4 .ref-info>.ref-top-field{
  grid-column:span 3!important;
  min-width:0!important;
}
body.order-editor-page .reference-a4 .ref-info>.ref-date-field,
.reference-a4 .ref-info>.ref-date-field{
  grid-column:span 6!important;
  min-width:0!important;
}
.reference-a4 .ref-date-field small,
.reference-a4 .ref-date-field label{
  white-space:normal!important;
  line-height:1.15!important;
}
body.order-editor-page .reference-a4 .ref-date-field .a4-direct-input,
.reference-a4 .ref-date-field .a4-direct-input{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
/* Kimlik resize çubuğu artık grid kolonlarını bozmasın. */
body.order-editor-page .reference-a4 .identity-resize-strip,
.reference-a4 .identity-resize-strip{
  grid-column:1 / -1!important;
  grid-row:auto!important;
  width:100%!important;
  margin:-4px 0 -2px!important;
}
/* E-posta ve uzun metinler taşmasın. */
.reference-a4 .ref-contact-field,
.reference-a4 .ref-top-field{overflow:hidden!important}
.reference-a4 .ref-contact-field .a4-direct-input{
  font-size:11px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Geniş ekran: A4 sabit kalır, çalışma yüzeyi ortalanır. */
@media(min-width:901px){
  body.order-editor-page .order-a4-main .live-a4-stage{
    overflow:auto!important;
    overscroll-behavior:contain!important;
  }
  body.order-editor-page .order-a4-main .live-a4-preview{
    margin-inline:auto!important;
  }
}

/* Tablet: A4 oranını koruyup ekrana sığdır. */
@media(max-width:900px) and (min-width:701px){
  body.order-editor-page .order-a4-mainbar{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:7px!important;
  }
  body.order-editor-page .editor-brand{flex:1 1 100%!important}
  body.order-editor-page .editor-quick,
  body.order-editor-page .editor-actions{
    flex:1 1 auto!important;
    max-width:100%!important;
    overflow-x:auto!important;
    scrollbar-width:thin!important;
  }
  body.order-editor-page .order-a4-main .live-a4-preview{
    width:635px!important;
    min-width:635px!important;
    height:899px!important;
    min-height:899px!important;
    position:relative!important;
    margin:0 auto!important;
  }
  body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
    position:absolute!important;
    left:0!important;top:0!important;
    width:794px!important;min-width:794px!important;height:1123px!important;min-height:1123px!important;
    transform:scale(.8)!important;
    transform-origin:top left!important;
  }
}

/* Telefon: tam ekran genişliğine sığan A4 önizleme; yatay sayfa taşması yok. */
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  body.order-editor-page #view.page{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body.order-editor-page .order-a4-mainbar{
    width:100%!important;
    max-width:100vw!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    padding:7px 8px!important;
  }
  body.order-editor-page .editor-brand{flex:1 1 100%!important;min-width:0!important}
  body.order-editor-page .editor-brand>div{min-width:0!important}
  body.order-editor-page .editor-quick,
  body.order-editor-page .editor-actions{
    display:flex!important;
    flex:1 1 100%!important;
    width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  body.order-editor-page .editor-quick::-webkit-scrollbar,
  body.order-editor-page .editor-actions::-webkit-scrollbar{display:none!important}
  body.order-editor-page .order-a4-main .live-a4-stage{
    width:100%!important;
    max-width:100vw!important;
    padding:8px 6px 28px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  body.order-editor-page .order-a4-main .live-a4-preview{
    --mobile-a4-scale:.46;
    width:365px!important;
    min-width:365px!important;
    height:517px!important;
    min-height:517px!important;
    position:relative!important;
    margin:0 auto!important;
    display:block!important;
  }
  body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
    position:absolute!important;
    left:0!important;top:0!important;
    width:794px!important;min-width:794px!important;max-width:794px!important;
    height:1123px!important;min-height:1123px!important;max-height:1123px!important;
    transform:scale(var(--mobile-a4-scale))!important;
    transform-origin:top left!important;
    margin:0!important;
  }
  /* Mobil editörde üst bilgiler de aynı mantıklı dağılımı korur. */
  body.order-editor-page .reference-a4 .ref-info>.ref-top-field,
  .reference-a4 .ref-info>.ref-top-field{grid-column:span 3!important}
  body.order-editor-page .reference-a4 .ref-info>.ref-date-field,
  .reference-a4 .ref-info>.ref-date-field{grid-column:span 6!important}
}
@media(max-width:560px){
  body.order-editor-page .order-a4-main .live-a4-preview{--mobile-a4-scale:.405;width:322px!important;min-width:322px!important;height:455px!important;min-height:455px!important}
}
@media(max-width:430px){
  body.order-editor-page .order-a4-main .live-a4-preview{--mobile-a4-scale:.37;width:294px!important;min-width:294px!important;height:416px!important;min-height:416px!important}
  body.order-editor-page .editor-actions .btn,
  body.order-editor-page .editor-named-field .btn{height:36px!important;font-size:10px!important;padding-inline:10px!important}
}
@media(max-width:360px){
  body.order-editor-page .order-a4-main .live-a4-preview{--mobile-a4-scale:.33;width:262px!important;min-width:262px!important;height:371px!important;min-height:371px!important}
}

/* Yazdırmada ekran ölçekleri kesinlikle devre dışı. */
@media print{
  body.order-editor-page .order-a4-main .live-a4-preview{width:210mm!important;min-width:210mm!important;height:auto!important;min-height:0!important}
  body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{position:static!important;transform:none!important}
}

/* v1.1.61 — sipariş ekranı okunabilir kompakt üst bilgi / responsive güvenlik */
/* Üst bilgi: 4 temas alanı + 2 tarih alanı. Pressure modlarında da okunabilirlik tabanı korunur. */
body.order-editor-page .reference-a4.a4-edit-mode .ref-info{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  column-gap:12px!important;
  row-gap:6px!important;
  padding:7px 0 8px!important;
  align-items:start!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.ref-top-field{
  min-width:0!important;
  min-height:43px!important;
  height:auto!important;
  padding:2px 0 4px!important;
  overflow:visible!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.ref-identity-field:nth-child(1){grid-column:1 / span 3!important;grid-row:1!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.ref-identity-field:nth-child(2){grid-column:4 / span 3!important;grid-row:1!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.ref-contact-field:nth-child(3){grid-column:7 / span 3!important;grid-row:1!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.ref-contact-field:nth-child(4){grid-column:10 / span 3!important;grid-row:1!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.ref-date-field:nth-child(5){grid-column:1 / span 3!important;grid-row:2!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.ref-date-field:nth-child(6){grid-column:4 / span 3!important;grid-row:2!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.identity-resize-strip{grid-column:1 / span 6!important;grid-row:2!important;align-self:end!important;pointer-events:none!important;opacity:.75!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.ref-billing-box{grid-column:1 / span 4!important;grid-row:3!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.ref-shipping-box{grid-column:5 / span 4!important;grid-row:3!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.ref-shortdesc-box{grid-column:9 / span 4!important;grid-row:3!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-info>.info-resize-strip{grid-column:1 / -1!important;grid-row:4!important}

body.order-editor-page .reference-a4.a4-edit-mode .ref-info small,
body.order-editor-page .reference-a4.a4-edit-mode .ref-info label,
body.order-editor-page .reference-a4.a4-pressure-1 .ref-info small,
body.order-editor-page .reference-a4.a4-pressure-2 .ref-info small,
body.order-editor-page .reference-a4.a4-pressure-3 .ref-info small{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:8.5px!important;
  line-height:1.05!important;
  letter-spacing:.055em!important;
  margin:0 0 3px!important;
  font-weight:900!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-top-field .a4-direct-input,
body.order-editor-page .reference-a4.a4-pressure-1 .ref-top-field .a4-direct-input,
body.order-editor-page .reference-a4.a4-pressure-2 .ref-top-field .a4-direct-input,
body.order-editor-page .reference-a4.a4-pressure-3 .ref-top-field .a4-direct-input{
  width:100%!important;
  min-width:0!important;
  height:28px!important;
  min-height:28px!important;
  padding:3px 4px 3px!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:750!important;
  border-bottom-width:1px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-date-field .a4-direct-input{
  font-size:13px!important;
  padding-right:2px!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-expand-box,
body.order-editor-page .reference-a4.a4-pressure-1 .ref-expand-box,
body.order-editor-page .reference-a4.a4-pressure-2 .ref-expand-box,
body.order-editor-page .reference-a4.a4-pressure-3 .ref-expand-box{
  min-height:74px!important;
  height:74px!important;
  padding:7px 9px!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-expand-box textarea,
body.order-editor-page .reference-a4.a4-pressure-1 .ref-expand-box textarea,
body.order-editor-page .reference-a4.a4-pressure-2 .ref-expand-box textarea,
body.order-editor-page .reference-a4.a4-pressure-3 .ref-expand-box textarea{
  min-height:48px!important;
  height:48px!important;
  max-height:48px!important;
  padding:4px 5px!important;
  font-size:12px!important;
  line-height:1.28!important;
  font-weight:650!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-totals>div,
body.order-editor-page .reference-a4.a4-pressure-1 .ref-totals>div,
body.order-editor-page .reference-a4.a4-pressure-2 .ref-totals>div,
body.order-editor-page .reference-a4.a4-pressure-3 .ref-totals>div{
  min-height:50px!important;
  padding:7px 10px!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-totals small,
body.order-editor-page .reference-a4.a4-pressure-1 .ref-totals small,
body.order-editor-page .reference-a4.a4-pressure-2 .ref-totals small,
body.order-editor-page .reference-a4.a4-pressure-3 .ref-totals small{font-size:8px!important;white-space:nowrap!important}
body.order-editor-page .reference-a4.a4-edit-mode .ref-totals b,
body.order-editor-page .reference-a4.a4-pressure-1 .ref-totals b,
body.order-editor-page .reference-a4.a4-pressure-2 .ref-totals b,
body.order-editor-page .reference-a4.a4-pressure-3 .ref-totals b{font-size:14px!important}

/* Çalışma ekranı: dev monitörde büyütme yok, küçük ekranda kontrollü ölçek. */
@media(min-width:901px){
  body.order-editor-page .order-a4-main .live-a4-preview{width:794px!important;min-width:794px!important;max-width:794px!important;margin-inline:auto!important}
  body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{width:794px!important;min-width:794px!important;max-width:794px!important;transform:none!important;transform-origin:top left!important}
}
@media(max-width:900px){
  body.order-editor-page .order-a4-main .live-a4-stage{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
}
@media(max-width:700px){
  body.order-editor-page .reference-a4.a4-edit-mode .ref-info small,
  body.order-editor-page .reference-a4.a4-pressure-1 .ref-info small,
  body.order-editor-page .reference-a4.a4-pressure-2 .ref-info small,
  body.order-editor-page .reference-a4.a4-pressure-3 .ref-info small{font-size:8.5px!important}
  body.order-editor-page .reference-a4.a4-edit-mode .ref-top-field .a4-direct-input,
  body.order-editor-page .reference-a4.a4-pressure-1 .ref-top-field .a4-direct-input,
  body.order-editor-page .reference-a4.a4-pressure-2 .ref-top-field .a4-direct-input,
  body.order-editor-page .reference-a4.a4-pressure-3 .ref-top-field .a4-direct-input{font-size:13px!important}
}

/* v1.1.62 — gerçek responsive, kompakt ve okunabilir sipariş editörü */
@media screen {
  body.order-editor-page .order-a4-main .live-a4-stage{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding:18px!important;
  }
  body.order-editor-page .order-a4-main .live-a4-preview{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    transform:none!important;
    display:flex!important;
    justify-content:center!important;
    align-items:flex-start!important;
  }
  body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
    width:min(1180px,100%)!important;
    min-width:0!important;
    max-width:1180px!important;
    height:auto!important;
    min-height:calc(100vh - 118px)!important;
    max-height:none!important;
    padding:24px clamp(20px,2.5vw,36px)!important;
    gap:10px!important;
    overflow:visible!important;
  }

  body.order-editor-page .a4-edit-mode .ref-head{
    gap:18px!important;
    padding-bottom:10px!important;
  }
  body.order-editor-page .a4-edit-mode .ref-head h1{
    font-size:clamp(25px,2.25vw,34px)!important;
    line-height:1!important;
  }

  body.order-editor-page .a4-edit-mode .ref-info{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:8px 14px!important;
    padding:8px 0!important;
    align-items:start!important;
  }
  body.order-editor-page .a4-edit-mode .ref-info>.ref-top-field{
    grid-column:span 3!important;
    min-width:0!important;
    min-height:52px!important;
    height:auto!important;
    padding:4px 0 7px!important;
  }
  body.order-editor-page .a4-edit-mode .ref-info>.ref-date-field{
    grid-column:span 6!important;
    min-height:54px!important;
  }
  body.order-editor-page .a4-edit-mode .ref-info>.identity-resize-strip,
  body.order-editor-page .a4-edit-mode .ref-info>.info-resize-strip{
    grid-column:1/-1!important;
  }
  body.order-editor-page .a4-edit-mode .ref-info>.ref-expand-box{
    grid-column:span 4!important;
    min-width:0!important;
    min-height:82px!important;
    height:82px!important;
    padding:8px 10px!important;
  }

  body.order-editor-page .a4-edit-mode .ref-info small,
  body.order-editor-page .a4-edit-mode .ref-info label{
    font-size:9.5px!important;
    line-height:1.15!important;
    letter-spacing:.055em!important;
    white-space:normal!important;
  }
  body.order-editor-page .a4-edit-mode .ref-info .a4-direct-input{
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    font-size:15px!important;
    line-height:1.25!important;
    padding:5px 4px!important;
  }
  body.order-editor-page .a4-edit-mode .ref-date-field .a4-direct-input{
    min-height:36px!important;
    font-size:15px!important;
  }
  body.order-editor-page .a4-edit-mode .ref-info textarea.expandable-direct{
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    resize:none!important;
    overflow:auto!important;
    font-size:13px!important;
    line-height:1.35!important;
    padding:5px 6px!important;
  }

  body.order-editor-page .a4-edit-mode .ref-totals{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.order-editor-page .a4-edit-mode .ref-totals>div{
    min-width:0!important;
    min-height:58px!important;
    padding:9px 11px!important;
  }
  body.order-editor-page .a4-edit-mode .ref-totals small{font-size:9px!important}
  body.order-editor-page .a4-edit-mode .ref-totals b,
  body.order-editor-page .a4-edit-mode .ref-totals input{font-size:16px!important}
}

@media screen and (max-width:980px){
  body.order-editor-page .order-a4-main .live-a4-stage{padding:10px!important}
  body.order-editor-page .order-a4-main .live-a4-preview{justify-content:center!important}
  body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
    width:100%!important;
    min-width:0!important;
    padding:20px 18px!important;
  }
  body.order-editor-page .a4-edit-mode .ref-info>.ref-top-field{grid-column:span 6!important}
  body.order-editor-page .a4-edit-mode .ref-info>.ref-date-field{grid-column:span 6!important}
  body.order-editor-page .a4-edit-mode .ref-info>.ref-expand-box{grid-column:span 6!important}
  body.order-editor-page .a4-edit-mode .ref-info>.ref-shortdesc-box{grid-column:1/-1!important}
}

@media screen and (max-width:620px){
  body.order-editor-page .order-a4-main .live-a4-stage{padding:6px!important}
  body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:16px 12px 20px!important;
    border-radius:0!important;
  }
  body.order-editor-page .a4-edit-mode .ref-head{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
    gap:8px 12px!important;
  }
  body.order-editor-page .a4-edit-mode .ref-head h1{
    width:100%!important;
    font-size:24px!important;
  }
  body.order-editor-page .a4-edit-mode .ref-order-no{margin-left:auto!important}
  body.order-editor-page .a4-edit-mode .ref-info{
    gap:7px 10px!important;
  }
  body.order-editor-page .a4-edit-mode .ref-info>.ref-top-field{grid-column:1/-1!important}
  body.order-editor-page .a4-edit-mode .ref-info>.ref-date-field{grid-column:span 6!important}
  body.order-editor-page .a4-edit-mode .ref-info>.ref-expand-box{grid-column:1/-1!important}
  body.order-editor-page .a4-edit-mode .ref-info small,
  body.order-editor-page .a4-edit-mode .ref-info label{font-size:9px!important}
  body.order-editor-page .a4-edit-mode .ref-info .a4-direct-input{font-size:14px!important}
  body.order-editor-page .a4-edit-mode .ref-totals{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.order-editor-page .a4-edit-mode .ref-totals>div{min-height:54px!important}
}

@media screen and (max-width:420px){
  body.order-editor-page .a4-edit-mode .ref-info>.ref-date-field{grid-column:1/-1!important}
  body.order-editor-page .a4-edit-mode .ref-totals{grid-template-columns:1fr!important}
}

@media print {
  body.order-editor-page .order-a4-main .live-a4-preview{width:210mm!important;min-width:210mm!important;max-width:210mm!important;transform:none!important}
  body.order-editor-page .order-a4-main .live-a4-preview .reference-a4{
    width:210mm!important;min-width:210mm!important;max-width:210mm!important;
    height:297mm!important;min-height:297mm!important;max-height:297mm!important;
    padding:8mm!important;overflow:hidden!important;
  }
}

/* v1.1.63: screen-only layout contract; print remains A4. */
@media screen {
 body .main, body #view, body .card, body .field {min-width:0}
 body .nav button {font-size:14px;line-height:1.4;white-space:normal}
 body .sidebar {overflow-y:auto;padding-bottom:90px}
 body .btn {min-height:38px;white-space:normal;line-height:1.35}
 body .field label {font-size:12px;line-height:1.4}
 body .field input,body .field select,body .field textarea {font-size:14px;min-width:0}
 body .settings-tabs,body .topbar-actions,body .hero {flex-wrap:wrap;gap:10px}
 body .table-wrap {max-width:100%;overflow:auto}
 body .modal {max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
 body :is(button,input,select,textarea,a):focus-visible {outline:2px solid var(--accent);outline-offset:3px}
 body.order-editor-page.order-editor-page #view.page {height:auto!important;overflow:visible!important;padding:0!important}
 body.order-editor-page.order-editor-page .order-entry-grid {display:block!important;height:auto!important}
 body.order-editor-page.order-editor-page .order-a4-main {display:grid!important;grid-template-columns:240px minmax(0,1fr)!important;width:100%!important;max-width:1560px!important;gap:18px!important;padding:18px!important;align-items:start!important;height:auto!important}
 body.order-editor-page.order-editor-page #orderEditorRail.order-a4-mainbar {position:sticky!important;top:16px!important;left:auto!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important;max-width:none!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;padding:16px!important;gap:16px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}
 body.order-editor-page.order-editor-page #orderEditorRail :is(.editor-quick,.editor-actions) {display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:12px!important;width:100%!important;overflow:visible!important;flex:none!important}
 body.order-editor-page.order-editor-page .editor-brand {justify-content:flex-start!important;flex:none!important}
 body.order-editor-page.order-editor-page .editor-brand>div {display:block!important;margin-left:10px!important}
 body.order-editor-page.order-editor-page .editor-brand>div b {font:700 14px/1.4 'DM Sans',sans-serif!important}
 body.order-editor-page.order-editor-page .editor-brand>div small {display:none!important}
 body.order-editor-page.order-editor-page #orderEditorRail :is(.editor-product-field,.editor-source-field,.editor-named-field) {width:100%!important;max-width:none!important;min-width:0!important;flex:none!important}
 body.order-editor-page.order-editor-page #orderEditorRail :is(.editor-product-field,.editor-source-field) label {font:700 12px/1.4 'DM Sans',sans-serif!important;white-space:normal!important;letter-spacing:0!important;color:var(--muted)!important}
 body.order-editor-page.order-editor-page #orderEditorRail :is(.editor-product-field,.editor-source-field) select {width:100%!important;max-width:none!important;min-width:0!important;height:44px!important;padding:0 30px 0 12px!important;font:600 15px/1.4 'DM Sans',sans-serif!important;text-overflow:ellipsis!important}
 body.order-editor-page.order-editor-page #orderEditorRail :is(.editor-actions .btn,.editor-named-field>label.checkline,.limited-form-toggle) {height:auto!important;min-height:42px!important;font:600 14px/1.4 'DM Sans',sans-serif!important;white-space:normal!important;padding:10px!important}
 body.order-editor-page.order-editor-page #orderEditorRail :is(.editor-named-field b,.limited-form-toggle b) {font:600 14px/1.4 'DM Sans',sans-serif!important}
 body.order-editor-page.order-editor-page .editor-save-status:not(:empty) {display:block!important;font:500 12px/1.5 'DM Sans',sans-serif!important;overflow-wrap:anywhere!important}
 body.order-editor-page.order-editor-page #namedOrderTools.hidden {display:none!important}
 body.order-editor-page.order-editor-page .order-a4-main .live-a4-stage {width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;padding:0!important;overflow:visible!important;display:block!important;grid-column:auto!important;grid-row:auto!important}
 body.order-editor-page.order-editor-page .order-a4-main .live-a4-preview {position:static!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;transform:none!important;overflow:visible!important}
 body.order-editor-page.order-editor-page .order-a4-main .live-a4-preview .reference-a4 {position:relative!important;left:auto!important;top:auto!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;transform:none!important;zoom:1!important;padding:24px!important;overflow:visible!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-info {grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:12px!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-info>.ref-top-field {grid-column:span 6!important;height:auto!important;min-height:64px!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-info small {font:700 12px/1.4 'DM Sans',sans-serif!important;letter-spacing:.02em!important;white-space:normal!important;color:#505965!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-top-field .a4-direct-input {font:500 16px/1.4 'DM Sans',sans-serif!important;height:40px!important;min-height:40px!important;padding:7px 4px!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-info>.ref-expand-box {grid-column:span 4!important;height:auto!important;min-height:116px!important;padding:10px!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-expand-box textarea {font:400 14px/1.5 'DM Sans',sans-serif!important;height:78px!important;min-height:78px!important;max-height:240px!important;resize:vertical!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-totals {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-totals>div {min-height:66px!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-totals small {font:700 12px/1.4 'DM Sans',sans-serif!important;white-space:normal!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-totals :is(b,input) {font:700 17px/1.4 'DM Sans',sans-serif!important;min-width:0!important;max-width:100%!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-head h1 {font-size:clamp(22px,2.1vw,30px)!important;line-height:1.2!important;overflow-wrap:anywhere!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .a4-size-row-grid {grid-template-columns:repeat(auto-fit,minmax(58px,1fr))!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .size-qty-edit {min-height:36px!important;font-size:15px!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .size-name-edit {font-size:12px!important}
 body.order-editor-page.order-editor-page .notes-formatbar {flex-wrap:wrap!important;height:auto!important;overflow:visible!important;gap:6px!important}
 body.order-editor-page.order-editor-page .ref-notes {min-height:240px!important;height:auto!important}
 body.order-editor-page.order-editor-page .notes-editor-shell {height:auto!important;min-height:200px!important}
 body.order-editor-page.order-editor-page .notes-rich-editor {min-height:140px!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 :is(.identity-resize-strip,.info-resize-strip) {display:none!important}
 body.quote-editor-page .quote-sheet-stage {min-width:0!important;overflow:auto!important}
}
@media screen and (max-width:1050px) {
 body.order-editor-page.order-editor-page .order-a4-main {grid-template-columns:minmax(0,1fr)!important;padding:12px!important}
 body.order-editor-page.order-editor-page #orderEditorRail.order-a4-mainbar {position:relative!important;top:auto!important;max-height:none!important;display:grid!important;grid-template-columns:1fr!important}
 body.order-editor-page.order-editor-page .editor-quick {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.order-editor-page.order-editor-page .editor-actions {display:flex!important;flex-direction:row!important;flex-wrap:wrap!important}
 body.order-editor-page.order-editor-page .editor-actions>* {width:auto!important;flex:1 1 140px!important}
 body.order-editor-page.order-editor-page .editor-actions .editor-theme {width:42px!important;flex:0 0 42px!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-info>.ref-expand-box {grid-column:1/-1!important}
}
@media screen and (max-width:600px) {
 body .page {padding:12px!important}
 body .topbar {height:auto;min-height:62px;padding:10px;gap:8px;flex-wrap:wrap}
 body .topbar-actions {gap:6px}
 body .topbar-actions .tag {display:none}
 body .form-grid {grid-template-columns:1fr!important}
 body .form-grid>* {grid-column:auto!important}
 body .security-row,body .login-row,body .user-row {grid-template-columns:1fr!important;gap:8px}
 body .settings-tabs {overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}
 body .settings-tabs>* {flex-shrink:0}
 body .field :is(input,select,textarea) {font-size:16px!important}
 body.order-editor-page.order-editor-page .order-a4-main {padding:8px!important;gap:10px!important}
 body.order-editor-page.order-editor-page #orderEditorRail.order-a4-mainbar {padding:12px!important}
 body.order-editor-page.order-editor-page .order-a4-main .live-a4-preview .reference-a4 {padding:16px 12px!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-info>.ref-top-field {grid-column:1/-1!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-head {flex-wrap:wrap!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-totals {grid-template-columns:1fr!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-totals>div {min-height:54px!important}
 body.order-editor-page.order-editor-page .reference-a4.reference-a4 .ref-expand-box textarea {font-size:16px!important}
}
@media screen {
 body.order-editor-page.order-editor-page #orderEditorRail > * {grid-column:auto!important;grid-row:auto!important;min-width:0!important}
 body.order-editor-page.order-editor-page #orderEditorRail .editor-named-field {flex-direction:column!important;align-items:stretch!important}
 body.order-editor-page.order-editor-page #orderEditorRail .limited-form-toggle b {font:600 14px/1.4 'DM Sans',sans-serif!important;white-space:normal!important;overflow:visible!important}
 body.order-editor-page.order-editor-page #orderEditorRail #namedConfigure {min-height:38px!important;font-size:13px!important}
 body.order-editor-page.order-editor-page #orderEditorRail #namedOrderTools.hidden {display:none!important}
 body.order-editor-page.order-editor-page .order-a4-main .live-a4-stage {grid-column:auto!important;grid-row:auto!important}
}

/* v1.1.64 — One fixed A4 document, shared by editing and printing. */
body.order-editor-page #orderForm #liveA4Preview .reference-a4 {
 box-sizing:border-box!important;width:210mm!important;min-width:210mm!important;max-width:210mm!important;
 height:297mm!important;min-height:297mm!important;max-height:297mm!important;padding:8mm!important;
 display:flex!important;flex-direction:column!important;gap:10px!important;position:relative!important;
 margin:0!important;transform:none!important;flex:none!important;color:#111318!important;background:#fff!important;
}
body.order-editor-page #orderForm #liveA4Preview .reference-a4>.ref-head {flex:none!important;gap:10px!important;flex-wrap:wrap!important;padding-bottom:8px!important}
body.order-editor-page #orderForm #liveA4Preview .ref-head h1 {font-size:24px!important;line-height:1.15!important;width:auto!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info {display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:7px 10px!important;flex:none!important;padding:0!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field {grid-column:span 3!important;min-height:46px!important;height:auto!important;padding:3px 0!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-date-field {grid-column:span 6!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info small {font:700 10px/1.3 'DM Sans',sans-serif!important;letter-spacing:0!important;white-space:normal!important;color:#505965!important}
body.order-editor-page #orderForm #liveA4Preview .ref-top-field .a4-direct-input {font:500 13px/1.4 'DM Sans',sans-serif!important;height:30px!important;min-height:30px!important;padding:4px!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-expand-box {grid-column:span 4!important;min-height:80px!important;height:80px!important;padding:7px!important}
body.order-editor-page #orderForm #liveA4Preview .ref-expand-box textarea {font:400 12px/1.4 'DM Sans',sans-serif!important;height:54px!important;min-height:54px!important;max-height:54px!important;padding:3px!important;resize:none!important}
body.order-editor-page #orderForm #liveA4Preview .ref-totals {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;flex:none!important}
body.order-editor-page #orderForm #liveA4Preview .ref-totals>div {min-height:54px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:4px!important;padding:7px!important}
body.order-editor-page #orderForm #liveA4Preview .ref-totals small {font:700 9px/1.3 'DM Sans',sans-serif!important;white-space:normal!important}
body.order-editor-page #orderForm #liveA4Preview .ref-totals :is(b,input) {font:700 14px/1.3 'DM Sans',sans-serif!important;text-align:right!important;min-width:0!important;width:100%!important}
body.order-editor-page #orderForm #liveA4Preview .ref-notes {height:var(--notes-h,180px)!important;min-height:100px!important;flex:0 0 auto!important;margin-top:auto!important}
body.order-editor-page #orderForm #liveA4Preview .notes-editor-shell {min-height:0!important;height:calc(100% - 24px)!important;display:flex!important;flex-direction:column!important}
body.order-editor-page #orderForm #liveA4Preview .notes-rich-editor {min-height:0!important;flex:1!important}
body.order-editor-page #orderForm #liveA4Preview .notes-formatbar {flex:none!important;min-height:28px!important;height:auto!important;flex-wrap:wrap!important}
body.order-editor-page #orderForm #liveA4Preview .a4-size-row-grid {grid-template-columns:repeat(var(--size-cols),minmax(0,1fr))!important}
body.order-editor-page #orderForm #liveA4Preview .size-qty-edit {min-height:26px!important;font-size:11px!important}
body.order-editor-page #orderForm #liveA4Preview .size-name-edit {font-size:9px!important}
@media screen {
 body.order-editor-page.order-editor-page .app {display:grid!important;grid-template-columns:200px minmax(0,1fr)!important}
 body.order-editor-page.order-editor-page .main {margin:0!important;padding:0!important;width:100%!important;grid-column:2!important}
 body.order-editor-page.order-editor-page #view.page {margin:0!important;width:100%!important;max-width:none!important}
 body.order-editor-page.order-editor-page #orderForm>.order-entry-grid {display:block!important;margin:0!important;padding:0!important;width:100%!important}
 body.order-editor-page.order-editor-page #orderForm .order-a4-main {display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;justify-content:start!important;justify-items:stretch!important;width:100%!important;max-width:none!important;margin:0!important;padding:16px!important;gap:16px!important}
 body.order-editor-page.order-editor-page #orderForm .live-a4-stage {padding:8px!important;overflow:auto!important;max-height:none!important;min-width:0!important;display:block!important}
 body.order-editor-page #orderForm #liveA4Preview {display:block!important;position:relative!important;width:max-content!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0 auto!important;transform:none!important}
 body.order-editor-page #orderForm #liveA4Preview .reference-a4 {zoom:var(--a4-view-scale,1)!important;overflow:hidden!important;border:0!important;border-radius:0!important}
 body.order-editor-page #orderEditorRail .a4-view-control {display:grid!important;gap:6px!important;width:100%!important;font:600 12px/1.4 'DM Sans',sans-serif!important}
 body.order-editor-page #orderEditorRail .a4-view-control select {min-height:38px!important;width:100%!important;min-width:0!important;padding:6px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--card)!important;color:var(--ink)!important;font-size:13px!important}
}
@media screen and (max-width:1100px) {
 body.order-editor-page.order-editor-page #orderForm .order-a4-main {grid-template-columns:minmax(0,1fr)!important}
 body.order-editor-page.order-editor-page #orderEditorRail.order-a4-mainbar {position:relative!important;top:auto!important;max-height:none!important;display:grid!important;grid-template-columns:1fr!important}
 body.order-editor-page.order-editor-page #orderEditorRail .editor-quick {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.order-editor-page.order-editor-page #orderEditorRail .editor-actions {flex-direction:row!important;flex-wrap:wrap!important}
}
@media screen and (max-width:980px) {
 body.order-editor-page.order-editor-page .app {display:block!important}
 body.order-editor-page.order-editor-page .main {grid-column:auto!important}
 body.order-editor-page.order-editor-page #orderForm .order-a4-main {padding:8px!important;gap:8px!important}
}
@media print {
 body.order-editor-page #orderForm #liveA4Preview {width:210mm!important;min-width:210mm!important;max-width:210mm!important;margin:0!important;transform:none!important;height:297mm!important}
 body.order-editor-page #orderForm #liveA4Preview .reference-a4 {zoom:1!important;overflow:hidden!important;box-shadow:none!important;border:0!important}
 body.order-editor-page #orderEditorRail {display:none!important}
 body.order-editor-page #orderForm #liveA4Preview .notes-formatbar {display:none!important}
}

@media screen {body.order-editor-page #orderEditorRail #a4OverflowWarning:not(:empty){font:600 12px/1.5 'DM Sans',sans-serif!important;color:var(--danger)!important;white-space:normal!important;width:100%!important;flex-basis:100%!important}}

/* v1.1.65 — compact single-row A4 heading, same geometry in print. */
body.order-editor-page #orderForm #liveA4Preview .reference-a4>.ref-head {
 display:grid!important;grid-template-columns:130px minmax(0,1fr) 110px!important;
 align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;
 min-height:40px!important;height:40px!important;padding:0 0 6px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-head h1 {
 font-size:16px!important;line-height:1.15!important;letter-spacing:-.035em!important;
 white-space:nowrap!important;margin:0!important;min-width:0!important;width:auto!important;
 grid-column:auto!important;grid-row:auto!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-head :is(.a4-brand-select,.a4-brand-display) {
 width:130px!important;max-width:130px!important;min-width:0!important;height:30px!important;
 margin:0!important;grid-column:auto!important;grid-row:auto!important;position:relative!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-head :is(.a4-brand-select select,.a4-brand-visual-btn) {
 width:100%!important;height:30px!important;min-height:0!important;margin:0!important;
 padding:4px 6px!important;font-size:11px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-head :is(.a4-brand-select img,.a4-brand-display img) {
 max-width:120px!important;max-height:28px!important;width:auto!important;height:auto!important;object-fit:contain!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-head-meta {
 width:110px!important;min-width:0!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;align-self:center!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-order-no {margin:0!important;min-width:0!important;width:100%!important}
body.order-editor-page #orderForm #liveA4Preview .ref-order-no small {font-size:7px!important;line-height:1.2!important;margin:0!important}
body.order-editor-page #orderForm #liveA4Preview .ref-order-no :is(b,input) {font-size:12px!important;line-height:1.3!important;height:20px!important;min-height:0!important;width:100%!important;margin:0!important;padding:0!important}
/* v1.1.66 — Resizable flowing sections inside the fixed A4 page. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(1) {grid-column:span 4!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(2) {grid-column:span 3!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(3) {grid-column:span 2!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(4) {grid-column:span 3!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+4) {height:var(--identity-h,46px)!important;min-height:46px!important;display:flex!important;flex-direction:column!important;gap:3px!important}
body.order-editor-page #orderForm #liveA4Preview .ref-top-field textarea.a4-direct-input {height:auto!important;min-height:0!important;max-height:none!important;flex:1!important;width:100%!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;text-overflow:clip!important;resize:none!important;overflow:auto!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-expand-box {height:var(--info-h,80px)!important;min-height:80px!important;display:flex!important;flex-direction:column!important;gap:3px!important}
body.order-editor-page #orderForm #liveA4Preview .ref-expand-box textarea {height:auto!important;min-height:0!important;max-height:none!important;flex:1!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
body.order-editor-page #orderForm #liveA4Preview .ref-visual {height:var(--image-h,300px)!important;min-height:0!important;max-height:none!important;flex:none!important;position:relative!important;margin-block:0!important}
body.order-editor-page #orderForm #liveA4Preview .a4-named {min-height:0!important;max-height:none!important;flex:none!important;position:relative!important;overflow:visible!important;margin:0!important}
body.order-editor-page #orderForm #liveA4Preview .a4-named-panels {height:calc(100% - 32px)!important;min-height:0!important;align-items:start!important;overflow:visible!important}
body.order-editor-page #orderForm #liveA4Preview .a4-named-table {height:auto!important;min-height:0!important;table-layout:fixed!important}
body.order-editor-page #orderForm #liveA4Preview .a4-named-table :is(th,td) {height:auto!important;min-height:0!important;max-height:none!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:var(--named-font,12px)!important;line-height:1.2!important;padding:.18em .28em!important}
body.order-editor-page #orderForm #liveA4Preview .a4-named-table :is(th,td):first-child {width:2.5em!important}
body.order-editor-page #orderForm #liveA4Preview .a4-section-title {min-height:24px!important;height:24px!important}
body.order-editor-page #orderForm #liveA4Preview .ref-notes {min-height:100px!important;max-height:none!important;flex:none!important;position:relative!important}
@media screen {
 body.order-editor-page #orderForm #liveA4Preview .ref-info>:is(.identity-resize-strip,.info-resize-strip) {display:flex!important;grid-column:1/-1!important;align-items:center!important;justify-content:center!important;height:10px!important;min-height:10px!important;padding:0!important;margin:0!important;border:0!important;cursor:ns-resize!important;touch-action:none!important;background:#f1f3f6!important;border-radius:5px!important}
 body.order-editor-page #orderForm #liveA4Preview :is(.identity-resize-strip,.info-resize-strip,.notes-resize-handle,.named-resize-strip)>span {display:block!important;width:44px!important;height:3px!important;background:#8993a2!important;border-radius:3px!important}
 body.order-editor-page #orderForm #liveA4Preview .notes-resize-handle {display:flex!important;position:absolute!important;top:-10px!important;left:0!important;right:0!important;width:100%!important;height:10px!important;align-items:center!important;justify-content:center!important;cursor:ns-resize!important;touch-action:none!important;z-index:4!important}
 body.order-editor-page #orderForm #liveA4Preview .named-resize-strip {touch-action:none!important;height:8px!important}
}
@media print {
 body.order-editor-page #orderForm #liveA4Preview .ref-info>:is(.identity-resize-strip,.info-resize-strip) {display:block!important;visibility:hidden!important;height:10px!important;min-height:10px!important;grid-column:1/-1!important;padding:0!important;border:0!important}
}


/* v1.1.67 — Compact A4 alignment + reliable image resizing. */
body.order-editor-page #orderForm #liveA4Preview .reference-a4{
  gap:6px!important;
}
/* Six top fields share one compact row. Company gets the most room; phone stays narrow. */
body.order-editor-page #orderForm #liveA4Preview .ref-info{
  grid-template-columns:repeat(30,minmax(0,1fr))!important;
  column-gap:7px!important;
  row-gap:4px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(1){grid-column:span 8!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(2){grid-column:span 5!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(3){grid-column:span 3!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(4){grid-column:span 4!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(5),
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(6){grid-column:span 5!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+6){
  height:var(--identity-h,44px)!important;min-height:44px!important;
  display:flex!important;flex-direction:column!important;gap:2px!important;padding:2px 0 3px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-top-field :is(input.a4-direct-input,textarea.a4-direct-input){
  width:100%!important;min-width:0!important;min-height:24px!important;height:auto!important;flex:1 1 auto!important;
  padding:3px 2px!important;font-size:11px!important;line-height:1.2!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info small{font-size:7.5px!important;line-height:1.15!important}
/* Address / description blocks stay on one row, compact by default, and remain resizable. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-expand-box{
  grid-column:span 10!important;height:var(--info-h,68px)!important;min-height:64px!important;padding:6px 7px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-expand-box textarea{
  min-height:0!important;height:auto!important;max-height:none!important;flex:1 1 auto!important;padding:4px 5px!important;font-size:11px!important;line-height:1.25!important;
}
/* Resize separators are handles, not full-width grey bars. */
@media screen{
 body.order-editor-page #orderForm #liveA4Preview .ref-info>:is(.identity-resize-strip,.info-resize-strip){
   grid-column:1/-1!important;height:7px!important;min-height:7px!important;background:transparent!important;border-radius:0!important;margin:-1px 0!important;
 }
 body.order-editor-page #orderForm #liveA4Preview :is(.identity-resize-strip,.info-resize-strip,.notes-resize-handle,.named-resize-strip)>span{
   width:34px!important;height:3px!important;background:#9aa3af!important;border-radius:999px!important;
 }
}
/* Totals and size rows: strict compact alignment. */
body.order-editor-page #orderForm #liveA4Preview .ref-totals{gap:6px!important}
body.order-editor-page #orderForm #liveA4Preview .ref-totals>div{min-height:48px!important;padding:6px 8px!important;justify-content:space-between!important}
body.order-editor-page #orderForm #liveA4Preview .ref-totals small{font-size:8px!important}
body.order-editor-page #orderForm #liveA4Preview .ref-totals :is(b,input){font-size:13px!important;line-height:1.15!important}
body.order-editor-page #orderForm #liveA4Preview .a4-size-row{margin-bottom:3px!important;gap:4px!important;grid-template-columns:64px minmax(0,1fr)!important}
body.order-editor-page #orderForm #liveA4Preview .a4-size-row-label{font-size:7px!important;padding:0 5px!important}
body.order-editor-page #orderForm #liveA4Preview .a4-size-row-grid{gap:3px!important}
body.order-editor-page #orderForm #liveA4Preview .a4-size-edit{min-height:31px!important;border-radius:6px!important}
body.order-editor-page #orderForm #liveA4Preview .a4-size-edit b{height:14px!important;min-height:14px!important;font-size:6.3px!important;padding:1px!important}
body.order-editor-page #orderForm #liveA4Preview .a4-size-edit input{height:17px!important;font-size:9px!important}
/* Image area no longer collapses to a line; external resize handles are intentionally visible. */
body.order-editor-page #orderForm #liveA4Preview .ref-visual{
  min-height:72px!important;overflow:visible!important;border-color:#aab2bd!important;border-radius:8px!important;background:#fafbfc!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-visual .image-canvas{
  overflow:hidden!important;border-radius:7px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-visual .ref-placeholder{
  width:100%!important;height:100%!important;min-height:0!important;border:0!important;border-radius:7px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  padding:8px 92px 8px 12px!important;background:transparent!important;white-space:nowrap!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-visual .ref-placeholder b{font-size:10px!important;line-height:1!important;margin:0!important}
body.order-editor-page #orderForm #liveA4Preview .ref-visual .ref-placeholder span{font-size:7px!important;line-height:1!important;margin:0!important;letter-spacing:.04em!important}
body.order-editor-page #orderForm #liveA4Preview .ref-visual .ref-placeholder em{display:none!important}
body.order-editor-page #orderForm #liveA4Preview .image-edit-tools{top:6px!important;right:6px!important;gap:4px!important;z-index:20!important}
body.order-editor-page #orderForm #liveA4Preview :is(.image-add-btn,.image-aspect-toggle){height:25px!important;padding:0 7px!important;font-size:8px!important;border-radius:7px!important}
body.order-editor-page #orderForm #liveA4Preview .image-height-resize{
  bottom:-7px!important;width:64px!important;height:16px!important;z-index:30!important;touch-action:none!important;
}
body.order-editor-page #orderForm #liveA4Preview .image-height-resize span{width:36px!important;height:4px!important;background:#343a43!important}
body.order-editor-page #orderForm #liveA4Preview .image-width-resize{
  right:-7px!important;width:16px!important;height:64px!important;z-index:30!important;touch-action:none!important;
}
body.order-editor-page #orderForm #liveA4Preview .image-width-resize span{width:4px!important;height:36px!important;background:#343a43!important}
body.order-editor-page #orderForm #liveA4Preview .image-resize-handle{
  right:3px!important;bottom:3px!important;width:16px!important;height:16px!important;border-radius:5px!important;z-index:31!important;touch-action:none!important;
}
/* Notes follow the previous section instead of being pushed to the bottom of A4. */
body.order-editor-page #orderForm #liveA4Preview .ref-notes{
  height:var(--notes-h,168px)!important;min-height:90px!important;margin-top:0!important;padding-top:5px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-notes .notes-resize-handle{
  top:-8px!important;height:14px!important;z-index:40!important;touch-action:none!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-notes h3{margin-bottom:4px!important;padding:4px 8px!important;font-size:10px!important}
body.order-editor-page #orderForm #liveA4Preview .notes-formatbar{min-height:25px!important;gap:3px!important;padding:3px!important}
body.order-editor-page #orderForm #liveA4Preview .notes-rich-editor{font-size:11px!important}
@media print{
 body.order-editor-page #orderForm #liveA4Preview .ref-visual{overflow:hidden!important}
}


/* v1.1.68 — balanced compact upper blocks + compact empty visual. */
body.order-editor-page #orderForm #liveA4Preview .reference-a4{
  gap:6px!important;
}
/* Top row: no dead gaps, no tiny phone/email blocks. */
body.order-editor-page #orderForm #liveA4Preview .ref-info{
  grid-template-columns:repeat(30,minmax(0,1fr))!important;
  column-gap:8px!important;
  row-gap:3px!important;
  align-items:stretch!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(1){grid-column:span 7!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(2){grid-column:span 5!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(3){grid-column:span 4!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(4){grid-column:span 5!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(5){grid-column:span 4!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(6){grid-column:span 5!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+6){
  min-width:0!important;height:var(--identity-h,46px)!important;min-height:46px!important;
  padding:2px 0 3px!important;display:flex!important;flex-direction:column!important;gap:2px!important;
  overflow:hidden!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field small{
  min-height:9px!important;margin:0!important;font-size:7.2px!important;line-height:1.1!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-top-field :is(input.a4-direct-input,textarea.a4-direct-input){
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
  height:27px!important;min-height:27px!important;max-height:27px!important;flex:0 0 27px!important;
  margin:0!important;padding:3px 2px 2px!important;border:0!important;border-bottom:1px solid #9fa8b5!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
  font:500 10.5px/1.2 'DM Sans',sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-top-field textarea.a4-direct-input{
  resize:none!important;scrollbar-width:none!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-top-field textarea.a4-direct-input::-webkit-scrollbar{width:0!important;height:0!important}
body.order-editor-page #orderForm #liveA4Preview .ref-top-field :is(input.a4-direct-input,textarea.a4-direct-input):focus{
  border-bottom-color:#3552ff!important;background:#f8f9ff!important;outline:none!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-date-field .a4-direct-input{
  font-size:10px!important;padding-right:1px!important;
}
/* Resize line belongs to the complete upper row and does not consume visual weight. */
@media screen{
 body.order-editor-page #orderForm #liveA4Preview .ref-info>.identity-resize-strip{
   grid-column:1/-1!important;height:6px!important;min-height:6px!important;margin:-1px 0 0!important;
 }
 body.order-editor-page #orderForm #liveA4Preview .ref-info>.identity-resize-strip>span{width:30px!important;height:3px!important}
}
/* Address / delivery / description are three truly equal blocks. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-billing-box{grid-column:1 / span 10!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-shipping-box{grid-column:11 / span 10!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-shortdesc-box{grid-column:21 / span 10!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-expand-box{
  height:var(--info-h,68px)!important;min-height:64px!important;padding:6px 7px!important;border-radius:7px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-expand-box small{font-size:7.2px!important;margin:0 0 3px!important}
body.order-editor-page #orderForm #liveA4Preview .ref-expand-box textarea{
  height:auto!important;min-height:0!important;max-height:none!important;flex:1 1 auto!important;
  padding:4px!important;font-size:10.5px!important;line-height:1.25!important;scrollbar-width:thin!important;
}
@media screen{
 body.order-editor-page #orderForm #liveA4Preview .ref-info>.info-resize-strip{
   grid-column:1/-1!important;height:6px!important;min-height:6px!important;margin:-1px 0!important;
 }
 body.order-editor-page #orderForm #liveA4Preview .ref-info>.info-resize-strip>span{width:30px!important;height:3px!important}
}
/* Keep the empty image placeholder compact; uploaded images can still be resized freely. */
body.order-editor-page #orderForm #liveA4Preview .ref-visual:not(:has(img)){
  background:#fbfcfd!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-visual:not(:has(img)) .ref-placeholder{
  padding:8px 78px 8px 12px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-visual:not(:has(img)) .ref-placeholder b{font-size:9px!important}
body.order-editor-page #orderForm #liveA4Preview .ref-visual:not(:has(img)) .ref-placeholder span{font-size:6.5px!important}
/* Cleaner handles: visible enough to grab, not visually dominant. */
body.order-editor-page #orderForm #liveA4Preview .image-width-resize{right:-5px!important;width:12px!important;height:50px!important}
body.order-editor-page #orderForm #liveA4Preview .image-width-resize span{width:3px!important;height:28px!important;background:#525a66!important}
body.order-editor-page #orderForm #liveA4Preview .image-height-resize{bottom:-5px!important;height:12px!important;width:54px!important}
body.order-editor-page #orderForm #liveA4Preview .image-height-resize span{height:3px!important;width:30px!important;background:#525a66!important}
body.order-editor-page #orderForm #liveA4Preview .image-resize-handle{width:14px!important;height:14px!important;right:3px!important;bottom:3px!important}

/* v1.1.69 — final balanced A4 geometry: explicit upper-grid rows, clean resize spacing. */
body.order-editor-page #orderForm #liveA4Preview .reference-a4{
  gap:7px!important;
}

/* Upper information is intentionally positioned, so old nth-child rules cannot push dates down. */
body.order-editor-page #orderForm #liveA4Preview .ref-info{
  display:grid!important;
  grid-template-columns:repeat(60,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:auto!important;
  column-gap:7px!important;
  row-gap:3px!important;
  align-items:stretch!important;
  margin:0!important;
  padding:0!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(1){grid-column:1 / span 12!important;grid-row:1!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(2){grid-column:13 / span 8!important;grid-row:1!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(3){grid-column:21 / span 6!important;grid-row:1!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(4){grid-column:27 / span 10!important;grid-row:1!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(5){grid-column:37 / span 10!important;grid-row:1!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(6){grid-column:47 / span 14!important;grid-row:1!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+6){
  box-sizing:border-box!important;
  height:var(--identity-h,43px)!important;
  min-height:43px!important;
  max-height:none!important;
  padding:1px 0 2px!important;
  margin:0!important;
  gap:2px!important;
  overflow:hidden!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field small{
  min-height:9px!important;
  font-size:6.9px!important;
  line-height:1.1!important;
  letter-spacing:.045em!important;
  margin:0!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-top-field :is(input.a4-direct-input,textarea.a4-direct-input){
  box-sizing:border-box!important;
  width:100%!important;
  height:25px!important;
  min-height:25px!important;
  max-height:25px!important;
  flex:0 0 25px!important;
  padding:2px 1px 1px!important;
  margin:0!important;
  font-size:10.2px!important;
  line-height:1.15!important;
  border:0!important;
  border-bottom:1px solid #8f98a5!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-date-field .a4-direct-input{
  font-size:9.6px!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Resize grip is its own slim row, with no fake full-width bar. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.identity-resize-strip{
  grid-column:1 / -1!important;
  grid-row:2!important;
  width:100%!important;
  height:7px!important;
  min-height:7px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.identity-resize-strip>span{
  width:28px!important;height:3px!important;background:#9aa3af!important;
}

/* Equal second row: invoice / delivery / description. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-billing-box{
  grid-column:1 / span 20!important;grid-row:3!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-shipping-box{
  grid-column:21 / span 20!important;grid-row:3!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-shortdesc-box{
  grid-column:41 / span 20!important;grid-row:3!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-expand-box{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:var(--info-h,66px)!important;
  min-height:62px!important;
  margin:0!important;
  padding:5px 7px!important;
  border-radius:7px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-expand-box small{
  font-size:6.9px!important;line-height:1.1!important;margin:0 0 3px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.info-resize-strip{
  grid-column:1 / -1!important;
  grid-row:4!important;
  width:100%!important;
  height:7px!important;
  min-height:7px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.info-resize-strip>span{
  width:28px!important;height:3px!important;background:#9aa3af!important;
}

/* Totals keep one exact line and equal visual weight. */
body.order-editor-page #orderForm #liveA4Preview .ref-totals{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-totals>div{
  box-sizing:border-box!important;min-width:0!important;min-height:50px!important;
  padding:6px 8px!important;border-radius:7px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-totals small{font-size:7px!important}
body.order-editor-page #orderForm #liveA4Preview .ref-totals b{font-size:11px!important}

/* Empty visual starts compact; resizing remains available. */
body.order-editor-page #orderForm #liveA4Preview .ref-visual{
  min-height:100px!important;
  margin-top:0!important;
  margin-bottom:8px!important;
  overflow:visible!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-visual .ref-placeholder{
  padding:7px 74px 7px 10px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-visual .ref-placeholder b{font-size:8.6px!important}
body.order-editor-page #orderForm #liveA4Preview .ref-visual .ref-placeholder span{font-size:6.2px!important}
body.order-editor-page #orderForm #liveA4Preview .image-width-resize{
  right:-4px!important;width:10px!important;height:44px!important;
}
body.order-editor-page #orderForm #liveA4Preview .image-width-resize span{width:3px!important;height:24px!important}
body.order-editor-page #orderForm #liveA4Preview .image-height-resize{
  bottom:-4px!important;width:48px!important;height:10px!important;
}
body.order-editor-page #orderForm #liveA4Preview .image-height-resize span{width:26px!important;height:3px!important}
body.order-editor-page #orderForm #liveA4Preview .image-resize-handle{
  width:12px!important;height:12px!important;right:4px!important;bottom:4px!important;border-radius:4px!important;
}

/* Notes are clearly separate from the visual box; no handle/header collision. */
body.order-editor-page #orderForm #liveA4Preview .ref-notes{
  margin-top:0!important;
  padding-top:4px!important;
  min-height:90px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-notes .notes-resize-handle{
  top:-7px!important;height:10px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-notes .notes-resize-handle span{
  width:28px!important;height:3px!important;background:#555d68!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-notes h3{
  box-sizing:border-box!important;margin:0 0 4px!important;padding:4px 8px!important;min-height:23px!important;
}

@media print{
  body.order-editor-page #orderForm #liveA4Preview .ref-visual{margin-bottom:7px!important;overflow:hidden!important}
  body.order-editor-page #orderForm #liveA4Preview :is(.identity-resize-strip,.info-resize-strip,.notes-resize-handle,.image-height-resize,.image-width-resize,.image-resize-handle){visibility:hidden!important}
}


/* v1.1.70 — lower section stabilization: visual/notes separation and clean handle geometry. */
body.order-editor-page #orderForm #liveA4Preview .reference-a4{
  overflow:hidden!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-size-section{
  margin:0 0 2px!important;
  padding-top:2px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-visual{
  position:relative!important;
  margin:2px auto 14px!important;
  min-height:118px!important;
  border-radius:9px!important;
  overflow:visible!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-visual .ref-placeholder{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:row!important;
  gap:8px!important;
  text-align:center!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-visual .ref-placeholder em{display:none!important}
body.order-editor-page #orderForm #liveA4Preview .image-edit-tools{
  top:8px!important;
  right:8px!important;
  z-index:15!important;
}
body.order-editor-page #orderForm #liveA4Preview .image-width-resize{
  top:50%!important;
  right:-4px!important;
  transform:translateY(-50%)!important;
  width:10px!important;
  height:38px!important;
  z-index:16!important;
}
body.order-editor-page #orderForm #liveA4Preview .image-width-resize span{
  width:3px!important;
  height:22px!important;
  background:#4c5561!important;
}
body.order-editor-page #orderForm #liveA4Preview .image-height-resize{
  left:50%!important;
  bottom:-6px!important;
  transform:translateX(-50%)!important;
  width:42px!important;
  height:12px!important;
  z-index:16!important;
}
body.order-editor-page #orderForm #liveA4Preview .image-height-resize span{
  width:24px!important;
  height:3px!important;
  background:#4c5561!important;
}
body.order-editor-page #orderForm #liveA4Preview .image-resize-handle{
  right:2px!important;
  bottom:2px!important;
  width:11px!important;
  height:11px!important;
  border-radius:4px!important;
  z-index:17!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-notes{
  position:relative!important;
  margin:6px 0 0!important;
  padding-top:10px!important;
  min-height:96px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-notes .notes-resize-handle{
  left:50%!important;
  right:auto!important;
  top:-2px!important;
  width:42px!important;
  height:12px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:18!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-notes .notes-resize-handle span{
  width:24px!important;
  height:3px!important;
  background:#4c5561!important;
  border-radius:999px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-notes h3{
  display:inline-flex!important;
  margin:0 0 6px!important;
  padding:4px 8px!important;
  min-height:22px!important;
  align-items:center!important;
}
body.order-editor-page #orderForm #liveA4Preview .notes-editor-shell{
  box-sizing:border-box!important;
  width:100%!important;
  height:calc(100% - 28px)!important;
  min-height:70px!important;
  margin:0!important;
  border:1px solid #171a20!important;
  border-radius:8px!important;
  overflow:hidden!important;
}
body.order-editor-page #orderForm #liveA4Preview .notes-formatbar{
  min-height:27px!important;
  height:27px!important;
  padding:3px 4px!important;
  gap:3px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
body.order-editor-page #orderForm #liveA4Preview .notes-rich-editor{
  box-sizing:border-box!important;
  height:calc(100% - 27px)!important;
  min-height:0!important;
  padding:7px 9px!important;
}
@media print{
  body.order-editor-page #orderForm #liveA4Preview .ref-visual{margin-bottom:10px!important;overflow:hidden!important}
  body.order-editor-page #orderForm #liveA4Preview .ref-notes{margin-top:4px!important;padding-top:0!important}
}

/* v1.1.71 — bottom block proportion fix: visual and notes share one clean column. */
body.order-editor-page #orderForm #liveA4Preview .ref-visual{
  width:min(var(--image-w,690px),100%)!important;
  max-width:690px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:12px!important;
}

/* Notes block follows the same 690px column as the visual area. */
body.order-editor-page #orderForm #liveA4Preview .ref-notes{
  box-sizing:border-box!important;
  left:50%!important;
  right:auto!important;
  width:min(690px,calc(100% - 60px))!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  padding:8px 0 0!important;
  min-height:0!important;
  height:var(--notes-h,148px)!important;
  bottom:24px!important;
}

/* Prevent old padding/margin rules from shifting the block to the right. */
body.order-editor-page #orderForm #liveA4Preview .ref-notes h3{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:22px!important;
  margin:0 0 5px!important;
  padding:4px 8px!important;
  border-radius:6px!important;
}

body.order-editor-page #orderForm #liveA4Preview .notes-editor-shell{
  box-sizing:border-box!important;
  width:100%!important;
  height:calc(100% - 27px)!important;
  min-height:0!important;
  margin:0!important;
  border-radius:7px!important;
}

/* Toolbar stays compact and visually balanced against the editor body. */
body.order-editor-page #orderForm #liveA4Preview .notes-formatbar{
  box-sizing:border-box!important;
  min-height:28px!important;
  height:28px!important;
  padding:3px 4px!important;
  gap:3px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}

body.order-editor-page #orderForm #liveA4Preview .notes-rich-editor{
  box-sizing:border-box!important;
  min-height:0!important;
  height:calc(100% - 28px)!important;
  padding:7px 9px!important;
}

/* One centered resize grip only; no floating offset line. */
body.order-editor-page #orderForm #liveA4Preview .ref-notes .notes-resize-handle{
  left:50%!important;
  right:auto!important;
  top:-1px!important;
  width:40px!important;
  height:10px!important;
  transform:translateX(-50%)!important;
  padding:0!important;
  margin:0!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-notes .notes-resize-handle span{
  width:22px!important;
  height:3px!important;
  background:#525a66!important;
}

/* Keep enough breathing room above the fixed notes block. */
body.order-editor-page #orderForm #liveA4Preview .reference-a4{
  padding-bottom:calc(var(--notes-h,148px) + 38px)!important;
}

@media print{
  body.order-editor-page #orderForm #liveA4Preview .ref-notes{
    width:calc(100% - 60px)!important;
    transform:translateX(-50%)!important;
  }
}

/* v1.1.72 — date geometry, resize access, flash-free editor entry, rail placement. */

/* Dates: equal width, one clean underline only. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(5){
  grid-column:37 / span 12!important;
  grid-row:1!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(6){
  grid-column:49 / span 12!important;
  grid-row:1!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field{
  border-bottom:0!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-date-field{
  min-width:0!important;
  overflow:visible!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-date-field .a4-direct-input{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  border-top:0!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:1px solid #8f98a5!important;
}

/* Re-enable both resize controls; old responsive rules were hiding them. */
@media screen{
  body.order-editor-page #orderForm #liveA4Preview .ref-info>.identity-resize-strip,
  body.order-editor-page #orderForm #liveA4Preview .ref-info>.info-resize-strip{
    display:flex!important;
    visibility:visible!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:auto!important;
    cursor:ns-resize!important;
    touch-action:none!important;
    background:transparent!important;
    border:0!important;
  }
}

/* When the upper block is enlarged, company/contact fields really gain writing space. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(1) textarea.a4-direct-input,
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(2) textarea.a4-direct-input{
  height:calc(var(--identity-h,43px) - 15px)!important;
  min-height:25px!important;
  max-height:none!important;
  flex:1 1 auto!important;
}

/* Helper rail sits immediately to the left of the A4 editor on desktop. */
@media screen and (min-width:1101px){
  body.order-editor-page.order-editor-page #orderForm .order-a4-main{
    grid-template-columns:190px 794px!important;
    justify-content:center!important;
    justify-items:stretch!important;
    align-items:start!important;
    gap:10px!important;
    max-width:none!important;
    width:100%!important;
    padding:16px!important;
  }
  body.order-editor-page.order-editor-page #orderEditorRail.order-a4-mainbar{
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
    justify-self:end!important;
    margin:0!important;
  }
  body.order-editor-page.order-editor-page #orderForm .live-a4-stage{
    width:794px!important;
    min-width:794px!important;
    max-width:794px!important;
    padding:0!important;
    justify-self:start!important;
  }
}



/* v1.1.73 — wider company/email, tighter dates, full-width notes. */

/* Rebalance the six top fields. Dates stay equal but use much less horizontal space. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(1){
  grid-column:1 / span 17!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(2){
  grid-column:18 / span 9!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(3){
  grid-column:27 / span 7!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(4){
  grid-column:34 / span 11!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(5){
  grid-column:45 / span 8!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(6){
  grid-column:53 / span 8!important;
}

/* Date controls stay compact and readable. */
body.order-editor-page #orderForm #liveA4Preview .ref-date-field .a4-direct-input{
  font-size:9px!important;
  letter-spacing:-.01em!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Notes use the full inner A4 width, matching totals/address blocks above. */
body.order-editor-page #orderForm #liveA4Preview .ref-notes{
  left:30px!important;
  right:30px!important;
  width:auto!important;
  max-width:none!important;
  transform:none!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-notes h3,
body.order-editor-page #orderForm #liveA4Preview .notes-editor-shell{
  width:100%!important;
  max-width:none!important;
}
@media print{
  body.order-editor-page #orderForm #liveA4Preview .ref-notes{
    left:30px!important;
    right:30px!important;
    width:auto!important;
    transform:none!important;
  }
}

/* v1.1.74 — unified top-row resize + responsive width-fit A4 workspace. */

/* When the upper row is resized, ALL six fields grow together. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+6){
  height:var(--identity-h,43px)!important;
  min-height:43px!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+6) .a4-direct-input{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:25px!important;
  max-height:none!important;
  flex:1 1 auto!important;
  height:auto!important;
}
/* Text areas can use the extra vertical space; single-line controls stay visually clean. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(1) textarea.a4-direct-input,
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(2) textarea.a4-direct-input{
  overflow:auto!important;
  resize:none!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-contact-field input.a4-direct-input,
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-date-field input.a4-direct-input{
  display:flex!important;
  align-items:flex-end!important;
}



/* v1.1.101 — Firma adı içerik uzadıkça satır kırar ve üst bilgi bloğu otomatik aşağı büyür. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(1) textarea.a4-direct-input{
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  height:calc(var(--identity-h,46px) - 18px)!important;
  min-height:25px!important;
  max-height:none!important;
  flex:1 1 auto!important;
}


/* v1.1.104 — Üst alanların dördü de gerçek taşmada satır kırar; içerik silinince blok yeniden daralır. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+4) textarea.a4-direct-input{
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  height:calc(var(--identity-h,46px) - 18px)!important;
  min-height:25px!important;
  max-height:none!important;
  flex:1 1 auto!important;
  resize:none!important;
}


/* v1.1.105 — Üst alanlarda satır sonu/kesilme güvenlik payı. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+4) textarea.a4-direct-input{
  height:calc(var(--identity-h,46px) - 15px)!important;
  padding-top:2px!important;
  padding-bottom:3px!important;
  line-height:1.18!important;
  overflow:hidden!important;
}


/* v1.1.106 — üst bilgi metinleri tam satır görünür; büyüme/daralma gerçek içerik yüksekliğine göre. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+4) textarea.a4-direct-input{
  height:calc(var(--identity-h,46px) - 18px)!important;
  min-height:28px!important;
  padding-top:2px!important;
  padding-bottom:4px!important;
  line-height:1.28!important;
  white-space:pre-wrap!important;
  word-break:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(1) textarea.a4-direct-input,
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(2) textarea.a4-direct-input,
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(3) textarea.a4-direct-input{overflow-wrap:break-word!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(4) textarea.a4-direct-input{overflow-wrap:anywhere!important}


/* v1.1.107 — üst alanlarda son satır kesilmesini önleyen kesin ölçüm payı. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+4) textarea.a4-direct-input{
  height:calc(var(--identity-h,46px) - 13px)!important;
  min-height:28px!important;
  padding-top:2px!important;
  padding-bottom:5px!important;
  line-height:1.28!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}


/* v1.1.111 — üst ve adres bloklarında dengeli otomatik büyüme / geri daralma. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+6){
  height:var(--identity-h,46px)!important;
  min-height:46px!important;
  padding-top:2px!important;
  padding-bottom:3px!important;
  justify-content:flex-start!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+6)>small{
  flex:0 0 10px!important;
  line-height:10px!important;
  margin:0 0 2px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+4) textarea.a4-direct-input{
  height:calc(var(--identity-h,46px) - 17px)!important;
  min-height:28px!important;
  padding-top:2px!important;
  padding-bottom:4px!important;
  overflow:hidden!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(5) .a4-direct-input,
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(6) .a4-direct-input{
  height:calc(var(--identity-h,46px) - 17px)!important;
  min-height:28px!important;
  align-self:stretch!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-expand-box{
  height:var(--info-h,68px)!important;
  min-height:68px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:6px 8px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-expand-box>small{
  flex:0 0 10px!important;
  line-height:10px!important;
  margin:0 0 3px!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-expand-box textarea.expandable-direct{
  flex:0 0 auto!important;
  min-height:42px!important;
  max-height:none!important;
  resize:none!important;
  overflow:hidden!important;
}

/* v1.1.112 — Kalabalık isim listesi sakin/kompakt; modal araç çubuğu sabit. */
body.order-editor-page #orderForm #liveA4Preview .a4-named-table :is(th,td){
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  line-height:1.05!important;
  padding:0 .24em!important;
}
body.order-editor-page #orderForm #liveA4Preview .a4-named-table th{
  height:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  font-size:min(var(--named-font,8px),7.2px)!important;
  letter-spacing:0!important;
}
body.order-editor-page #orderForm #liveA4Preview .a4-named-table td{
  height:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  font-size:min(var(--named-font,8px),7.6px)!important;
}
body.order-editor-page #orderForm #liveA4Preview .a4-named-table :is(th,td):first-child{width:24px!important}

/* Satır eklerken modalın dikey merkezi değişmesin; üst araçlar hep aynı yerde kalsın. */
.named-sheet-modal{
  height:min(760px,86vh)!important;
  max-height:86vh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.named-sheet-modal .modal-head,
.named-sheet-modal .named-sheet-toolbar,
.named-sheet-modal .named-import-note,
.named-sheet-modal .named-actions{flex:0 0 auto!important}
.named-sheet-modal .named-sheet-toolbar{
  position:sticky!important;
  top:0!important;
  z-index:8!important;
  background:var(--table)!important;
  padding-bottom:8px!important;
}
.named-sheet-modal .named-sheet-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
}

/* v1.1.114 — Sipariş no hizası + Syne dengeli yayılımı. */
/* Sipariş no bloğu artık kendi sınırları içinde sağa tam hizalanır; önceki 150px input taşması kaldırıldı. */
.reference-a4 .ref-head-meta .ref-order-no{
  flex:0 0 132px!important;
  width:132px!important;
  min-width:132px!important;
  max-width:132px!important;
  text-align:right!important;
  align-self:flex-end!important;
}
.reference-a4 .ref-head-meta .ref-order-no small{
  width:100%!important;
  margin:0 0 3px!important;
  text-align:right!important;
  line-height:1!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-head-meta .ref-order-no .a4-order-edit{
  width:100%!important;
  min-width:0!important;
  display:block!important;
}
body.order-editor-page .reference-a4.a4-edit-mode .ref-head-meta .ref-order-no .a4-order-edit input{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:27px!important;
  min-height:27px!important;
  margin:0!important;
  padding:2px 0 3px!important;
  text-align:right!important;
  line-height:1.1!important;
  font-family:'Syne','DM Sans',sans-serif!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
  border-bottom:1px solid #0b0b0d!important;
}
.reference-a4:not(.a4-edit-mode) .ref-head-meta .ref-order-no b{
  margin-top:3px!important;
  text-align:right!important;
  line-height:1.05!important;
  font-family:'Syne','DM Sans',sans-serif!important;
  font-weight:800!important;
}

/* Syne ana fontu boğmadan başlıklar ve vurgu noktalarında daha görünür kullan. */
.topbar-title,
.hero h1,
.modal-head h2,
.card>h2,.card>h3,
.a4-section-title,
.reference-a4 .ref-head h1,
.reference-a4 .ref-section h3,
.reference-a4 .ref-notes h3,
.reference-a4 .ref-totals b,
.reference-a4 .ref-totals input,
.version-active .metric,
.metric{
  font-family:'Syne','DM Sans',sans-serif!important;
  font-weight:700!important;
}
.reference-a4 .ref-head h1,
.reference-a4 .ref-section h3,
.reference-a4 .ref-notes h3,
.reference-a4 .ref-order-no b,
.reference-a4 .ref-order-no input{
  font-weight:800!important;
}
/* Yan menü metni DM Sans kalır; yalnız aktif sayfaya hafif Syne karakteri verilir. */
.nav button.active{
  font-family:'Syne','DM Sans',sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}


/* v1.1.115 — Sipariş no optik hizası + Syne 800 güçlendirme */
.reference-a4 .ref-head-meta .ref-order-no{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  padding:0!important;
  margin:0!important;
}
.reference-a4 .ref-head-meta .ref-order-no small,
.reference-a4 .ref-head-meta .ref-order-no b,
.reference-a4 .ref-head-meta .ref-order-no input{
  box-sizing:border-box!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:right!important;
}
.reference-a4 .ref-head-meta .ref-order-no small{
  padding-right:1px!important;
  letter-spacing:.08em!important;
}
.reference-a4 .ref-head-meta .ref-order-no b,
body.order-editor-page .reference-a4.a4-edit-mode .ref-head-meta .ref-order-no input{
  font-family:'Syne','DM Sans',sans-serif!important;
  font-weight:800!important;
  font-synthesis:none!important;
  letter-spacing:-.025em!important;
}
.reference-a4 .ref-head h1,
.reference-a4 .ref-order-no b,
.reference-a4 .ref-order-no input,
.topbar-title,.hero h1,.modal-head h2{
  font-family:'Syne','DM Sans',sans-serif!important;
  font-weight:800!important;
  font-synthesis:none!important;
}


/* v1.1.119 — Sipariş Formu başlığında Syne karakterini kesin koru */
.reference-a4 .ref-head h1{font-family:'Syne','DM Sans',sans-serif!important;font-weight:800!important;font-synthesis:none!important;letter-spacing:-.04em!important;}

/* v1.1.124 — instant page switching: old page never repaints with the next page's layout. */
body.view-switching #view{visibility:hidden!important}
body.view-switching #view,body.view-switching #view *{transition:none!important;animation:none!important}

/* v1.1.126 — Dark mode: okunabilir butonlar + daha az stroke
   Dark temada yüzey farkları yeterliyken gereksiz çerçeveler azaltıldı.
   Özellikle Güvenlik sekmelerinde açık zemin/açık yazı çakışması kesin engellendi. */
html[data-theme="dark"]{
  --line:rgba(255,255,255,.065);
  --panel-line:rgba(255,255,255,.055);
  --panel-line-strong:rgba(255,255,255,.095);
  --ui-btn-border:rgba(255,255,255,.065);
  --control-border:rgba(255,255,255,.065);
}

/* Kart/panel ayrımını stroke yerine yüzey tonuyla kur. */
html[data-theme="dark"] .card,
html[data-theme="dark"] .hero,
html[data-theme="dark"] .page-head,
html[data-theme="dark"] .update-block,
html[data-theme="dark"] .version-upload-card,
html[data-theme="dark"] .version-history-card,
html[data-theme="dark"] .security-panel{
  border-color:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .sidebar{border-right-color:rgba(255,255,255,.05)!important}
html[data-theme="dark"] .topbar{border-bottom-color:rgba(255,255,255,.05)!important}

/* Satır/kutu gruplarında sert çerçeveyi kaldır; arka plan farkı ayırıcı olsun. */
html[data-theme="dark"] .security-row,
html[data-theme="dark"] .login-row,
html[data-theme="dark"] .version-row,
html[data-theme="dark"] .version-card,
html[data-theme="dark"] .pricing-cell,
html[data-theme="dark"] .storage-status,
html[data-theme="dark"] .aegis-secret{
  border-color:transparent!important;
}
html[data-theme="dark"] .security-row,
html[data-theme="dark"] .login-row{background:#252a31!important}
html[data-theme="dark"] .table-wrap{border-color:rgba(255,255,255,.045)!important}
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table td{border-bottom-color:rgba(255,255,255,.055)!important}

/* Sekmeler: dış stroke yok; aktif pill kesin kontrastlı. */
html[data-theme="dark"] .settings-tabs,
html[data-theme="dark"] .security-tabs{
  background:#252a31!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .settings-tabs .btn,
html[data-theme="dark"] .security-tabs .btn{
  background:transparent!important;
  color:#d7dce2!important;
  -webkit-text-fill-color:#d7dce2!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .settings-tabs .btn.active,
html[data-theme="dark"] .security-tabs .btn.active{
  background:#eef1f4!important;
  color:#171a1f!important;
  -webkit-text-fill-color:#171a1f!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .settings-tabs .btn.active *,
html[data-theme="dark"] .security-tabs .btn.active *{
  color:#171a1f!important;
  -webkit-text-fill-color:#171a1f!important;
}

/* Dark mode buton metinleri yüzeyle birleşmesin. */
html[data-theme="dark"] .btn:not(.primary):not(.danger):not(.dark),
html[data-theme="dark"] button.btn.ghost{
  color:#f2f4f6!important;
  -webkit-text-fill-color:#f2f4f6!important;
}
html[data-theme="dark"] .btn.ghost{
  background:#2b3037!important;
  border-color:rgba(255,255,255,.06)!important;
}
html[data-theme="dark"] .btn.primary{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:transparent!important;
}
html[data-theme="dark"] .btn.dark,
html[data-theme="dark"] .topbar-actions .btn.dark{
  background:#eef1f4!important;
  color:#171a1f!important;
  -webkit-text-fill-color:#171a1f!important;
  border-color:transparent!important;
}
html[data-theme="dark"] .btn.danger{
  background:#3a2428!important;
  color:#ffb9bf!important;
  -webkit-text-fill-color:#ffb9bf!important;
  border-color:transparent!important;
}
html[data-theme="dark"] .btn *,
html[data-theme="dark"] button *{color:inherit!important}

/* Form kontrollerinde yalnızca çok hafif sınır; focus olduğunda netleşsin. */
html[data-theme="dark"] body:not(.order-editor-page) input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
html[data-theme="dark"] body:not(.order-editor-page) textarea,
html[data-theme="dark"] body:not(.order-editor-page) select{
  border-color:rgba(255,255,255,.09)!important;
}
html[data-theme="dark"] body:not(.order-editor-page) input:focus,
html[data-theme="dark"] body:not(.order-editor-page) textarea:focus,
html[data-theme="dark"] body:not(.order-editor-page) select:focus{
  border-color:color-mix(in srgb,var(--accent) 60%,#fff 10%)!important;
}

/* v1.1.127 — Dark mode segmented tab active label contrast hard-fix.
   This rule intentionally sits last and outranks generic ghost-button text rules. */
html[data-theme="dark"] .security-tabs .btn.active.btn.ghost,
html[data-theme="dark"] .settings-tabs .btn.active.btn.ghost{
  background:#eef1f4!important;
  color:#171a1f!important;
  -webkit-text-fill-color:#171a1f!important;
  border-color:transparent!important;
  text-shadow:none!important;
}
html[data-theme="dark"] .security-tabs .btn.active.btn.ghost *,
html[data-theme="dark"] .settings-tabs .btn.active.btn.ghost *{
  color:#171a1f!important;
  -webkit-text-fill-color:#171a1f!important;
}

/* v1.1.128 — Light/Dark contrast audit
   Final guard rules for controls that could inherit the wrong foreground color.
   Keeps the A4 document itself unchanged while making app chrome readable in both themes. */

/* Order editor: the "İsimli" toggle must never inherit a pale/white label in light mode. */
html:not([data-theme="dark"]) body.order-editor-page #orderEditorRail .editor-named-field > label.checkline,
html[data-theme="light"] body.order-editor-page #orderEditorRail .editor-named-field > label.checkline{
  background:#f7f8fa!important;
  color:#171a1f!important;
  -webkit-text-fill-color:#171a1f!important;
  border-color:#dde2e8!important;
  opacity:1!important;
  text-shadow:none!important;
}
html:not([data-theme="dark"]) body.order-editor-page #orderEditorRail .editor-named-field > label.checkline b,
html[data-theme="light"] body.order-editor-page #orderEditorRail .editor-named-field > label.checkline b{
  color:#171a1f!important;
  -webkit-text-fill-color:#171a1f!important;
  opacity:1!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-named-field > label.checkline{
  background:#2a3037!important;
  color:#f5f6f8!important;
  -webkit-text-fill-color:#f5f6f8!important;
  border-color:rgba(255,255,255,.07)!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-named-field > label.checkline b{
  color:#f5f6f8!important;
  -webkit-text-fill-color:#f5f6f8!important;
  opacity:1!important;
}
body.order-editor-page #orderEditorRail .editor-named-field > label.checkline input[type="checkbox"]{
  opacity:1!important;
  accent-color:#171a1f!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-named-field > label.checkline input[type="checkbox"]{
  accent-color:#f2f4f6!important;
}

/* Order editor secondary labels. */
html:not([data-theme="dark"]) body.order-editor-page #orderEditorRail .limited-form-toggle,
html:not([data-theme="dark"]) body.order-editor-page #orderEditorRail .limited-form-toggle b{
  color:#20252b!important;
  -webkit-text-fill-color:#20252b!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .limited-form-toggle,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .limited-form-toggle b{
  color:#eef1f4!important;
  -webkit-text-fill-color:#eef1f4!important;
}

/* Disabled is still disabled, but never visually disappears. */
body.order-editor-page #orderEditorRail .editor-pdf:disabled,
body.order-editor-page #orderEditorRail .editor-pdf.disabled{
  opacity:1!important;
  filter:none!important;
}
html:not([data-theme="dark"]) body.order-editor-page #orderEditorRail .editor-pdf:disabled,
html:not([data-theme="dark"]) body.order-editor-page #orderEditorRail .editor-pdf.disabled{
  background:#f2f4f6!important;
  color:#6c7480!important;
  -webkit-text-fill-color:#6c7480!important;
  border-color:#dde2e8!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-pdf:disabled,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-pdf.disabled{
  background:#252a31!important;
  color:#aeb6c1!important;
  -webkit-text-fill-color:#aeb6c1!important;
  border-color:transparent!important;
}

/* Native field text / placeholder contrast. */
html:not([data-theme="dark"]) body :is(input,textarea,select){
  color-scheme:light;
}
html:not([data-theme="dark"]) body :is(input,textarea)::placeholder{
  color:#7a828d!important;
  -webkit-text-fill-color:#7a828d!important;
  opacity:1!important;
}
html[data-theme="dark"] body:not(.order-editor-page) :is(input,textarea,select){
  color-scheme:dark;
}
html[data-theme="dark"] body:not(.order-editor-page) :is(input,textarea)::placeholder{
  color:#9ba4af!important;
  -webkit-text-fill-color:#9ba4af!important;
  opacity:1!important;
}
html:not([data-theme="dark"]) body select option{background:#fff;color:#171a1f}
html[data-theme="dark"] body:not(.order-editor-page) select option{background:#272c33;color:#f6f7f9}

/* Dark-theme components that previously only changed the surface, not their text. */
html[data-theme="dark"] .quote-social-toggle{
  background:#252b32!important;
  color:#f3f5f7!important;
  border-color:rgba(255,255,255,.07)!important;
}
html[data-theme="dark"] .quote-social-toggle strong{
  color:#f3f5f7!important;
  -webkit-text-fill-color:#f3f5f7!important;
}
html[data-theme="dark"] .quote-social-toggle i{
  background:#1f242a!important;
  border-color:#5b6470!important;
}
html[data-theme="dark"] .quote-social-toggle input:checked+i{
  background:#7c73ff!important;
  border-color:#7c73ff!important;
}
html[data-theme="dark"] .bandana-order-box{
  background:#24332a!important;
  color:#edf7f0!important;
  border-color:transparent!important;
}
html[data-theme="dark"] .bandana-order-box .muted{color:#b8c9bd!important}
html[data-theme="dark"] .integration-error{background:rgba(255,125,133,.11)!important;color:#ffb9bf!important}
html[data-theme="dark"] .integration-event.success{background:rgba(81,200,120,.12)!important;color:#8ce0a8!important}
html[data-theme="dark"] .integration-event.duplicate,
html[data-theme="dark"] .integration-event.ping{background:rgba(124,115,255,.13)!important;color:#c7c3ff!important}
html[data-theme="dark"] .integration-event.error{background:rgba(255,125,133,.11)!important;color:#ffb9bf!important}

/* Generic disabled controls: visible enough to read while still clearly inactive. */
button:disabled,.btn:disabled,.sheet-tool:disabled{opacity:.72!important;filter:none!important}
body.order-editor-page #orderEditorRail .editor-pdf:disabled,
body.order-editor-page #orderEditorRail .editor-pdf.disabled{opacity:1!important}

/* v1.1.129 — Focus/active control contrast hardening
   Some older generic .field focus rules forced a white surface while dark-theme
   foreground stayed light, making typed values nearly disappear after click/focus.
   Keep app controls theme-native in normal, focus, active and autofill states.
   A4/paper editors are intentionally excluded. */
html[data-theme="dark"] body:not(.order-editor-page) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
  textarea,
  select
){
  background-color:var(--field)!important;
  color:#f6f7f9!important;
  -webkit-text-fill-color:#f6f7f9!important;
  caret-color:#f6f7f9!important;
}
html[data-theme="dark"] body:not(.order-editor-page) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
  textarea,
  select
):is(:focus,:focus-visible,:active){
  background-color:#2b3037!important;
  color:#f8f9fb!important;
  -webkit-text-fill-color:#f8f9fb!important;
  caret-color:#f8f9fb!important;
  border-color:color-mix(in srgb,var(--accent) 58%,#fff 8%)!important;
}
html[data-theme="dark"] body:not(.order-editor-page) :is(input,textarea)::selection{
  background:#625bea!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Browser autofill must not re-introduce a pale field/light text combination. */
html[data-theme="dark"] body:not(.order-editor-page) input:-webkit-autofill,
html[data-theme="dark"] body:not(.order-editor-page) input:-webkit-autofill:hover,
html[data-theme="dark"] body:not(.order-editor-page) input:-webkit-autofill:focus,
html[data-theme="dark"] body:not(.order-editor-page) textarea:-webkit-autofill,
html[data-theme="dark"] body:not(.order-editor-page) textarea:-webkit-autofill:focus,
html[data-theme="dark"] body:not(.order-editor-page) select:-webkit-autofill,
html[data-theme="dark"] body:not(.order-editor-page) select:-webkit-autofill:focus{
  -webkit-text-fill-color:#f8f9fb!important;
  caret-color:#f8f9fb!important;
  -webkit-box-shadow:0 0 0 1000px #2b3037 inset!important;
  box-shadow:0 0 0 1000px #2b3037 inset!important;
}

/* Light mode gets an equally explicit foreground so inherited component rules cannot fade it. */
html:not([data-theme="dark"]) body:not(.order-editor-page) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
  textarea,
  select
){
  color:#171a1f!important;
  -webkit-text-fill-color:#171a1f!important;
  caret-color:#171a1f!important;
}
html:not([data-theme="dark"]) body:not(.order-editor-page) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]),
  textarea,
  select
):is(:focus,:focus-visible,:active){
  background-color:#fff!important;
  color:#171a1f!important;
  -webkit-text-fill-color:#171a1f!important;
  caret-color:#171a1f!important;
}

/* Disabled/readonly fields remain visibly secondary without becoming unreadable. */
html[data-theme="dark"] body:not(.order-editor-page) :is(input,textarea,select):disabled,
html[data-theme="dark"] body:not(.order-editor-page) :is(input,textarea)[readonly]{
  color:#b8c0ca!important;
  -webkit-text-fill-color:#b8c0ca!important;
  opacity:1!important;
}
html:not([data-theme="dark"]) body:not(.order-editor-page) :is(input,textarea,select):disabled,
html:not([data-theme="dark"]) body:not(.order-editor-page) :is(input,textarea)[readonly]{
  color:#68717d!important;
  -webkit-text-fill-color:#68717d!important;
  opacity:1!important;
}

/* v1.1.130 — Dapulse dark contrast + admin-only typography/theme colors */
.dapulse-page .sheet-cell .cell-text{
  color:inherit!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-style:inherit!important;
  font-weight:inherit!important;
  text-decoration:inherit!important;
}
.dapulse-page .admin-format-pill{
  height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 6px;
  border-radius:999px;
  background:color-mix(in srgb,var(--accent) 12%,var(--table));
  color:var(--accent);
  font:800 7px/1 'DM Sans',sans-serif;
  letter-spacing:.08em;
  flex:0 0 auto;
}
.dapulse-page .font-family-select{width:108px;max-width:108px}
.dapulse-page .sheet-color{color:var(--ink)!important}
.dapulse-page .sheet-color>span{color:inherit!important}
html[data-theme="dark"] .dapulse-page .sheet-cell,
html[data-theme="dark"] .dapulse-page .col-head,
html[data-theme="dark"] .dapulse-page .row-head{
  text-shadow:none!important;
}
html[data-theme="dark"] .dapulse-page .col-head,
html[data-theme="dark"] .dapulse-page .row-head,
html[data-theme="dark"] .dapulse-page .sheet-corner{
  background:#252a31!important;
  color:#b9c1cc!important;
  border-color:rgba(255,255,255,.06)!important;
}
html[data-theme="dark"] .dapulse-page .sheet-cell:not([style*="background:"]){
  background:#22272e;
  color:#f2f4f7;
}
html:not([data-theme="dark"]) .dapulse-page .sheet-cell:not([style*="background:"]){
  background:#fff;
  color:#171a1f;
}
@media(max-width:1100px){.dapulse-page .font-family-select{width:94px;max-width:94px}.dapulse-page .admin-format-pill{display:none}}
.dapulse-page .sheet-cell.selected:not([style*="background:"]){
  background:color-mix(in srgb,var(--accent) 10%,var(--table));
}

/* v1.1.131 — Dapulse formatting toolbar: compact spreadsheet-style icons */
.dapulse-page .excel-format-icon{
  position:relative;
  display:inline-grid!important;
  place-items:center;
  width:28px!important;
  min-width:28px!important;
  padding:0!important;
  font-family:'DM Sans',sans-serif!important;
  line-height:1!important;
}
.dapulse-page .excel-format-icon>svg{
  width:17px;
  height:17px;
  display:block;
  pointer-events:none;
}
.dapulse-page .excel-bold>span{
  font-size:14px;
  font-weight:900;
  line-height:1;
  transform:translateY(-.2px);
}
.dapulse-page .excel-italic>span{
  font:800 italic 14px/1 Georgia,'Times New Roman',serif;
  transform:skewX(-5deg) translateY(-.2px);
}
.dapulse-page .excel-underline>span{
  position:relative;
  font-size:13px;
  font-weight:750;
  line-height:1;
  padding-bottom:3px;
}
.dapulse-page .excel-underline>span:after{
  content:'';
  position:absolute;
  left:-1px;
  right:-1px;
  bottom:0;
  height:1.5px;
  border-radius:2px;
  background:currentColor;
}
.dapulse-page .excel-color-tool{
  position:relative;
  display:grid!important;
  place-items:center;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  padding:0!important;
  overflow:hidden;
}
.dapulse-page .excel-text-color-icon{
  font:900 14px/1 'DM Sans',sans-serif!important;
  transform:translateY(-1px);
}
.dapulse-page .excel-fill-icon{
  width:17px;
  height:17px;
  transform:translateY(-1px);
  pointer-events:none;
}
.dapulse-page .excel-color-tool input[type="color"]{
  position:absolute!important;
  left:4px!important;
  right:4px!important;
  bottom:2px!important;
  width:20px!important;
  height:3px!important;
  min-height:3px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  opacity:1!important;
  overflow:hidden!important;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  background:transparent!important;
}
.dapulse-page .excel-color-tool input[type="color"]::-webkit-color-swatch-wrapper{padding:0!important}
.dapulse-page .excel-color-tool input[type="color"]::-webkit-color-swatch{border:0!important;border-radius:999px!important}
.dapulse-page .excel-color-tool input[type="color"]::-moz-color-swatch{border:0!important;border-radius:999px!important}
.dapulse-page .excel-clear-format{
  overflow:hidden;
}
.dapulse-page .excel-clear-format .clear-a{
  position:absolute;
  left:6px;
  top:5px;
  font:800 11px/1 'DM Sans',sans-serif!important;
}
.dapulse-page .excel-clear-format>svg{
  width:18px;
  height:18px;
  transform:translate(3px,2px);
}
.dapulse-page .excel-format-icon:hover,
.dapulse-page .excel-color-tool:hover{
  box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--accent) 65%,transparent);
}
.dapulse-page .excel-format-icon.active,
.dapulse-page .excel-format-icon[aria-pressed="true"]{
  box-shadow:inset 0 -2px 0 rgba(255,255,255,.92)!important;
}


/* v1.1.132 — Dapulse row/column header selection feedback */
.dapulse-page .col-head.range-selected,
.dapulse-page .row-head.range-selected,
.dapulse-page .sheet-corner.range-selected{
  background:color-mix(in srgb,var(--accent) 11%,var(--soft))!important;
  color:color-mix(in srgb,var(--accent) 88%,var(--ink))!important;
  box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--accent) 58%,transparent)!important;
}
.dapulse-page .row-head.range-selected{
  box-shadow:inset -2px 0 0 color-mix(in srgb,var(--accent) 58%,transparent)!important;
}
.dapulse-page .col-head.full-selected,
.dapulse-page .row-head.full-selected,
.dapulse-page .sheet-corner.full-selected{
  background:color-mix(in srgb,var(--accent) 20%,var(--soft))!important;
  color:var(--accent)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent),inset 0 -3px 0 var(--accent)!important;
}
.dapulse-page .row-head.full-selected{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent),inset -3px 0 0 var(--accent)!important;
}
.dapulse-page .system-col-head.range-selected small,
.dapulse-page .system-col-head.full-selected small{
  color:inherit!important;
  opacity:.84;
}
html[data-theme="dark"] .dapulse-page .col-head.range-selected,
html[data-theme="dark"] .dapulse-page .row-head.range-selected,
html[data-theme="dark"] .dapulse-page .sheet-corner.range-selected{
  background:color-mix(in srgb,var(--accent) 16%,#252a31)!important;
  color:#e8e7ff!important;
}
html[data-theme="dark"] .dapulse-page .col-head.full-selected,
html[data-theme="dark"] .dapulse-page .row-head.full-selected,
html[data-theme="dark"] .dapulse-page .sheet-corner.full-selected{
  background:color-mix(in srgb,var(--accent) 28%,#252a31)!important;
  color:#fff!important;
}

/* v1.1.133 — Dapulse: tam satır / sütun seçimi hücre bandı */
/* Satır/sütun başlığına tıklanınca yalnız başlık değil, seçimin tamamı görünür. */
.dapulse-page .sheet-cell.full-row-selected,
.dapulse-page .sheet-cell.full-col-selected,
.dapulse-page .sheet-cell.full-sheet-selected{
  /* inline/custom dolgu renklerini ezmeden Excel benzeri seçim katmanı */
  box-shadow:inset 0 0 0 999px color-mix(in srgb,var(--accent) 13%,transparent)!important;
}
.dapulse-page .sheet-cell.full-row-selected{
  border-top-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important;
  border-bottom-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important;
}
.dapulse-page .sheet-cell.full-col-selected{
  border-left-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important;
  border-right-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important;
}
.dapulse-page .sheet-cell.full-sheet-selected{
  box-shadow:inset 0 0 0 999px color-mix(in srgb,var(--accent) 9%,transparent)!important;
}
html[data-theme="dark"] .dapulse-page .sheet-cell.full-row-selected,
html[data-theme="dark"] .dapulse-page .sheet-cell.full-col-selected{
  box-shadow:inset 0 0 0 999px color-mix(in srgb,var(--accent) 18%,transparent)!important;
}
html[data-theme="dark"] .dapulse-page .sheet-cell.full-sheet-selected{
  box-shadow:inset 0 0 0 999px color-mix(in srgb,var(--accent) 13%,transparent)!important;
}
/* Tam sütun seçildiğinde bütün satır numaraları; tam satır seçildiğinde bütün sütun başlıkları boyanmaz. */
.dapulse-page .col-head.full-selected,
.dapulse-page .row-head.full-selected{
  position:sticky;
  z-index:6;
}

/* v1.1.134 — Dapulse: mouse range selection + blue selection palette */
/* Selection color is intentionally independent from the app accent so spreadsheet
   selections stay Excel-like blue in both light and dark themes. */
.dapulse-page{
  --sheet-select-blue:#2f7df6;
  --sheet-select-blue-strong:#1f6fe5;
  --sheet-select-fill:rgba(47,125,246,.13);
  --sheet-select-fill-strong:rgba(47,125,246,.18);
  --sheet-select-head:rgba(47,125,246,.16);
  --sheet-select-head-strong:rgba(47,125,246,.25);
}
html[data-theme="dark"] .dapulse-page{
  --sheet-select-blue:#62a8ff;
  --sheet-select-blue-strong:#7bb6ff;
  --sheet-select-fill:rgba(74,151,255,.18);
  --sheet-select-fill-strong:rgba(74,151,255,.24);
  --sheet-select-head:rgba(74,151,255,.20);
  --sheet-select-head-strong:rgba(74,151,255,.30);
}

/* Mouse drag / Shift selection: always visible, even over custom cell fills. */
.dapulse-page .sheet-cell.selected{
  box-shadow:inset 0 0 0 999px var(--sheet-select-fill)!important;
}
html[data-theme="dark"] .dapulse-page .sheet-cell.selected{
  box-shadow:inset 0 0 0 999px var(--sheet-select-fill)!important;
}
.dapulse-page .sheet-cell.anchor-cell{
  outline:2px solid var(--sheet-select-blue)!important;
  outline-offset:-2px!important;
  z-index:5!important;
}
.dapulse-page .fill-handle{
  background:var(--sheet-select-blue)!important;
}

/* Full row / full column / whole sheet selections use the same blue family,
   only slightly stronger than a normal cell range. */
.dapulse-page .sheet-cell.full-row-selected,
.dapulse-page .sheet-cell.full-col-selected{
  box-shadow:inset 0 0 0 999px var(--sheet-select-fill-strong)!important;
}
.dapulse-page .sheet-cell.full-sheet-selected{
  box-shadow:inset 0 0 0 999px var(--sheet-select-fill)!important;
}
.dapulse-page .sheet-cell.full-row-selected{
  border-top-color:color-mix(in srgb,var(--sheet-select-blue) 55%,var(--line))!important;
  border-bottom-color:color-mix(in srgb,var(--sheet-select-blue) 55%,var(--line))!important;
}
.dapulse-page .sheet-cell.full-col-selected{
  border-left-color:color-mix(in srgb,var(--sheet-select-blue) 55%,var(--line))!important;
  border-right-color:color-mix(in srgb,var(--sheet-select-blue) 55%,var(--line))!important;
}

/* Row / column headers: blue instead of the previous purple accent. */
.dapulse-page .col-head.range-selected,
.dapulse-page .row-head.range-selected,
.dapulse-page .sheet-corner.range-selected{
  background:var(--sheet-select-head)!important;
  color:var(--sheet-select-blue-strong)!important;
  border-color:color-mix(in srgb,var(--sheet-select-blue) 35%,var(--line))!important;
  box-shadow:inset 0 -2px 0 var(--sheet-select-blue)!important;
}
.dapulse-page .row-head.range-selected{
  box-shadow:inset -2px 0 0 var(--sheet-select-blue)!important;
}
.dapulse-page .col-head.full-selected,
.dapulse-page .row-head.full-selected,
.dapulse-page .sheet-corner.full-selected{
  background:var(--sheet-select-head-strong)!important;
  color:var(--sheet-select-blue-strong)!important;
  border-color:color-mix(in srgb,var(--sheet-select-blue) 48%,var(--line))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sheet-select-blue) 48%,transparent),inset 0 -3px 0 var(--sheet-select-blue)!important;
}
.dapulse-page .row-head.full-selected{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sheet-select-blue) 48%,transparent),inset -3px 0 0 var(--sheet-select-blue)!important;
}
html[data-theme="dark"] .dapulse-page .col-head.range-selected,
html[data-theme="dark"] .dapulse-page .row-head.range-selected,
html[data-theme="dark"] .dapulse-page .sheet-corner.range-selected,
html[data-theme="dark"] .dapulse-page .col-head.full-selected,
html[data-theme="dark"] .dapulse-page .row-head.full-selected,
html[data-theme="dark"] .dapulse-page .sheet-corner.full-selected{
  color:#eaf4ff!important;
}


/* v1.1.135 — Dapulse dark selection polish + Yeni Sipariş control rail stays light in dark mode */
html[data-theme="dark"] .dapulse-page{
  --sheet-select-blue:#4da3ff;
  --sheet-select-blue-strong:#8ec8ff;
  --sheet-select-fill:rgba(77,163,255,.22);
  --sheet-select-fill-strong:rgba(77,163,255,.30);
  --sheet-select-head:rgba(77,163,255,.18);
  --sheet-select-head-strong:rgba(77,163,255,.28);
}
html[data-theme="dark"] .dapulse-page .sheet-cell.selected{
  box-shadow:inset 0 0 0 999px var(--sheet-select-fill)!important,inset 0 0 0 1px rgba(142,200,255,.12)!important;
}
html[data-theme="dark"] .dapulse-page .sheet-cell.anchor-cell{
  outline-color:var(--sheet-select-blue-strong)!important;
  box-shadow:inset 0 0 0 999px var(--sheet-select-fill)!important,0 0 0 1px rgba(77,163,255,.18)!important;
}
html[data-theme="dark"] .dapulse-page .sheet-cell.full-row-selected,
html[data-theme="dark"] .dapulse-page .sheet-cell.full-col-selected{
  box-shadow:inset 0 0 0 999px var(--sheet-select-fill-strong)!important,inset 0 0 0 1px rgba(142,200,255,.14)!important;
}
html[data-theme="dark"] .dapulse-page .sheet-cell.full-sheet-selected{
  box-shadow:inset 0 0 0 999px var(--sheet-select-fill)!important,inset 0 0 0 1px rgba(142,200,255,.10)!important;
}
html[data-theme="dark"] .dapulse-page .col-head.range-selected,
html[data-theme="dark"] .dapulse-page .row-head.range-selected,
html[data-theme="dark"] .dapulse-page .sheet-corner.range-selected{
  background:rgba(77,163,255,.18)!important;
  color:#eef7ff!important;
  border-color:rgba(77,163,255,.34)!important;
  box-shadow:inset 0 -2px 0 var(--sheet-select-blue)!important;
}
html[data-theme="dark"] .dapulse-page .row-head.range-selected{
  box-shadow:inset -2px 0 0 var(--sheet-select-blue)!important;
}
html[data-theme="dark"] .dapulse-page .col-head.full-selected,
html[data-theme="dark"] .dapulse-page .row-head.full-selected,
html[data-theme="dark"] .dapulse-page .sheet-corner.full-selected{
  background:rgba(77,163,255,.28)!important;
  color:#ffffff!important;
  border-color:rgba(77,163,255,.48)!important;
  box-shadow:inset 0 0 0 1px rgba(142,200,255,.28),inset 0 -3px 0 var(--sheet-select-blue-strong)!important;
}
html[data-theme="dark"] .dapulse-page .row-head.full-selected{
  box-shadow:inset 0 0 0 1px rgba(142,200,255,.28),inset -3px 0 0 var(--sheet-select-blue-strong)!important;
}
html[data-theme="dark"] .dapulse-page .fill-handle{
  background:var(--sheet-select-blue-strong)!important;
  box-shadow:0 0 0 1px rgba(34,43,54,.7),0 0 0 3px rgba(77,163,255,.22)!important;
}
html[data-theme="dark"] .dapulse-page .sheet-cell.fill-preview{
  background:rgba(77,163,255,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(142,200,255,.30)!important;
}

/* Yeni Sipariş kontrol paneli koyu temada da açık kalsın; bu alan light görünümle çalışsın. */
html[data-theme="dark"] body.order-editor-page #orderEditorRail.order-a4-mainbar{
  background:#ffffff!important;
  color:#171a1f!important;
  border:1px solid #dde3ea!important;
  box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail,
html[data-theme="dark"] body.order-editor-page #orderEditorRail *{
  text-shadow:none!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-brand b,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-save-status,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-named-field > label.checkline b,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .limited-form-toggle b,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .a4-view-control select,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-product-field select,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-source-field select,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .btn.ghost,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-theme,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-pdf{
  color:#171a1f!important;
  -webkit-text-fill-color:#171a1f!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-brand small,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-product-field label,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-source-field label,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-source-field .muted,
html[data-theme="dark"] body.order-editor-page #orderEditorRail #namedCount,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .a4-view-control span{
  color:#6f7680!important;
  -webkit-text-fill-color:#6f7680!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-theme,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .btn.ghost,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-product-field select,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-source-field select,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .a4-view-control select,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-named-field > label.checkline,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .limited-form-toggle{
  background:#f7f8fa!important;
  border-color:#dde3ea!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-product-field select,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-source-field select,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .a4-view-control select{
  appearance:auto;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-save{
  background:#0f172a!important;
  border-color:#0f172a!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-named-field > label.checkline input[type="checkbox"],
html[data-theme="dark"] body.order-editor-page #orderEditorRail .limited-form-toggle input[type="checkbox"]{
  accent-color:#171a1f!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .limited-form-toggle span{
  background:#171a1f!important;
  color:#ffffff!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-pdf:disabled,
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-pdf.disabled{
  background:#f5f6f8!important;
  border-color:#e1e5eb!important;
  color:#c1c7d0!important;
  -webkit-text-fill-color:#c1c7d0!important;
}


/* v1.1.136 — Yeni Sipariş light panel: kayıt durumu renkleri de light kalsın */
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-save-status.saving{
  background:#eef1f4!important;
  color:#555e69!important;
  -webkit-text-fill-color:#555e69!important;
  border-color:#e1e5ea!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-save-status.ok{
  background:#e8f7ef!important;
  color:#17663f!important;
  -webkit-text-fill-color:#17663f!important;
  border-color:#ccebd9!important;
}
html[data-theme="dark"] body.order-editor-page #orderEditorRail .editor-save-status.error{
  background:#fdebed!important;
  color:#a52e38!important;
  -webkit-text-fill-color:#a52e38!important;
  border-color:#f3cfd4!important;
}

/* v1.1.137 — Marka bazlı fiyat profilleri */
.pricing-profile-section{display:grid;gap:14px}
.pricing-profile-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.pricing-profile-title h3{margin:5px 0 4px;font-family:'Syne',sans-serif}
.pricing-profile-title p{max-width:900px;margin:0}
#priceProfiles{display:grid;gap:12px}
.price-profile-card{border:1px solid var(--line);border-radius:16px;background:var(--soft);padding:14px;display:grid;gap:14px}
.price-profile-head{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;gap:10px;align-items:end}
.price-profile-head .field{gap:5px}
.price-profile-head input,.price-profile-head select,.profile-rule input{width:100%;border:1px solid var(--line);background:var(--table);color:var(--ink);border-radius:10px;padding:9px 10px;outline:none}
.price-profile-head input:focus,.price-profile-head select:focus,.profile-rule input:focus{border-color:#7db5ff;box-shadow:0 0 0 3px rgba(47,125,246,.10)}
.price-profile-brands{display:grid;gap:8px}
.price-profile-brands>b,.profile-rules-head b{font:800 11px 'Syne',sans-serif;color:var(--ink)}
.profile-brand-grid{display:flex;flex-wrap:wrap;gap:7px}
.profile-brand-check{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 9px;border:1px solid var(--line);border-radius:10px;background:var(--table);cursor:pointer;user-select:none}
.profile-brand-check input{position:absolute;opacity:0;pointer-events:none}
.profile-brand-check>span{width:16px;height:16px;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center;font-size:10px;color:transparent;background:var(--field)}
.profile-brand-check input:checked+span{background:#2f7df6;border-color:#2f7df6;color:#fff}
.profile-brand-check>b{font-size:11px}
.profile-rules-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:12px}
.profile-rules-head>div{display:grid;gap:3px}
.profile-rules-head small{font-size:10px;color:var(--muted)}
.profile-rules{display:grid;gap:7px}
.profile-rule{display:grid;grid-template-columns:70px minmax(105px,1fr) 16px minmax(120px,1fr) minmax(135px,1fr) auto;gap:7px;align-items:end}
.profile-rule>label{display:grid;gap:4px}
.profile-rule>label small{font-size:9px;font-weight:700;color:var(--muted)}
.profile-rule-label{height:36px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,#2f7df6 10%,var(--table));color:#1f6fe5;font-size:10px;font-weight:900}
.profile-rule-dash{align-self:center;text-align:center;color:var(--muted);font-weight:900;padding-top:12px}
.profile-empty{border:1px dashed var(--line);border-radius:14px;background:var(--soft);display:grid;gap:5px}
.profile-empty b{color:var(--ink)}
.profile-empty span{font-size:11px;color:var(--muted)}
.legacy-pricing{padding:0!important;overflow:hidden}
.legacy-pricing summary{list-style:none;cursor:pointer;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.legacy-pricing summary::-webkit-details-marker{display:none}
.legacy-pricing summary b{font-family:'Syne',sans-serif}
.legacy-pricing summary span{font-size:10px;color:var(--muted)}
.legacy-pricing[open] summary{border-bottom:1px solid var(--line)}
.legacy-pricing-body{padding:16px 18px}
html[data-theme="dark"] .price-profile-card{background:#20252b;border-color:rgba(255,255,255,.07)}
html[data-theme="dark"] .profile-rule-label{background:rgba(77,163,255,.15);color:#9dceff}
html[data-theme="dark"] .profile-brand-check input:checked+span{background:#4da3ff;border-color:#4da3ff;color:#0e1824}
.quote-item[data-price-manual="0"] [data-q-price]{box-shadow:inset 0 -2px 0 rgba(47,125,246,.55)}
.quote-item[data-price-manual="1"] [data-q-price]{box-shadow:none}
@media(max-width:900px){.pricing-profile-title{flex-direction:column}.price-profile-head{grid-template-columns:1fr}.profile-delete{width:100%}.profile-rule{grid-template-columns:54px 1fr 12px 1fr}.profile-rule label:nth-of-type(3){grid-column:2/4}.profile-rule .btn{grid-column:4}.legacy-pricing summary{align-items:flex-start;flex-direction:column}}


/* v1.1.143 — Quote long contact values + view-screen PDF actions */
.quote-preview-page .quote-customer .quote-email-field b{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  font-size:9px!important;
  letter-spacing:-.01em;
}
.quote-preview-page .quote-customer .quote-email-field{min-width:0!important}
.quote-preview-page .a4-toolbar .actions{display:flex;align-items:center;gap:8px}
@media(max-width:700px){
  .quote-preview-page .a4-toolbar{align-items:stretch!important;gap:8px!important;flex-wrap:wrap!important}
  .quote-preview-page .a4-toolbar .actions{margin-left:auto}
}


/* v1.1.148 — Teklif edit logo boyutu, Teklifi Görüntüle ile birebir */
body.quote-editor-page .quote-brand-editor>.a4-brand-select .a4-brand-visual-btn img{
  max-width:180px!important;
  max-height:68px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.quote-editor-page .quote-brand-editor>.a4-brand-select .a4-brand-visual-btn b{
  font-size:24px!important;
}


/* v1.1.149 — Sipariş / teklif listelerinde bireysel ve toplu indirme */
.list-toolbar{align-items:stretch!important}
.list-toolbar .search{display:flex;align-items:center}
.bulk-list-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-left:auto}
.bulk-list-actions .btn{min-height:38px;padding:8px 11px;font-size:11px;white-space:nowrap;margin:0!important}
.bulk-list-actions .btn:disabled{opacity:.45;cursor:not-allowed}
.bulk-check-cell{width:42px!important;min-width:42px!important;max-width:42px!important;text-align:center!important;padding-left:10px!important;padding-right:8px!important}
.bulk-row-check{width:17px!important;height:17px!important;min-width:17px!important;accent-color:#5b5cf0;cursor:pointer;vertical-align:middle;margin:0!important;padding:0!important;border-radius:5px!important}
.order-list-table,.quote-list-table{min-width:980px}
.order-list-table .actions,.quote-list-table .actions{white-space:nowrap;flex-wrap:nowrap}
.list-download-btn{font-weight:800!important}
html[data-theme="dark"] .bulk-row-check{accent-color:#8c8df6}
@media(max-width:900px){.list-toolbar{align-items:stretch}.list-toolbar .search{flex-basis:100%}.bulk-list-actions{width:100%;justify-content:flex-start;margin-left:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.bulk-list-actions .btn{flex:0 0 auto}}
@media(max-width:700px){.bulk-list-actions .btn{min-height:34px;padding:7px 9px;font-size:10px}.order-list-table,.quote-list-table{min-width:1040px}.bulk-check-cell{position:sticky;left:0;z-index:3;background:var(--table)!important}.table th.bulk-check-cell{z-index:4;background:var(--soft)!important}}


/* v1.1.150 — Sipariş üst bilgisi: edit / görüntüle aynı kompakt tek satır */
/* Görüntüle tarafında da ilk 6 alan editördekiyle aynı tek satır geometride kalır. */
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info{
  display:grid!important;
  grid-template-columns:repeat(60,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  column-gap:7px!important;
  row-gap:5px!important;
  align-items:stretch!important;
  padding:0!important;
  margin:0!important;
}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-top-field:nth-child(1){grid-column:1 / span 17!important;grid-row:1!important}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-top-field:nth-child(2){grid-column:18 / span 9!important;grid-row:1!important}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-top-field:nth-child(3){grid-column:27 / span 7!important;grid-row:1!important}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-top-field:nth-child(4){grid-column:34 / span 11!important;grid-row:1!important}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-top-field:nth-child(5){grid-column:45 / span 8!important;grid-row:1!important}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-top-field:nth-child(6){grid-column:53 / span 8!important;grid-row:1!important}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-top-field:nth-child(-n+6){
  box-sizing:border-box!important;
  min-width:0!important;
  height:39px!important;
  min-height:39px!important;
  padding:2px 0 3px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #0b0b0d!important;
  overflow:hidden!important;
}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-top-field:nth-child(-n+6)>small{
  display:block!important;
  margin:0 0 2px!important;
  font-size:6.9px!important;
  line-height:1.1!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-top-field:nth-child(-n+6)>b{
  display:block!important;
  min-width:0!important;
  margin:2px 0 0!important;
  font:600 9.8px/1.2 'DM Sans',sans-serif!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-billing-box{grid-column:1 / span 20!important;grid-row:2!important}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-shipping-box{grid-column:21 / span 20!important;grid-row:2!important}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-shortdesc-box{grid-column:41 / span 20!important;grid-row:2!important}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-expand-box{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
/* Editör de aynı sütun oranlarını son kural olarak kullanır. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(1){grid-column:1 / span 17!important;grid-row:1!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(2){grid-column:18 / span 9!important;grid-row:1!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(3){grid-column:27 / span 7!important;grid-row:1!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(4){grid-column:34 / span 11!important;grid-row:1!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(5){grid-column:45 / span 8!important;grid-row:1!important}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(6){grid-column:53 / span 8!important;grid-row:1!important}

/* v1.1.152 — Metinli alanlar içerik varken metni kesecek kadar küçülemez. */
/* Editör: yükseklik tutamaçları JS tarafında içerik tabanına kilitlenir; burada taşma/kesme kuralları gevşetilir. */
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+6),
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-expand-box{
  overflow:visible!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-info>.ref-top-field:nth-child(-n+4) textarea.a4-direct-input,
body.order-editor-page #orderForm #liveA4Preview .ref-expand-box textarea.expandable-direct{
  text-overflow:clip!important;
  overflow:hidden!important;
  max-height:none!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-expand-box textarea.expandable-direct{
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body.order-editor-page #orderForm #liveA4Preview .ref-notes,
body.order-editor-page #orderForm #liveA4Preview .notes-editor-shell,
body.order-editor-page #orderForm #liveA4Preview .notes-rich-editor{
  max-height:none!important;
}
body.order-editor-page #orderForm #liveA4Preview .notes-rich-editor{
  overflow:auto!important;
}

/* Görüntüleme / tarayıcı çıktısı: kayıtlı ölçü minimumdur; uzun metin varsa alan kendiliğinden büyür, ellipsis ile kesilmez. */
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-top-field:nth-child(-n+6){
  height:auto!important;
  min-height:var(--identity-h,39px)!important;
  overflow:visible!important;
}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-top-field:nth-child(-n+6)>b{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-expand-box{
  height:auto!important;
  min-height:var(--info-h,68px)!important;
  overflow:visible!important;
}
body:not(.order-editor-page) .reference-a4:not(.limited-form-view) .ref-info>.ref-expand-box>p{
  white-space:pre-wrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body:not(.order-editor-page) .reference-a4 .ref-notes{
  height:auto!important;
  min-height:var(--notes-h,110px)!important;
  overflow:visible!important;
}
body:not(.order-editor-page) .reference-a4 .notes-rich-output{
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}