*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f5f7;color:#20262d}.header{height:70px;background:#173f2b;color:#fff;display:flex;align-items:center;padding:0 30px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.logo{font-size:25px;font-weight:bold;letter-spacing:1px}.header-line{height:30px;width:1px;background:#ffffff4d;margin:0 22px}.header-title{font-size:17px;opacity:.9}.container{display:flex;height:calc(100vh - 70px)}
.left-panel{width:390px;background:#fff;padding:25px;border-right:1px solid #dfe4e8;overflow-y:auto}.step-header{display:flex;align-items:center;margin-bottom:25px}.step-number{width:42px;height:42px;border-radius:50%;background:#173f2b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:bold;margin-right:12px}.step-title{font-size:19px;font-weight:bold}.step-description{font-size:12px;color:#8a929a;margin-top:4px}.form-group{margin-bottom:15px}.form-label{display:block;font-size:13px;font-weight:bold;margin-bottom:7px;color:#39424c}input,select{width:100%;height:42px;border:1px solid #d2d7dc;border-radius:7px;padding:0 11px;font-size:14px;outline:none;background:#fff}input:focus,select:focus{border-color:#2d704c;box-shadow:0 0 0 3px #2d704c1a}.dimension-title{font-size:13px;font-weight:bold;margin-bottom:7px;color:#39424c}.dimension-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.dimension-box label{display:block;font-size:11px;margin-bottom:5px;color:#69727c}.dimension-input,.weight-input{position:relative}.dimension-input input,.weight-input input{padding-right:35px}.dimension-input span,.weight-input span{position:absolute;right:10px;top:13px;font-size:11px;color:#929aa3}.save-button,.place-button{width:100%;height:45px;border:none;border-radius:8px;background:#2d704c;color:#fff;font-size:14px;font-weight:bold;cursor:pointer}.save-button:hover,.place-button:hover{background:#235c3d}.container-box{border-top:1px solid #e3e7e9;margin-top:23px;padding-top:20px}.container-box-title{font-size:15px;font-weight:bold;color:#173f2b;margin-bottom:12px}.container-dims{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:9px}.dim-read{background:#f4f6f7;border:1px solid #e0e4e7;border-radius:6px;padding:8px 5px;text-align:center}.dim-read b{display:block;font-size:12px}.dim-read span{font-size:10px;color:#737d85}.right-panel{flex:1;padding:20px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.right-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.right-title{font-size:18px;font-weight:bold}.pallet-count{background:#fff;border:1px solid #dfe4e8;border-radius:20px;padding:6px 12px;font-size:12px;color:#59636e}.table-container{background:#fff;border-radius:9px;border:1px solid #e0e4e8;overflow:auto;box-shadow:0 2px 8px #0000000a;max-height:280px;flex:0 0 auto}table{width:100%;border-collapse:collapse}thead{background:#f5f7f8;position:sticky;top:0;z-index:2}th{padding:6px 9px;text-align:left;font-size:10px;color:#58616b;border-bottom:1px solid #e2e6e9;white-space:nowrap}td{padding:5px 9px;font-size:10px;border-bottom:1px solid #edf0f2;white-space:nowrap}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#e8f3ed}tbody tr.selected td:first-child{box-shadow:inset 3px 0 #2d704c}.pallet-number{font-weight:bold;color:#173f2b}.edit-button{border:1px solid #d8dde2;background:#fff;color:#4d5963;border-radius:4px;padding:3px 6px;cursor:pointer;font-size:10px;margin-right:4px}.edit-button:hover{border-color:#755920;color:#755920}.delete-button{border:none;background:#fbecec;color:#c74444;border-radius:4px;padding:3px 6px;cursor:pointer;font-size:10px}.loading-workspace{margin-top:10px;background:#fff;border:1px solid #dfe4e8;border-radius:10px;box-shadow:0 2px 8px #0000000a;padding:12px;flex:1;min-height:0;display:flex;flex-direction:column}.workspace-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.workspace-title{font-size:15px;font-weight:bold;color:#173f2b}.workspace-subtitle{font-size:10px;color:#7b858e;margin-top:3px}.selected-info{font-size:11px;background:#f1f7f3;border:1px solid #d8e8de;border-radius:6px;padding:7px 10px;color:#2d704c;white-space:nowrap}.views{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1;min-height:0}.side-view{background:#f7f9fa;border:1px solid #cfd6db;border-radius:8px;display:flex;flex-direction:column;min-height:220px;overflow:hidden}.side-view-title{height:32px;display:flex;align-items:center;justify-content:center;background:#eef2f3;border-bottom:1px solid #d5dadd;font-size:10px;font-weight:bold;color:#58636d}.view-toolbar{height:34px;display:flex;align-items:center;justify-content:center;gap:6px;background:#fafbfb;border-bottom:1px solid #e1e5e7}.view-toolbar button{border:1px solid #cbd3d8;background:#fff;border-radius:5px;padding:5px 8px;font-size:10px;cursor:pointer}.view-toolbar button:hover{border-color:#2d704c;color:#2d704c}.container-side-view{position:relative;width:96%;height:auto;max-width:96%;max-height:100%;margin:18px auto 22px;border:2px solid #7f8b92;background:#fff;overflow:hidden;min-height:160px;flex:0 0 auto;align-self:center;transition:width .25s ease,height .25s ease}.side-view{min-height:220px;justify-content:flex-start}.container-side-view .dimension-h{pointer-events:none}.container-side-view .dimension-v{pointer-events:none}.container-floor{position:absolute;left:0;right:0;bottom:0;height:2px;background:#68747b}.container-ceiling{position:absolute;left:0;right:0;top:0;height:2px;background:#68747b}.dimension-h{position:absolute;bottom:-17px;left:0;right:0;text-align:center;font-size:9px;color:#68747b}.dimension-v{position:absolute;right:-22px;top:50%;font-size:9px;color:#68747b;transform:rotate(90deg) translateX(50%);transform-origin:center}.pallet-block{position:absolute;touch-action:none;user-select:none;background:#dcebe2;border:2px solid #2d704c;border-radius:3px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;font-size:9px;font-weight:bold;color:#173f2b;cursor:pointer;min-width:22px;min-height:16px}.pallet-block:hover{z-index:20;filter:brightness(.97);transform:scale(1.015)}.measure-line{position:absolute;pointer-events:none;color:#6b747b;font-size:9px;z-index:5}.measure-line.h{height:1px;border-top:1px dashed #9aa4aa}.measure-line.v{width:1px;border-left:1px dashed #9aa4aa}.measure-label{position:absolute;background:#fff;padding:1px 3px;border-radius:3px;white-space:nowrap}.pallet-block span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px}.empty-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#a0a8ae;font-size:11px;pointer-events:none}.view-stats{display:flex;justify-content:space-around;gap:6px;padding:6px 8px;font-size:10px;color:#59636e;background:#fff;border-top:1px solid #e1e5e7}.view-stats b{color:#173f2b}.bottom-note{text-align:center;font-size:9px;color:#8d969d;margin-top:2px}.empty-table{padding:13px;text-align:center;color:#9aa2aa;font-size:11px}.status{margin-top:8px;font-size:11px;color:#66717a;min-height:16px}.danger{color:#b53d3d}.success{color:#2d704c}@media(max-width:1000px){.left-panel{width:330px}.views{grid-template-columns:1fr 1fr}}@media(max-width:800px){.container{flex-direction:column;height:auto}.left-panel{width:100%;border-right:none;border-bottom:1px solid #dfe4e8}.right-panel{height:750px}.views{grid-template-columns:1fr}.side-view{min-height:260px}}
.remove-placed{position:absolute;top:3px;right:3px;width:20px;height:20px;border:0;border-radius:50%;background:#fff;color:#b42318;font-size:15px;font-weight:bold;line-height:20px;padding:0;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.2);z-index:60}.remove-placed:hover{background:#b42318;color:#fff}
.container-dim-table-wrap{margin:10px 0 14px;background:#f7f9f8;border:1px solid #dce5df;border-radius:10px;padding:10px}.container-dim-title{font-size:11px;font-weight:700;color:#173f2b;margin-bottom:7px;text-transform:uppercase}.container-dim-table{width:100%;border-collapse:collapse;font-size:10px}.container-dim-table th{background:#e8efeb;color:#173f2b;font-weight:700;padding:6px 4px;text-align:center}.container-dim-table td{padding:6px 4px;border-top:1px solid #e1e7e3;text-align:center}.container-dim-table td:first-child{font-weight:700;text-align:left}.container-dim-note{font-size:9px;color:#718078;margin-top:7px;line-height:1.35}
.pdf-button{border:1px solid #2d704c;background:#2d704c;color:#fff;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:bold;cursor:pointer;white-space:nowrap}.pdf-button:hover{background:#235c3d}
/* NOVAWOOD kurumsal renkleri - PDF önizleme / çıktı */
.print-report{display:none;background:#f4f5f7;min-height:100vh;font-family:Arial,Helvetica,sans-serif;color:#20252b}
.print-toolbar{position:sticky;top:0;z-index:100;background:#202a35;color:#fff;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px rgba(0,0,0,.16)}
.print-toolbar-title{font-size:15px;font-weight:700;letter-spacing:.2px}.print-toolbar-actions{display:flex;gap:9px}.print-toolbar button{border:0;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:700;cursor:pointer}.print-download{background:#e6c621;color:#202a35}.print-back{background:#ffffff16;color:#fff;border:1px solid #ffffff45!important}
.print-paper{width:1120px;min-height:790px;margin:26px auto;background:#fff;padding:38px 44px 42px;box-shadow:0 5px 24px rgba(0,0,0,.13)}
.simple-print-title{text-align:left;font-size:23px;font-weight:800;color:#202a35;margin:0 0 20px;padding:0 0 15px;border-bottom:3px solid #e6c621;letter-spacing:.3px}
.simple-print-info{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:10px;margin-bottom:14px;font-size:13px}.simple-print-info>div{border:1px solid #d8dde2;border-radius:6px;padding:11px 13px;background:#f8f9fa}.simple-print-info b{display:block;color:#6d747b;font-size:10px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:5px}.simple-print-info span{font-size:14px;font-weight:700;color:#202a35}
.print-dimensions{margin:0 0 22px;border:1px solid #d8dde2;border-radius:7px;overflow:hidden}.print-dimensions-title{padding:9px 13px;background:#202a35;color:#fff;font-size:11px;font-weight:700;letter-spacing:.7px}.print-dimensions table{width:100%;border-collapse:collapse;font-size:12px}.print-dimensions th{background:#ecebeb;color:#50565c;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.print-dimensions th,.print-dimensions td{padding:8px 10px;border-bottom:1px solid #e1e4e7;text-align:center}.print-dimensions tr:last-child td{border-bottom:0}.print-dimensions td{font-weight:700;color:#202a35}
.print-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.print-summary>div{border:1px solid #d8dde2;border-radius:7px;padding:10px 13px;background:#f8f9fa}.print-summary span{display:block;font-size:9px;color:#707982;text-transform:uppercase;letter-spacing:.6px}.print-summary strong{display:block;margin-top:4px;font-size:17px;color:#202a35}.unloaded-section{margin:0 0 18px;border:1px solid #d8dde2;border-radius:7px;overflow:hidden}.unloaded-title{padding:8px 12px;background:#f0f2f4;color:#202a35;font-size:10px;font-weight:800;letter-spacing:.6px}.unloaded-section table{width:100%;border-collapse:collapse;font-size:11px}.unloaded-section th,.unloaded-section td{padding:7px 9px;border-top:1px solid #e1e4e7;text-align:left}.unloaded-section th{font-size:9px;text-transform:uppercase;background:#fafbfc;color:#66717a}.unloaded-section td:last-child,.unloaded-section th:last-child{text-align:center}.no-unloaded{text-align:center!important;color:#66717a!important;font-style:italic}
.print-note{font-size:10px;color:#737b83;margin:-8px 0 18px;text-align:left}.simple-print-views{display:flex;flex-direction:column;gap:22px;align-items:stretch}.simple-print-side{border:1px solid #cfd5da;border-radius:8px;padding:12px;background:#fff;break-inside:avoid}.simple-print-side-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#202a35;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #e2e5e8}.simple-print-side-title:before{content:"";width:5px;height:15px;background:#e6c621;border-radius:2px}.simple-print-side .container-side-view{width:100%!important;max-width:none!important;height:340px!important;min-height:0!important;margin:0!important}.simple-print-side .container-floor,.simple-print-side .container-ceiling{display:block}.simple-print-side .pallet-block{font-size:9px!important}
.dir-badge{position:absolute;top:6px;z-index:40;background:#173f2b;color:#fff;font-size:9px;font-weight:800;letter-spacing:.3px;padding:3px 7px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.dir-badge-front{left:6px}
.dir-badge-rear{right:6px}
.print-side-direction{text-align:center;font-size:11px;font-weight:800;color:#202a35;margin-top:9px;letter-spacing:.2px}
.print-report .measure-line.h{border-top-color:#9b9b9b}.print-report .measure-line.v{border-left-color:#9b9b9b}.print-report .measure-label{color:#755920;border:1px solid #9b9b9b}.print-report .dimension-h,.print-report .dimension-v{color:#755920}.print-report .dimension-h,.print-report .dimension-v{font-size:0!important}.print-report .dimension-h:after{content:"Container Length";font-size:9px}.print-report .dimension-v:after{content:"Container Height";font-size:9px}
@media screen{body.printing-plan{background:#f4f5f7!important}body.printing-plan> *:not(#printReport){display:none!important}body.printing-plan #printReport{display:block!important}}
@media print{ @page{size:A4 portrait;margin:9mm} body{background:#fff!important} body>*:not(#printReport){display:none!important}.print-report{display:block!important;background:#fff!important;min-height:auto!important}.print-toolbar{display:none!important}.print-paper{width:auto!important;min-height:auto!important;margin:0!important;padding:0!important;box-shadow:none!important}.simple-print-title{font-size:20px;margin-bottom:15px}.simple-print-info{margin-bottom:12px}.print-dimensions{margin-bottom:17px}.simple-print-views{gap:17px}.simple-print-side{padding:8px}.simple-print-side .container-side-view{height:320px!important}.simple-print-side-title{margin-bottom:7px}}

.logo-image{height:54px;width:255px;object-fit:contain;object-position:left center;display:block}.header{background:#000}.print-paper-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:8px}.print-logo{width:245px;height:auto;display:block;margin-left:auto}.print-paper-head .simple-print-title{flex:1;margin-top:8px}
@media print{.print-logo{width:210px}.print-paper-head{margin-bottom:6px}}

/* ---- Yeni: gezinme ve plan arşivi ---- */
.header-nav{margin-left:auto;display:flex;gap:10px}
.nav-button{background:#ffffff14;color:#fff;border:1px solid #ffffff40;border-radius:7px;padding:9px 14px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.nav-button:hover{background:#ffffff26;border-color:#ffffff70}
.plans-view{padding:28px 34px;max-width:1800px;margin:0 auto}
.plans-view-inner{display:flex;flex-direction:column;gap:16px}
.plans-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.plans-toolbar h2{margin:0;font-size:20px;color:#173f2b}
.plans-filter{display:flex;gap:8px}
.plans-search-row{margin-bottom:2px}
.plans-search-row input{max-width:420px}
.filter-btn{border:1px solid #d2d7dc;background:#fff;color:#59636e;border-radius:20px;padding:7px 14px;font-size:12px;cursor:pointer}
.filter-btn.active,.filter-btn:hover{border-color:#2d704c;color:#2d704c;background:#eef6f0}
.plans-table-container{max-height:none}
#plansTable th{font-size:13px;padding:11px 14px}
#plansTable td{font-size:14px;padding:11px 14px}
#plansTable .status-badge{font-size:12px}
#plansTable .edit-button,#plansTable .delete-button{font-size:12px;padding:5px 10px}
.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700}
.status-badge.draft{background:#fdf3d8;color:#8a6d1d}
.status-badge.completed{background:#e1f3e8;color:#1f6b3f}
.plans-row-actions{display:flex;gap:6px}
.plan-name-link{color:#173f2b;font-weight:700;cursor:pointer;text-decoration:none}
.plan-name-link:hover{text-decoration:underline}
.plan-meta-box{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #e3e7e9}
.plan-meta-box input{margin-bottom:9px}
.plan-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}