:root{--ui-orange:#f26b00;--receipt-main:#f26b00;--receipt-line:#666;--receipt-blue:#25238e;--dark:#102335;--dark2:#17364f;--bg:#f3f5f7;--border:#d8dee8}
*{box-sizing:border-box}body{margin:0;font-family:Calibri,Arial,sans-serif;background:var(--bg);color:#152033}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--dark);color:white;padding:22px 14px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-size:24px;font-weight:800;margin:6px 8px 24px}.brand span{color:var(--ui-orange)}.brand small{display:block;font-size:12px;color:#cbd5df}.sidebar nav{flex:1}.sidebar a{display:block;background:var(--dark2);color:white;text-decoration:none;padding:12px 14px;border-radius:8px;margin:7px 0;font-weight:700}.sidebar a:hover{background:#214866}.sidebar-user-card{margin-top:auto;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:12px;padding:14px}.side-badge{display:inline-block;background:#2f6be6;color:#fff;font-weight:700;font-size:12px;border-radius:7px;padding:7px 11px;margin-bottom:12px}.side-user-row{display:flex;gap:10px;align-items:center}.side-avatar{width:42px;height:42px;border-radius:50%;background:#dfe6ef;color:#102335;display:grid;place-items:center;font-weight:700}.side-user-row small{color:#d9e2ee;font-size:12px}.main{flex:1;padding:28px}.top h1,h1{margin:0 0 8px;font-size:30px;font-weight:800}.sub{color:#7b8794;margin-bottom:20px}.layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}.card,.paper-wrap{background:#fff;border:1px solid #e2e6ee;border-radius:14px;padding:22px;box-shadow:0 10px 30px rgba(16,35,53,.06);margin-bottom:18px}.formtop{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.full{grid-column:1/-1}label{display:block;font-weight:700;margin-bottom:8px}.iw{display:flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:white}.ic{width:48px;flex:0 0 48px;background:#f6f8fb;border-right:1px solid #e1e5ee;display:grid;place-items:center;color:#64748b}.ic:before{font-size:15px;font-weight:700}.icon-user:before{content:"U"}.icon-receipt:before{content:"M"}.icon-date:before{content:"T"}.icon-company:before{content:"F"}.icon-money:before{content:"₺"}.icon-note:before{content:"A"}.icon-text:before{content:"Tt";font-size:13px}input,select,textarea{width:100%;min-width:0;border:0;padding:13px 14px;font:inherit;font-size:15px;outline:0;background:white}textarea{min-height:126px;resize:vertical}.firma-line{display:grid;grid-template-columns:1fr auto;gap:10px}.small-btn,.file-btn{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;white-space:nowrap;color:#152033;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.two{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px;margin-top:20px}.paygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pay{border:1px solid #d7dce5;border-radius:10px;background:white;height:44px;padding:6px 8px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.pay-icon{width:8px;height:8px;border-radius:50%;background:#94a3b8;display:inline-block}.pay.active{background:var(--ui-orange);color:#fff;border-color:var(--ui-orange)}.pay.active .pay-icon{background:#fff}.amount-block{margin-top:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.btn{border:0;border-radius:10px;padding:12px 18px;color:white;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;justify-content:center}.green{background:#18a957}.blue{background:#1f6bd8}.gray{background:#666}.slip-card,.check-card{display:none}.check-entry{background:#fff;border:1px solid #e2e6ee;border-radius:12px;padding:14px;margin-bottom:12px}.check-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.check-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.file-note{font-size:12px;color:#6b7280;margin-top:8px}.table{width:100%;border-collapse:collapse;margin-top:14px;background:white}.table th{background:var(--ui-orange);color:white;padding:10px;border:1px solid white}.table td{border:1px solid #d6dbe5;padding:10px}.preview-title{font-size:22px;font-weight:800;margin:0 0 12px}.paper{background:#fff;border:1px solid #d9dde5;padding:16px;color:var(--receipt-line);font-size:12px;margin:auto}.rtop{display:grid;grid-template-columns:1.05fr 1.05fr 1fr;gap:14px}.logo-box{width:230px;height:105px;max-width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:auto}.logo-box img{max-width:230px;max-height:105px;object-fit:contain}.info{border-left:2px solid #d6d6d6;padding-left:12px;line-height:1.35;color:var(--receipt-line);font-size:11px}.titlearea{text-align:right}.titlebox{display:inline-block;background:var(--receipt-main);color:white;padding:9px 20px;font-size:18px;font-weight:800}.rno{font-size:30px;color:var(--receipt-main);font-weight:800;margin:18px 0 12px}.say,.words{border:1.5px solid var(--receipt-main);padding:10px;margin-top:14px;text-align:center;color:var(--receipt-blue);font-weight:800}.paytable{display:grid;grid-template-columns:1.25fr .7fr 1fr 1fr;border:1px solid var(--receipt-line);margin-top:12px;min-height:116px}.paytable>div{border-right:1px solid var(--receipt-line)}.paytable>div:last-child{border-right:0}.desc{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:15px 10px;gap:22px}.labels,.amts{display:grid;grid-template-rows:repeat(4,1fr)}.labels div{background:var(--receipt-main);color:white;display:flex;align-items:center;justify-content:center;border-bottom:1px solid white;font-weight:800}.amts div{display:flex;align-items:center;padding-left:13px;border-bottom:1px solid #aaa;color:var(--receipt-blue);font-weight:800}.stamp{text-align:center;padding:15px 8px;font-weight:800}.stamp img{max-width:150px;max-height:72px;object-fit:contain;margin-top:8px}.ct{width:100%;border-collapse:collapse;margin-top:12px}.ct th{background:var(--receipt-main);color:#fff;border:1px solid #fff;padding:8px}.ct td{border:1px solid var(--receipt-line);padding:8px;text-align:center;color:var(--receipt-blue);font-weight:700}.attach{border:1px dashed #aaa;min-height:100px;margin-top:14px;display:flex;align-items:center;justify-content:center;text-align:center}.legal{text-align:center;font-size:10px;margin-top:8px}.mobile-check-cards{display:flex;gap:12px;overflow-x:auto;max-width:100%;padding:4px 0 12px}.check-mini{flex:0 0 250px;max-width:250px;min-width:250px;border:1px solid #d6dbe5;border-radius:14px;padding:12px;background:#fff}.auth-main{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#102335,#1f4b70)}.auth-card{background:#fff;max-width:520px;width:100%;border-radius:22px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.auth-brand{font-size:34px;font-weight:800;color:#102335}.auth-brand span{color:#f26b00}.error{background:#ffecec;color:#b00020;padding:12px;border-radius:10px;margin-bottom:12px}.success{background:#eaffef;color:#08782f;padding:12px;border-radius:10px;margin-bottom:12px}
@media(max-width:1100px){.layout{grid-template-columns:1fr}}@media(max-width:850px){html,body{overflow-x:hidden}.app{display:block}.sidebar{width:100%;min-height:auto;padding:16px}.sidebar nav{display:flex;gap:8px;overflow-x:auto}.sidebar a{white-space:nowrap;margin:0}.sidebar-user-card{display:none}.main{padding:16px;overflow:hidden}.top h1,h1{font-size:26px}.card{padding:16px}.formtop,.two,.settings-grid,.check-fields{grid-template-columns:1fr}.firma-line{grid-template-columns:1fr}.ic{width:44px;flex-basis:44px}.paygrid{grid-template-columns:repeat(3,minmax(0,1fr))}.pay{height:42px;font-size:12px;padding:5px 4px}.preview-title,.paper-wrap{display:none}.mobile-preview{display:inline-flex}.check-mini{flex-basis:230px;min-width:230px;max-width:230px}.actions{position:sticky;bottom:0;background:var(--bg);padding:12px 0;z-index:20}.actions .btn{flex:1}.paytable,.rtop{grid-template-columns:1fr}.titlearea{text-align:left}}
@media print{.sidebar,.actions,.preview-title{display:none!important}.main{padding:0}.paper-wrap{box-shadow:none;border:0}.paper{border:0}}

/* V2 interface polish */
.brand{margin:2px 8px 22px}
.brand img{display:block;max-width:148px;height:auto;margin-bottom:6px}
.brand small{font-weight:600}
.layout{grid-template-columns:minmax(520px,1fr) minmax(520px,1fr);gap:26px}
.paper-wrap{margin-top:0}
.card,.paper-wrap{border-radius:12px}
.btn,.small-btn,.file-btn,.pay,.icon-action,.icon-btn{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
.btn{min-height:42px;padding:10px 16px;font-weight:650;font-size:14px;border-radius:9px}
.btn:hover,.pay:hover,.small-btn:hover,.file-btn:hover,.icon-action:hover,.icon-btn:hover{box-shadow:0 8px 18px rgba(16,35,53,.08)}
.btn.slim{min-height:40px;padding:9px 14px}
.pay{height:42px;font-size:14px;font-weight:650;border-radius:10px;background:#fff}
.pay.active{box-shadow:0 8px 18px rgba(242,107,0,.18)}
.small-btn{min-height:42px;font-size:14px}
.checkline{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;color:#475569;font-weight:650}
.checkline input{width:auto;min-width:auto}
.inline-status{margin-bottom:14px}
.ic:before,.pay-ico:before,.mini-ico:before{content:"";width:18px;height:18px;background:currentColor;display:block;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}
.icon-user:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}
.icon-receipt:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2Z'/%3E%3Cpath d='M8 7h8M8 12h8M8 17h5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2Z'/%3E%3Cpath d='M8 7h8M8 12h8M8 17h5'/%3E%3C/svg%3E")}
.icon-date:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E")}
.icon-company:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V7l8-4v18M19 21V11l-6-3M9 9h1M9 13h1M9 17h1M15 13h1M15 17h1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V7l8-4v18M19 21V11l-6-3M9 9h1M9 13h1M9 17h1M15 13h1M15 17h1'/%3E%3C/svg%3E")}
.icon-money:before{content:"¤";mask:none;-webkit-mask:none;background:transparent;width:auto;height:auto;font-weight:800;color:#64748b}
.icon-note:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E")}
.icon-text:before{content:"Tt";mask:none;-webkit-mask:none;background:transparent;width:auto;height:auto;font-weight:800;color:#64748b}
.icon-currency:before{content:"₺";mask:none;-webkit-mask:none;background:transparent;width:auto;height:auto;font-weight:800;color:#64748b}
.icon-cash:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M6 12h.01M18 12h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M6 12h.01M18 12h.01'/%3E%3C/svg%3E")}
.icon-card:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20M6 15h4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20M6 15h4'/%3E%3C/svg%3E")}
.icon-check:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h18v10H3z'/%3E%3Cpath d='m7 12 2 2 4-5M15 14h3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h18v10H3z'/%3E%3Cpath d='m7 12 2 2 4-5M15 14h3'/%3E%3C/svg%3E")}
.icon-upload:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M7 9l5-5 5 5M20 16v4H4v-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4M7 9l5-5 5 5M20 16v4H4v-4'/%3E%3C/svg%3E")}
.pay-ico,.mini-ico{display:inline-grid;place-items:center;color:#64748b}
.pay.active .pay-ico{color:#fff}
.check-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.check-number{display:inline-flex;background:#f1f5f9;border:1px solid #d9e2ee;color:#334155;border-radius:999px;padding:6px 10px;font-size:13px}
.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.row-actions form{margin:0}
.icon-action,.icon-btn{border:1px solid #d7dce5;background:#fff;color:#334155;border-radius:8px;padding:8px 10px;font-weight:650;font-size:13px;text-decoration:none;cursor:pointer}
.icon-action.danger,.icon-btn.danger{color:#b42318;border-color:#f2c7c2;background:#fff7f6}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px}
.auth-brand img{max-width:190px;height:auto;display:block}
.settings-grid .full{grid-column:1/-1}
.asset-preview{height:94px;border:1px solid #d8dee8;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.asset-preview img{max-width:220px;max-height:76px;object-fit:contain}
.color-card{border:1px solid #d8dee8;border-radius:12px;padding:14px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;font-weight:650}
.color-card input{width:70px;height:42px;padding:3px;border:1px solid #d8dee8;border-radius:8px}
.color-card b{grid-column:1/-1;color:#64748b;font-size:13px}
.palette-picker{border:1px solid #d8dee8;border-radius:12px;padding:14px;background:#fff;display:grid;gap:12px}
.palette-picker>label{margin:0}
.palette-current{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px}
.palette-current span{width:34px;height:34px;border-radius:8px;border:1px solid #cbd5e1;box-shadow:inset 0 0 0 2px #fff}
.palette-current b{font-size:13px;color:#334155}
.palette-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:7px;max-width:420px}
.swatch{width:26px;height:26px;border:1px solid #cbd5e1;border-radius:5px;cursor:pointer;padding:0}
.swatch.selected{outline:2px solid #339966;outline-offset:2px}
.color-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.color-fields div{display:grid;gap:5px}
.color-fields span{font-size:12px;font-weight:700;color:#64748b}
.color-fields input{border:1px solid #d8dee8;border-radius:8px;padding:9px 10px;font-size:13px}
@media(max-width:1240px){.layout{grid-template-columns:1fr}.preview-title,.paper-wrap{display:block}}
@media(max-width:850px){.layout{display:block}.settings-grid{grid-template-columns:1fr}.brand img{max-width:132px}.row-actions{gap:6px}.icon-action,.icon-btn{padding:8px 9px}.preview-title,.paper-wrap{display:none}.palette-grid{grid-template-columns:repeat(6,1fr)}.color-fields{grid-template-columns:1fr}}

.scroll-top{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border:0;border-radius:50%;background:#339966;color:#fff;font-size:20px;font-weight:800;display:none;align-items:center;justify-content:center;box-shadow:0 12px 24px rgba(16,35,53,.18);z-index:1000;cursor:pointer}
.scroll-top.show{display:flex}
@media(max-width:850px){
  .brand{display:flex;align-items:center;justify-content:center;margin:0 0 18px}
  .brand img{max-width:150px}
  .sidebar nav{justify-content:flex-start;padding-bottom:2px}
  .sidebar a{min-width:max-content}
  .scroll-top{right:14px;bottom:14px;width:40px;height:40px}
}

/* V4 grey + green brand palette */
:root{--ui-orange:#339966;--dark:#e6e6e6;--dark2:#333333;--bg:#f3f5f7;--brand-green:#339966;--brand-dark:#333333}
.sidebar{background:#e6e6e6;color:#333;border-right:1px solid #d2d6da}
.sidebar a{background:#333;color:#fff}
.sidebar a:hover{background:#339966}
.sidebar-user-card{background:#f8faf9;border-color:#d2d6da;color:#333}
.side-badge{background:#339966}
.side-plan-time{font-size:12px;font-weight:700;color:#5f6f67;margin:-4px 0 12px}
.side-avatar{background:#e1ece7;color:#333}
.side-user-row small{color:#647067}
.brand img{max-width:154px}
.top h1,h1{color:#244236}
.table th{background:#339966}
.green,.blue,.pay.active{background:#339966;border-color:#339966}
.pay.active{box-shadow:0 8px 18px rgba(51,153,102,.18)}
.icon-action:hover,.icon-btn:hover{border-color:#339966}
.selected-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.selected-files span{display:inline-flex;align-items:center;background:#f1f7f4;border:1px solid #cfe5d9;color:#244236;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:650}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.gallery-item{border:1px solid #d8dee8;border-radius:12px;background:#fff;text-decoration:none;color:#152033;padding:12px;display:grid;gap:10px}
.gallery-item img,.pdf-tile{width:100%;height:170px;object-fit:contain;background:#f8fafc;border-radius:8px}
.pdf-tile{display:grid;place-items:center;font-size:28px;font-weight:800;color:#64748b}
.gallery-item span{font-weight:700}
.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-scroll .table{min-width:860px}
.scroll-hint{display:none}
.icon-action{display:inline-flex;align-items:center;gap:6px}
.icon-edit:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E")}
.icon-download:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E")}
.icon-image:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E")}
.icon-trash:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3C/svg%3E")}
@media(min-width:1241px){.layout{grid-template-columns:1fr 1fr;align-items:start}.paper-wrap{padding:18px}.paper{max-width:100%}.layout>div{min-width:0}}
.formtop{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:850px){
  .formtop{grid-template-columns:1fr}
  .scroll-hint{display:flex;align-items:center;gap:6px;color:#64748b;font-size:12px;font-weight:650;margin:0 0 8px}
  .scroll-hint:before{content:"↔";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#eef7f2;color:#339966;font-weight:800}
  .table-scroll{margin:-2px -4px 0;padding:0 4px 8px;border:1px solid #d8dee8;border-radius:12px;background:#fff;box-shadow:inset -18px 0 20px -22px rgba(16,35,53,.55)}
  .table-scroll .table{min-width:760px}
  .table-scroll::-webkit-scrollbar{height:10px}
  .table-scroll::-webkit-scrollbar-track{background:#edf2f7;border-radius:999px}
  .table-scroll::-webkit-scrollbar-thumb{background:#9fb3aa;border-radius:999px;border:2px solid #edf2f7}
  .table th,.table td{white-space:nowrap}
  .table td:nth-child(3){white-space:normal;min-width:150px}
}

/* Revize 1-6 */
.preview-col{position:relative;min-width:0}
.preview-col .preview-title{position:absolute;right:8px;top:-48px;margin:0;text-align:right}
.preview-col .paper-wrap{margin-top:0}
.auth-main{align-items:start;padding:32px 20px}
.auth-shell{width:100%;display:flex;justify-content:center}
.auth-card{max-width:560px}
.auth-brand{display:flex;justify-content:center;margin-bottom:18px;text-align:center}
.auth-brand img{margin:0 auto;max-width:220px}
.auth-card h1{margin-top:0}
.register-shell{max-width:1180px;display:grid;grid-template-columns:minmax(580px,1fr) 390px;gap:22px;align-items:start}
.register-card{max-width:none}
.auth-register-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.auth-register-form .auth-field{min-width:0}
.auth-register-form .auth-field.full,.auth-register-form .full{grid-column:1/-1}
.auth-register-form label{margin-bottom:6px}
.auth-register-form textarea{min-height:92px}
.auth-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.plan-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.plan-radio{margin:0;border:1px solid #d8dee8;border-radius:12px;padding:10px;display:flex;gap:8px;align-items:flex-start;cursor:pointer;background:#fff}
.plan-radio input{width:auto;min-width:auto;margin-top:3px}
.plan-radio span{display:grid;gap:3px}
.plan-radio small{color:#64748b;font-weight:600;line-height:1.25}
.plan-info{background:#fff;border:1px solid #e2e6ee;border-radius:22px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.18)}
.plan-info h2{margin:0 0 14px;color:#244236}
.plan-card{border:1px solid #d8dee8;border-radius:14px;padding:14px;margin-bottom:12px;background:#fbfcfd}
.plan-card.featured{border-color:#339966;box-shadow:0 10px 26px rgba(51,153,102,.12)}
.plan-card h3{margin:0 0 6px;color:#244236}
.plan-card p{margin:0 0 8px;font-weight:700;color:#339966}
.plan-card ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}
.plan-card li{font-size:13px;line-height:1.25}
.plan-card li:before{content:"✓";color:#339966;font-weight:800;margin-right:6px}
.plan-card li.no{color:#6b7280}
.plan-card li.no:before{content:"×";color:#b42318}
.pending-card{max-width:620px}
.pending-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.pending-summary div,.bank-box{border:1px solid #d8dee8;border-radius:12px;background:#f8fafc;padding:14px}
.pending-summary span{display:block;color:#64748b;font-size:12px;font-weight:700;margin-bottom:5px}
.bank-box h2{margin-top:0}
.customer-search{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:end;margin-bottom:12px}
.customer-search label{grid-column:1/-1;margin-bottom:-2px}
.customer-link{color:#152033;font-weight:700;text-decoration:none}
.customer-link:hover{color:#339966;text-decoration:underline}
.kvkk-line{display:flex;align-items:center;gap:8px;margin:0;color:#334155;font-weight:700}
.kvkk-line input{width:auto;min-width:auto}
.locked-note{background:#fff8e6;border:1px solid #ead08c;color:#66501b;border-radius:10px;padding:12px;margin-bottom:12px;font-weight:700}
.palette-picker.is-locked{opacity:.62;pointer-events:none}
.status-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-weight:800;font-size:12px;background:#eef2f7;color:#475569}
.status-pill.active{background:#e6f7ef;color:#147a42}
.status-pill.pending{background:#fff8e6;color:#8a6110}
.status-pill.rejected{background:#fff1f1;color:#b42318}
.admin-plan-form select{min-width:130px;border:1px solid #d8dee8;border-radius:8px;padding:8px 10px}
.admin-table small{color:#64748b;font-weight:700}
.plans-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;box-shadow:none;margin-bottom:18px}
.plans-page .plan-card{margin:0}
.current-plan-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.current-plan-row div{display:grid;gap:4px}
.current-plan-row span,.current-plan-row small{color:#64748b;font-weight:700}
.plan-request-form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:12px;align-items:end}
.plan-request-form textarea{min-height:72px}
.status-pill.approved{background:#e6f7ef;color:#147a42}
.legal-links{display:grid;gap:5px;margin:10px 10px 14px}
.legal-links a{background:transparent;color:#425047;border:0;border-radius:0;margin:0;padding:2px 0;font-size:11px;font-weight:700;text-align:left;text-decoration:none}
.legal-links a:hover{background:transparent;color:#339966;text-decoration:underline}
.app-footer{display:none}
.side-copy{border-top:1px solid #dbe1e6;margin-top:12px;padding-top:10px;font-size:11px;color:#667085;font-weight:700;text-align:center}
.legal-page{max-width:920px;margin:0 auto}
.legal-content{line-height:1.65;white-space:normal;color:#243143}
.legal-content h2{font-size:24px;margin:22px 0 12px;color:#244236}
.legal-content h3{font-size:18px;margin:18px 0 8px;color:#244236}
.legal-content p{margin:0 0 11px}
.legal-content ul{margin:0 0 14px 22px;padding:0}
.legal-content li{margin:5px 0}
.legal-table{width:100%;border-collapse:collapse;margin:16px 0}
.legal-table td{border:1px solid #d8dee8;padding:10px;vertical-align:top}
.danger-zone{border-color:#f2c7c2;background:#fffafa}
.danger-zone h2{color:#b42318}
.danger-zone p{color:#6b1f1a;line-height:1.5}
.danger-btn{background:#b42318}
@media(max-width:900px){
  .plans-page,.plan-request-form,.current-plan-row{grid-template-columns:1fr}
}
.modern-picker{max-width:420px}
.native-color-wrap{height:150px;border:1px solid #cbd5e1;border-radius:14px;overflow:hidden;background:#f8fafc}
.native-color{width:100%;height:100%;border:0;padding:0;cursor:pointer;background:transparent}
.native-color::-webkit-color-swatch-wrapper{padding:0}
.native-color::-webkit-color-swatch{border:0;border-radius:12px}
.spectrum-box{--picker-hue:145;position:relative;height:150px;border-radius:14px;border:1px solid #cbd5e1;overflow:hidden;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsla(var(--picker-hue),100%,50%,1))}
.spectrum-dot{position:absolute;left:70%;top:22%;width:16px;height:16px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.35);background:transparent;transform:translate(-50%,-50%);padding:0;pointer-events:none}
.hue-slider{height:16px;padding:0;border-radius:999px;background:linear-gradient(to right,red,#ff0,lime,cyan,blue,magenta,red);accent-color:#339966}
.rainbow-swatches{display:grid;grid-template-columns:repeat(6,34px);gap:10px}
.swatch.round{width:28px;height:28px;border-radius:50%}
.swatch.round.selected{outline:3px solid #9bb9ff;outline-offset:2px}
@media(max-width:1240px){
  .preview-col .preview-title{position:static;margin:0 0 12px;text-align:left}
}
@media(max-width:900px){
  .register-shell{display:block;max-width:640px}
  .plan-info{margin-top:18px}
  .auth-register-form{grid-template-columns:1fr}
  .plan-options{grid-template-columns:1fr}
  .pending-summary{grid-template-columns:1fr}
  .customer-search{grid-template-columns:1fr}
}

/* Current revision */
@media(min-width:851px){
  .app{display:block;min-height:100vh}
  .sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;overflow-y:auto;z-index:40}
  .main{margin-left:230px;min-height:100vh}
}
.logo-box{aspect-ratio:2/1;width:230px;height:auto;min-height:100px}
.logo-box img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.say-row,.words-row{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;padding:0;overflow:hidden}
.say-row span,.words-row span{align-self:stretch;display:flex;align-items:center;background:var(--receipt-main);color:#fff;padding:9px 14px;font-weight:800}
.say-row strong,.words-row strong{display:block;text-align:center;padding:9px 14px;color:var(--receipt-blue)}
@media(max-width:850px){
  .legal-links{display:none}
  .side-copy{display:none}
}

/* Overview and account helpers */
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.summary-card{background:#fff;border:1px solid #e2e6ee;border-radius:14px;padding:18px;box-shadow:0 10px 30px rgba(16,35,53,.06);display:grid;gap:6px}
.summary-card span{color:#64748b;font-weight:800;font-size:13px}
.summary-card b{font-size:28px;color:#244236;line-height:1.1}
.summary-card small{color:#667085;font-weight:700}
.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.forgot-link{display:inline-flex;align-items:center;color:#339966;font-weight:800;text-decoration:none;margin-left:10px;min-height:42px}
.forgot-link:hover{text-decoration:underline}
details.card summary{cursor:pointer;color:#244236;font-size:18px}
@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.summary-grid{grid-template-columns:1fr}.quick-actions .btn{flex:1}.forgot-link{display:flex;margin:10px 0 0}}
.sidebar .brand-link{background:transparent;padding:0;margin:6px 8px 24px;border-radius:0}
.sidebar .brand-link:hover{background:transparent}
.sidebar .brand-link img{display:block;max-width:100%}
.check-amount-hint{display:none;margin-top:8px;color:#64748b;font-size:13px;font-weight:700}
.saved-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.search-row{display:flex;gap:10px;margin:12px 0 16px;align-items:center}
.search-row input,.search-row select{min-height:42px;border:1px solid #d6deea;border-radius:10px;padding:0 12px;min-width:180px;background:#fff}
.search-row input{min-width:280px}
.search-row .filter-select{max-width:190px}
.mail-hidden-form{margin:0}
.existing-file{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;color:#475467;font-weight:700;min-width:0}
.existing-file a{color:#244236}
.existing-file label{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.check-sections{display:grid;gap:18px}
.mini-ico.icon-mail:before{content:"✉";font-style:normal}
@media(max-width:700px){.search-row{display:grid}.search-row input,.search-row select,.search-row .filter-select{min-width:0;width:100%;max-width:none}}

/* Logo refresh */
.sidebar .brand-link img{width:154px;max-width:154px;height:auto;margin:0 auto}
.sidebar a.nav-with-badge{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nav-badge{background:#ff5a1f;color:#fff;border-radius:999px;min-width:22px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;line-height:1}
@media(max-width:850px){
  .sidebar .brand-link{display:flex;justify-content:center;margin:8px 0 18px}
  .sidebar .brand-link img{width:min(46vw,176px);max-width:176px;height:auto}
  .auth-brand img{max-width:220px;width:min(62vw,220px)}
}