:root{font-family:Arial,sans-serif;color:#1f2937;background:#f3f4f6}
*{box-sizing:border-box}body{margin:0}header{display:flex;gap:24px;align-items:center;padding:14px 22px;background:#111827;color:white;flex-wrap:wrap}
header nav{display:flex;gap:10px;flex:1;flex-wrap:wrap}header a{color:white;text-decoration:none;padding:8px 10px;border-radius:8px}header a:hover{background:#374151}
main{padding:24px;max-width:1400px;margin:auto}.grid{display:grid;gap:16px}.tables{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.table-card,.product-card,.panel,.bill,.login-card{background:white;border-radius:14px;padding:18px;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.table-card{text-decoration:none;color:inherit;min-height:130px;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}
.table-card.occupied{border:3px solid #f59e0b}.products{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.product-card{display:flex;flex-direction:column;gap:8px}.split{display:grid;grid-template-columns:1fr 340px;gap:20px}.bill{position:sticky;top:20px;height:max-content}
.bill-row{display:flex;justify-content:space-between;padding:8px 0}.total{font-size:1.2rem}.form-row,.inline{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
input,select,button{padding:11px;border:1px solid #d1d5db;border-radius:9px;font-size:14px}button{background:#2563eb;color:white;border:none;cursor:pointer}button.success{background:#059669;width:100%;margin-top:10px}
table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left}.warning-row{background:#fef3c7}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:18px 0}.kpis div{background:white;padding:18px;border-radius:12px}.kpis span{display:block;color:#6b7280}.kpis b{font-size:1.5rem}
.flash{padding:12px;border-radius:8px;margin-bottom:14px}.flash.success{background:#d1fae5}.flash.danger{background:#fee2e2}.muted{color:#6b7280}.login-card{max-width:380px;margin:80px auto}.login-card form{display:flex;flex-direction:column;gap:14px}.login-card label{display:flex;flex-direction:column;gap:5px}
@media(max-width:900px){.split{grid-template-columns:1fr}.bill{position:static}header{align-items:flex-start}}
.page-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.page-heading h1{margin-bottom:4px}.add-table-form{display:flex;gap:8px;flex-wrap:wrap}.add-table-form input{min-width:260px}
.table-card{padding:0;display:block;min-height:0;overflow:hidden;align-items:stretch;justify-content:initial}.table-card.occupied{border:3px solid #f59e0b}.table-main-link{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;text-decoration:none;color:inherit;padding:18px;min-height:120px;background:#fff}.table-main-link:hover{background:#f9fafb}.status-badge{font-size:.82rem;background:#e5e7eb;padding:4px 9px;border-radius:999px}.occupied .status-badge{background:#fef3c7;color:#92400e}
.table-note-form{padding:12px;border-top:1px solid #e5e7eb;background:#f9fafb}.table-note-form textarea{width:100%;resize:vertical;min-height:55px;padding:9px;border:1px solid #d1d5db;border-radius:8px;font-family:inherit}.table-note-form button{width:100%;margin-top:7px}.secondary{background:#4b5563}.table-actions{padding:12px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px}.transfer-form{display:grid;grid-template-columns:1fr auto;gap:7px}.warning{background:#d97706}.danger-button{background:#dc2626;width:100%}.danger-button:disabled{background:#9ca3af;cursor:not-allowed}.table-action-info{font-size:.8rem;text-align:center;padding:8px 0}
/* V4: Dokunmatik POS görünümü */
.pos-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.pos-page-head h1{margin:0}.quick-add-table{display:flex;gap:8px}.compact-table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.compact-table{background:#fff;border:1px solid #dfe4ea;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}.compact-table.occupied{border-color:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.16)}.compact-table-open{display:block;padding:13px;text-decoration:none;color:inherit;min-height:98px}.compact-table-top{display:flex;justify-content:space-between;align-items:center}.dot-status{width:10px;height:10px;border-radius:50%;background:#22c55e}.occupied .dot-status{background:#f59e0b}.compact-table-total{font-size:1.35rem;font-weight:700;margin-top:13px}.compact-table-total span{font-size:.9rem;font-weight:500;color:#6b7280}.compact-note{margin-top:8px;font-size:.78rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-note-form{display:grid;grid-template-columns:1fr 34px;border-top:1px solid #edf0f2}.compact-note-form input{border:0;border-radius:0;padding:9px}.compact-note-form button{border-radius:0;padding:0;background:#64748b}.compact-actions{min-height:42px;padding:6px;display:flex;justify-content:space-between;gap:6px;border-top:1px solid #edf0f2;background:#f8fafc}.mini-transfer{display:flex;gap:5px;min-width:0}.mini-transfer select{min-width:0;width:105px;padding:6px;font-size:12px}.square-icon{width:32px;height:32px;padding:0;border-radius:6px;font-size:18px;font-weight:700}.transfer-icon{background:#2563eb}.delete-icon{background:#ef4444}.square-icon:disabled{opacity:.35;cursor:not-allowed}
.sale-shell{display:grid;grid-template-columns:150px minmax(420px,1fr) 330px;min-height:calc(100vh - 120px);background:#e9eef3;border-radius:12px;overflow:hidden;border:1px solid #d6dde5}.category-rail{background:#243447;color:#fff;padding:12px;display:flex;flex-direction:column;gap:7px}.category-rail h2{margin:8px 3px 12px}.back-tables{color:#dbeafe;text-decoration:none;font-size:.88rem}.category-btn{background:#344a60;text-align:left;border-radius:6px;padding:11px 10px}.category-btn.active,.category-btn:hover{background:#0ea5e9}.product-stage{padding:12px;min-width:0}.product-stage-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.product-stage-head div{display:flex;flex-direction:column}.product-stage-head span{font-size:.78rem;color:#64748b}.product-stage-head input{width:220px}.touch-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:9px}.touch-product button{width:100%;height:150px;padding:8px;background:#fff;color:#1f2937;border:1px solid #dce2e8;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 1px 4px rgba(0,0,0,.07)}.touch-product button:hover{border-color:#0ea5e9;transform:translateY(-1px)}.product-placeholder{width:55px;height:45px;border-radius:7px;background:linear-gradient(135deg,#dbeafe,#f1f5f9);display:grid;place-items:center;font-size:1.35rem;color:#475569}.touch-product strong{font-size:.85rem;text-align:center;line-height:1.1}.touch-product small{font-size:.68rem;color:#64748b}.touch-product b{font-size:.88rem;color:#0f766e}.receipt-panel{background:#fff;border-left:1px solid #d6dde5;display:flex;flex-direction:column}.receipt-head{padding:16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.receipt-head h2{margin:0}.receipt-lines{padding:8px 14px;overflow:auto;flex:1}.receipt-line{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed #d9dee5;font-size:.88rem}.empty-receipt{color:#94a3b8;text-align:center;padding:50px 10px}.receipt-footer{padding:14px;border-top:1px solid #e5e7eb}.receipt-total{display:flex;justify-content:space-between;align-items:center;font-size:1.15rem;margin-bottom:12px}.receipt-total b{font-size:1.55rem}.payment-box{display:grid;grid-template-columns:100px 1fr;gap:8px}.pay-button{background:#16a34a;font-size:1rem;font-weight:700}
@media(max-width:1050px){.sale-shell{grid-template-columns:125px 1fr}.receipt-panel{grid-column:1/-1;border-left:0;border-top:1px solid #d6dde5;min-height:300px}.receipt-lines{max-height:240px}}@media(max-width:700px){main{padding:10px}.sale-shell{grid-template-columns:1fr}.category-rail{display:grid;grid-template-columns:repeat(2,1fr)}.category-rail h2,.back-tables{grid-column:1/-1}.touch-product-grid{grid-template-columns:repeat(2,1fr)}.product-stage-head{align-items:stretch;flex-direction:column}.product-stage-head input{width:100%}}

.receipt-line.editable-line{display:grid;grid-template-columns:22px minmax(90px,1fr) auto auto 34px;align-items:center;gap:7px;padding:9px 0}.line-checkbox{width:17px;height:17px;accent-color:#0ea5e9}.line-main{display:flex;flex-direction:column;min-width:0}.line-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-main small{color:#64748b;font-size:.7rem}.qty-form{display:grid;grid-template-columns:28px 42px 28px 30px;gap:3px;align-items:center}.qty-form button,.qty-form input{height:30px;padding:0;border-radius:5px;text-align:center}.qty-step{background:#e2e8f0;color:#1e293b;font-weight:700;font-size:18px}.qty-input{width:42px;border:1px solid #cbd5e1}.save-qty{background:#2563eb;font-weight:700}.line-total{white-space:nowrap;font-size:.82rem}.delete-line{width:30px;height:30px;padding:0;border-radius:5px;background:#ef4444;font-size:18px;font-weight:700}


/* V6: litre dönüşümü ve düzenlenebilir reçeteler */
.info-box{
  background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;
  padding:13px 16px;border-radius:10px;margin:14px 0 18px;line-height:1.5
}
.purchase-form{
  display:grid;grid-template-columns:90px 82px 100px auto;
  gap:6px;align-items:center
}
.purchase-form input,.purchase-form select{min-width:0;width:100%}
.unit-label{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding:0 10px;background:#f1f5f9;border-radius:8px
}
.recipe-card{margin-bottom:16px}
.recipe-card h3,.recipe-card h4{margin-top:0}
.recipe-card h4{margin-bottom:9px;color:#334155}
.recipe-card-head{display:flex;justify-content:space-between;gap:12px}
.recipe-list{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.recipe-row{
  display:grid;grid-template-columns:minmax(180px,1fr) auto 38px;
  gap:8px;align-items:center;padding:10px;background:#f8fafc;
  border:1px solid #e2e8f0;border-radius:9px
}
.recipe-name{display:flex;flex-direction:column;min-width:0}
.recipe-name small{color:#64748b;margin-top:3px}
.recipe-edit-form{
  display:grid;grid-template-columns:85px 78px auto;gap:6px;align-items:center
}
.recipe-edit-form input,.recipe-edit-form select{width:100%;min-width:0}
.recipe-save{background:#2563eb;white-space:nowrap}
.recipe-delete{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:36px!important;min-width:36px!important;height:36px!important;
  padding:0!important;border-radius:7px!important;background:#ef4444!important;
  color:white!important;font-size:20px!important;font-weight:700!important;
  line-height:1!important;overflow:visible!important
}
.recipe-add-form{
  display:grid;grid-template-columns:minmax(210px,1fr) 130px 90px auto;
  gap:7px;align-items:center
}
.empty-recipe{color:#94a3b8;font-style:italic}

/* Adisyon kırmızı silme butonu görünürlük düzeltmesi */
.receipt-line.editable-line{
  grid-template-columns:20px minmax(100px,1fr) auto 70px 38px!important;
  overflow:visible
}
.receipt-line.editable-line > form:last-child{
  display:flex;align-items:center;justify-content:center;overflow:visible
}
.delete-line{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 34px!important;width:34px!important;min-width:34px!important;
  height:34px!important;padding:0!important;margin:0!important;
  border-radius:6px!important;background:#ef4444!important;color:white!important;
  font-size:20px!important;font-weight:700!important;line-height:1!important;
  overflow:visible!important
}
.receipt-panel{min-width:350px}
.line-total{min-width:62px;text-align:right}

@media(max-width:900px){
  .purchase-form{grid-template-columns:1fr 90px 110px auto}
  .recipe-row{grid-template-columns:1fr}
  .recipe-edit-form{grid-template-columns:90px 80px 1fr}
  .recipe-delete{justify-self:end}
  .recipe-add-form{grid-template-columns:1fr 120px 90px}
  .recipe-add-form button{grid-column:1/-1}
}


/* V7: Adisyon panelini genişletme ve taşmayı düzeltme */
.pos-shell,
.pos-layout,
.pos-screen {
  grid-template-columns: 148px minmax(520px, 1fr) 430px !important;
}

.receipt-panel,
.order-panel,
.pos-receipt {
  width: 430px !important;
  min-width: 430px !important;
  max-width: 430px !important;
  overflow: hidden !important;
}

.receipt-lines,
.order-lines {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.receipt-line.editable-line {
  width: 100% !important;
  grid-template-columns: 20px minmax(120px, 1fr) 132px 70px 36px !important;
  gap: 6px !important;
  box-sizing: border-box !important;
}

.qty-form {
  grid-template-columns: 28px 40px 28px 30px !important;
}

.line-main strong {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.15 !important;
}

.line-total {
  min-width: 65px !important;
  text-align: right !important;
}

.receipt-footer,
.order-footer {
  width: 100% !important;
  box-sizing: border-box !important;
}

.receipt-footer form,
.order-footer form {
  display: grid !important;
  grid-template-columns: 105px 1fr !important;
  gap: 8px !important;
  width: 100% !important;
}

.receipt-footer select,
.receipt-footer button,
.order-footer select,
.order-footer button {
  width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 1150px) {
  .pos-shell,
  .pos-layout,
  .pos-screen {
    grid-template-columns: 140px minmax(420px, 1fr) 390px !important;
  }

  .receipt-panel,
  .order-panel,
  .pos-receipt {
    width: 390px !important;
    min-width: 390px !important;
    max-width: 390px !important;
  }

  .receipt-line.editable-line {
    grid-template-columns: 20px minmax(95px, 1fr) 122px 62px 34px !important;
  }
}

@media (max-width: 900px) {
  .pos-shell,
  .pos-layout,
  .pos-screen {
    display: block !important;
  }

  .receipt-panel,
  .order-panel,
  .pos-receipt {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-top: 12px !important;
  }
}


/* V8: litre bazlı alanlar */
.litre-purchase {
  grid-template-columns: 110px 45px 110px auto !important;
}
.litre-recipe-edit {
  grid-template-columns: 90px 42px auto !important;
}
.litre-recipe-add {
  grid-template-columns: minmax(220px,1fr) 120px 42px auto !important;
}
.visible-unit {
  font-weight: 700;
}


/* V9: kategori sekmeli ürün yönetimi */
.admin-products-page{max-width:1180px;margin:0 auto}
.admin-products-head{display:flex;justify-content:space-between;align-items:center}
.category-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}
.category-tabs a{
  text-decoration:none;color:#1e293b;background:#fff;border:1px solid #cbd5e1;
  padding:9px 16px;border-radius:999px;font-weight:700
}
.category-tabs a.active{background:#4c1d95;color:#fff;border-color:#4c1d95}
.add-product-panel summary{cursor:pointer;font-weight:700}
.product-create-form{
  display:grid;grid-template-columns:1.4fr 1fr 120px 1.6fr auto;
  gap:8px;margin-top:14px
}
.products-admin-table{display:flex;flex-direction:column;margin-top:18px}
.products-admin-row{border-bottom:1px solid #e2e8f0;background:#fff}
.products-admin-header{
  display:grid;grid-template-columns:2.2fr 1fr .7fr .6fr 1fr;
  gap:12px;padding:12px 14px;font-weight:800;background:#f8fafc
}
.product-manage-row>summary{
  display:grid;grid-template-columns:2.2fr 1fr .7fr .6fr 1fr;
  gap:12px;align-items:center;padding:11px 14px;cursor:pointer;list-style:none
}
.product-manage-row>summary::-webkit-details-marker{display:none}
.product-manage-row[open]>summary{background:#f8fafc}
.product-name-cell{display:flex;flex-direction:column;min-width:0}
.product-name-cell small{color:#64748b;margin-top:3px}
.manage-pill{
  justify-self:start;background:#0f172a;color:#fff;padding:8px 14px;
  border-radius:10px;font-weight:700
}
.product-recipe-editor{
  padding:16px 18px 20px;background:#f8fafc;border-top:1px solid #e2e8f0
}
.recipe-summary{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:14px}
@media(max-width:850px){
  .products-admin-header{display:none}
  .product-manage-row>summary{
    grid-template-columns:1fr auto;gap:8px
  }
  .product-manage-row>summary>div:nth-child(2),
  .product-manage-row>summary>div:nth-child(4){display:none}
  .product-create-form{grid-template-columns:1fr 1fr}
  .product-create-form button{grid-column:1/-1}
}

.category-manager{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.category-tab-wrap{display:flex;align-items:center;position:relative}
.category-tab-wrap>a{padding-right:34px!important}
.category-delete{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;border-radius:50%!important;background:#dc2626!important;color:#fff!important;font-size:16px!important}
.category-add-form{display:flex;gap:7px;align-items:center}
.category-add-form input{width:180px}
.product-row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.product-delete-button{background:#7f1d1d!important;color:white!important;padding:8px 13px!important;border-radius:10px!important}
.product-manage-row>summary form{margin:0}


/* V11: Geniş adisyon ve görünür ürün silme butonu */
.pos-shell,
.pos-layout,
.pos-screen {
  grid-template-columns: 148px minmax(500px, 1fr) 500px !important;
}

.receipt-panel,
.order-panel,
.pos-receipt {
  width: 500px !important;
  min-width: 500px !important;
  max-width: 500px !important;
  overflow: hidden !important;
}

.receipt-lines,
.order-lines {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-right: 8px !important;
}

.receipt-line.editable-line {
  display: grid !important;
  grid-template-columns: 22px minmax(125px, 1fr) 132px 72px 72px !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 10px 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.delete-line-form {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 72px !important;
  min-width: 72px !important;
  margin: 0 !important;
  overflow: visible !important;
}

.delete-line {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 68px !important;
  min-width: 68px !important;
  height: 34px !important;
  padding: 0 8px !important;
  margin: 0 !important;
  border-radius: 7px !important;
  background: #dc2626 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

.delete-line:hover {
  background: #b91c1c !important;
}

.delete-icon {
  font-size: 18px !important;
  line-height: 1 !important;
}

.delete-text {
  display: inline !important;
}

.line-main strong {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.line-total {
  min-width: 68px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.receipt-footer,
.order-footer {
  width: 100% !important;
  box-sizing: border-box !important;
}

.receipt-footer form,
.order-footer form {
  display: grid !important;
  grid-template-columns: 110px minmax(0, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
}

@media (max-width: 1250px) {
  .pos-shell,
  .pos-layout,
  .pos-screen {
    grid-template-columns: 140px minmax(420px, 1fr) 450px !important;
  }

  .receipt-panel,
  .order-panel,
  .pos-receipt {
    width: 450px !important;
    min-width: 450px !important;
    max-width: 450px !important;
  }

  .receipt-line.editable-line {
    grid-template-columns: 20px minmax(105px, 1fr) 124px 64px 64px !important;
  }

  .delete-line-form {
    width: 64px !important;
    min-width: 64px !important;
  }

  .delete-line {
    width: 60px !important;
    min-width: 60px !important;
    padding: 0 6px !important;
  }
}

@media (max-width: 900px) {
  .pos-shell,
  .pos-layout,
  .pos-screen {
    display: block !important;
  }

  .receipt-panel,
  .order-panel,
  .pos-receipt {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-top: 12px !important;
  }
}


/* V12: Doğru ana sınıf .sale-shell için geniş adisyon */
.sale-shell {
  grid-template-columns: 150px minmax(520px, 1fr) 520px !important;
  width: 100% !important;
  max-width: none !important;
}

.sale-shell .receipt-panel {
  width: 520px !important;
  min-width: 520px !important;
  max-width: 520px !important;
  overflow: hidden !important;
}

.sale-shell .receipt-lines {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 10px 16px !important;
}

.sale-shell .receipt-line.editable-line {
  display: grid !important;
  grid-template-columns:
    22px
    minmax(135px, 1fr)
    132px
    68px
    72px !important;
  gap: 8px !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.sale-shell .delete-line-form {
  display: flex !important;
  width: 72px !important;
  min-width: 72px !important;
  justify-content: flex-end !important;
  margin: 0 !important;
}

.sale-shell .delete-line {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 68px !important;
  min-width: 68px !important;
  height: 34px !important;
  padding: 0 8px !important;
  border-radius: 7px !important;
  background: #dc2626 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.sale-shell .delete-line:hover {
  background: #b91c1c !important;
}

.sale-shell .delete-icon {
  font-size: 18px !important;
  line-height: 1 !important;
}

.sale-shell .delete-text {
  display: inline !important;
}

.sale-shell .line-total {
  min-width: 64px !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.sale-shell .receipt-footer {
  width: 100% !important;
  box-sizing: border-box !important;
}

.sale-shell .payment-box {
  display: grid !important;
  grid-template-columns: 110px minmax(0, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
}

.sale-shell .payment-box select,
.sale-shell .payment-box button {
  width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 1300px) {
  .sale-shell {
    grid-template-columns: 140px minmax(430px, 1fr) 470px !important;
  }

  .sale-shell .receipt-panel {
    width: 470px !important;
    min-width: 470px !important;
    max-width: 470px !important;
  }

  .sale-shell .receipt-line.editable-line {
    grid-template-columns:
      20px
      minmax(110px, 1fr)
      124px
      62px
      64px !important;
  }

  .sale-shell .delete-line-form {
    width: 64px !important;
    min-width: 64px !important;
  }

  .sale-shell .delete-line {
    width: 60px !important;
    min-width: 60px !important;
    padding: 0 6px !important;
  }
}

@media (max-width: 1050px) {
  .sale-shell {
    grid-template-columns: 125px 1fr !important;
  }

  .sale-shell .receipt-panel {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 340px !important;
  }
}


/* V15: depo ürün düzenleme ve sayım düzeltmesi */
.inventory-table-wrap{overflow-x:auto}
.inventory-table{min-width:1180px}
.inventory-edit-button{
  background:#0f172a!important;color:#fff!important;
  padding:9px 14px!important;border-radius:8px!important;
  white-space:nowrap
}
.inventory-edit-row{display:none;background:#f8fafc}
.inventory-edit-row.open{display:table-row}
.inventory-edit-row>td{padding:16px!important}
.inventory-edit-form{
  display:grid;
  grid-template-columns:1.3fr 100px 160px 150px 130px 1.6fr auto;
  gap:10px;align-items:end
}
.inventory-edit-field{display:flex;flex-direction:column;gap:5px}
.inventory-edit-field label{
  font-size:.78rem;font-weight:700;color:#475569
}
.inventory-edit-field input,
.inventory-edit-field select{
  width:100%;min-width:0
}
.inventory-edit-actions{
  display:flex;gap:7px;align-items:center
}
.inventory-save-button{background:#16a34a!important}
.inventory-cancel-button{background:#64748b!important}
@media(max-width:1100px){
  .inventory-edit-form{
    grid-template-columns:repeat(3,minmax(160px,1fr))
  }
  .inventory-reason-field{grid-column:span 2}
}


/* V16: kullanıcı düzenleme ve kategorili hareket raporları */
.users-page,.reports-page{max-width:1380px;margin:0 auto}
.user-create-form{
  display:grid;grid-template-columns:1fr 1fr 180px auto;
  gap:10px;align-items:center
}
.users-table{
  background:#fff;border-radius:12px;overflow:hidden;
  box-shadow:0 4px 16px rgba(0,0,0,.06)
}
.users-row{
  display:grid;grid-template-columns:1.5fr 1fr .75fr 1fr;
  gap:12px;align-items:center;padding:12px 14px;
  border-bottom:1px solid #e2e8f0
}
.users-header{background:#f8fafc;font-weight:800}
.current-user-label{
  display:inline-block;margin-left:7px;padding:2px 7px;
  border-radius:999px;background:#dbeafe;color:#1d4ed8
}
.user-status{display:inline-block;padding:5px 10px;border-radius:999px;font-weight:700}
.user-status.active{background:#dcfce7;color:#166534}
.user-status.inactive{background:#fee2e2;color:#991b1b}
.user-actions{display:flex;gap:8px;align-items:center}
.user-actions form{margin:0}
.user-edit-button{background:#0f172a!important}
.user-delete-button{background:#b91c1c!important}
.user-delete-button:disabled{opacity:.35!important}
.user-edit-panel{
  display:none;padding:15px;background:#f8fafc;
  border-bottom:1px solid #e2e8f0
}
.user-edit-panel.open{display:block}
.user-edit-form{
  display:grid;grid-template-columns:1fr 1fr 170px 140px auto;
  gap:10px;align-items:end
}
.user-edit-form>div{display:flex;flex-direction:column;gap:5px}
.user-edit-form label{font-size:.78rem;font-weight:700;color:#475569}
.user-edit-buttons{flex-direction:row!important;align-items:center}
.user-save-button{background:#16a34a!important}
.user-cancel-button{background:#64748b!important}

.reports-head{
  display:flex;justify-content:space-between;gap:16px;
  align-items:flex-start;flex-wrap:wrap
}
.report-date-form{display:flex;gap:8px}
.report-tabs{
  display:flex;gap:9px;flex-wrap:wrap;margin:16px 0 22px
}
.report-tabs a{
  display:flex;align-items:center;gap:8px;text-decoration:none;
  background:#fff;color:#1e293b;border:1px solid #cbd5e1;
  border-radius:10px;padding:10px 14px;font-weight:800
}
.report-tabs a.active{background:#2563eb;color:#fff;border-color:#2563eb}
.report-tabs span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:24px;height:24px;padding:0 6px;border-radius:999px;
  background:#e2e8f0;color:#334155;font-size:.76rem
}
.report-tabs a.active span{background:rgba(255,255,255,.22);color:#fff}
.audit-table-wrap{overflow-x:auto}
.audit-table{min-width:850px}
.audit-table td{vertical-align:top}
.audit-table td:first-child{white-space:nowrap}
.audit-table td:nth-child(2){white-space:nowrap}
.empty-audit{text-align:center;color:#64748b;padding:28px!important}

@media(max-width:950px){
  .user-create-form{grid-template-columns:1fr 1fr}
  .users-header{display:none}
  .users-row{grid-template-columns:1fr auto}
  .users-row>div:nth-child(2),.users-row>div:nth-child(3){display:none}
  .user-edit-form{grid-template-columns:1fr 1fr}
  .user-edit-buttons{grid-column:1/-1}
}


/* V17: Dökülme, yanlış hazırlama ve personel tüketimi */
.inventory-action-buttons{
  display:flex;gap:6px;align-items:center;flex-wrap:wrap
}
.inventory-adjust-button{
  background:#d97706!important;color:#fff!important;
  padding:9px 12px!important;border-radius:8px!important;
  white-space:nowrap
}
.inventory-adjust-row{display:none;background:#fff7ed}
.inventory-adjust-row.open{display:table-row}
.inventory-adjust-row>td{padding:16px!important}
.inventory-adjust-form{
  display:grid;
  grid-template-columns:190px 130px 110px minmax(260px,1fr) auto;
  gap:10px;align-items:end
}
.inventory-adjust-note{min-width:240px}
.inventory-adjust-actions{
  display:flex;gap:7px;align-items:center
}
.inventory-adjust-save{background:#dc2626!important}
.adjustment-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(160px,1fr));
  gap:12px;margin:16px 0 22px
}
.adjustment-kpis>div{
  background:#fff;border-radius:12px;padding:16px;
  box-shadow:0 3px 12px rgba(0,0,0,.06)
}
.adjustment-kpis span{display:block;color:#64748b;font-weight:700}
.adjustment-kpis b{display:block;font-size:1.65rem;margin:6px 0}
.adjustment-kpis small{color:#991b1b;font-weight:700}
.stock-adjustment-report{margin-bottom:24px}
@media(max-width:1050px){
  .inventory-adjust-form{
    grid-template-columns:repeat(2,minmax(180px,1fr))
  }
  .inventory-adjust-note{grid-column:1/-1}
  .inventory-adjust-actions{grid-column:1/-1}
  .adjustment-kpis{grid-template-columns:repeat(2,1fr)}
}


/* V18: Kasa üzerinden personel kullanımı ve fire */
.sale-mode-panel{
  margin:10px 12px 14px;padding:12px;
  background:#fff;border:1px solid #cbd5e1;border-radius:10px
}
.sale-mode-buttons{display:flex;gap:8px;flex-wrap:wrap}
.sale-mode-button{
  background:#e2e8f0!important;color:#1e293b!important;
  padding:9px 13px!important;border-radius:8px!important;
  font-weight:800!important
}
.sale-mode-button.active{background:#2563eb!important;color:#fff!important}
.sale-mode-button.staff-mode.active{background:#7c3aed!important}
.sale-mode-button.fire-mode.active{background:#dc2626!important}
.sale-mode-info{margin-top:9px;color:#475569;font-size:.85rem}
.fire-note-box{
  display:none;margin-top:10px;
  grid-template-columns:140px minmax(220px,1fr);
  gap:8px;align-items:center
}
.fire-note-box.visible{display:grid}
.fire-note-box label{font-weight:800;color:#991b1b}
.fire-note-box input{width:100%}
.line-note{color:#991b1b!important;font-weight:700!important;white-space:normal!important}
.adjustment-kpis-two{grid-template-columns:repeat(2,minmax(220px,1fr))!important}
@media(max-width:700px){
  .fire-note-box{grid-template-columns:1fr}
  .adjustment-kpis-two{grid-template-columns:1fr!important}
}

/* V19: adisyonun tamamına mod uygulama ve rapor tür etiketleri */
#orderModeForm{display:none}
.report-type{display:inline-block;padding:5px 9px;border-radius:999px;font-weight:800;font-size:.78rem}
.report-type.staff{background:#ede9fe;color:#6d28d9}
.report-type.fire{background:#fee2e2;color:#b91c1c}
.report-line-note{display:block;margin-top:4px;color:#991b1b;max-width:260px}


/* V20: zorunlu kasa açılışı ve gün sonu */
.cash-opening-overlay{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:rgba(15,23,42,.72);backdrop-filter:blur(3px)
}
.cash-opening-modal{
  width:min(440px,calc(100% - 30px));
  background:#fff;border-radius:16px;padding:26px;
  box-shadow:0 24px 80px rgba(0,0,0,.35)
}
.cash-opening-modal h2{margin-top:0}
.cash-opening-modal form{
  display:flex;flex-direction:column;gap:14px;margin-top:18px
}
.cash-opening-modal label{
  display:flex;flex-direction:column;gap:7px;font-weight:800
}
.cash-opening-modal input{font-size:1.15rem;padding:14px}
.cash-opening-modal button{padding:14px;font-size:1rem}

.cash-page{max-width:1380px;margin:0 auto}
.cash-kpis{
  display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));
  gap:12px;margin:16px 0
}
.cash-kpis>div{
  background:#fff;padding:17px;border-radius:12px;
  box-shadow:0 3px 12px rgba(0,0,0,.06)
}
.cash-kpis span{display:block;color:#64748b}
.cash-kpis b{display:block;font-size:1.35rem;margin-top:6px}
.cash-grid{
  display:grid;grid-template-columns:1.3fr 1fr;
  gap:14px;margin-bottom:22px
}
.cash-movement-form{
  display:grid;grid-template-columns:150px 140px minmax(220px,1fr) auto;
  gap:8px;align-items:center
}
.day-close-panel form{
  display:grid;grid-template-columns:1fr 1.4fr auto;
  gap:8px;align-items:center
}
.day-close-button{background:#dc2626!important}
.no-open-cash{
  background:#fff7ed!important;border:1px solid #fdba74;
  color:#9a3412;font-weight:700
}
.cash-difference-bad{color:#b91c1c;font-weight:800}
.cash-session-report{margin-bottom:22px}
@media(max-width:950px){
  .cash-kpis{grid-template-columns:repeat(2,1fr)}
  .cash-grid{grid-template-columns:1fr}
  .cash-movement-form,.day-close-panel form{
    grid-template-columns:1fr
  }
}


/* V21: Kasa ekranını sadeleştirme */
.cash-report-note{
  margin-top:14px;
  padding:12px 15px;
  border:1px solid #bfdbfe;
  background:#eff6ff;
  color:#1e3a8a;
  border-radius:10px;
}


/* V22: Gün sonu sade artı/eksi sonucu */
.cash-close-summary-page{
  min-height:calc(100vh - 110px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px
}
.cash-close-summary-card{
  width:min(520px,100%);
  padding:34px;
  text-align:center;
  background:#fff;
  border-radius:18px;
  box-shadow:0 20px 60px rgba(15,23,42,.15);
  border-top:8px solid #64748b
}
.cash-close-summary-card.plus{border-top-color:#16a34a}
.cash-close-summary-card.minus{border-top-color:#dc2626}
.cash-close-summary-card.balanced{border-top-color:#2563eb}
.cash-close-icon{
  width:72px;height:72px;margin:0 auto 18px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;font-size:42px;font-weight:800;
  background:#f1f5f9;color:#334155
}
.cash-close-summary-card.plus .cash-close-icon{
  background:#dcfce7;color:#15803d
}
.cash-close-summary-card.minus .cash-close-icon{
  background:#fee2e2;color:#b91c1c
}
.cash-close-summary-card.balanced .cash-close-icon{
  background:#dbeafe;color:#1d4ed8
}
.cash-close-summary-card h1{margin:0 0 12px}
.cash-close-difference{
  font-size:2.8rem;
  font-weight:900;
  margin:10px 0
}
.cash-close-summary-card.plus .cash-close-difference{color:#15803d}
.cash-close-summary-card.minus .cash-close-difference{color:#b91c1c}
.cash-close-summary-card.balanced .cash-close-difference{color:#1d4ed8}
.cash-close-summary-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:24px 0 16px
}
.summary-primary-button,
.summary-secondary-button{
  text-decoration:none;
  padding:12px 16px;
  border-radius:9px;
  font-weight:800
}
.summary-primary-button{
  background:#2563eb;
  color:#fff
}
.summary-secondary-button{
  background:#e2e8f0;
  color:#1e293b
}
.cash-close-summary-card small{
  display:block;
  color:#64748b;
  line-height:1.45
}
@media(max-width:560px){
  .cash-close-summary-actions{grid-template-columns:1fr}
}


/* V23: Kasa açılış penceresi yönetici modu ve çıkış */
.cash-opening-secondary-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
  margin-top:10px
}
.manager-mode-button,
.cash-opening-logout-button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 14px;
  border-radius:9px;
  text-decoration:none;
  font-weight:800
}
.manager-mode-button{
  background:#0f172a;
  color:#fff
}
.manager-mode-button:hover{
  background:#1e293b
}
.cash-opening-logout-button{
  background:#e2e8f0;
  color:#1e293b;
  border:1px solid #cbd5e1
}
.cash-opening-logout-button:hover{
  background:#cbd5e1
}


/* V24: Manuel tutar ve kart bahşişi */
.manual-charge-panel{
  margin:0 12px 14px;
  padding:11px 12px;
  background:#fff;
  border:1px solid #cbd5e1;
  border-radius:10px
}
.manual-charge-panel summary{
  cursor:pointer;
  font-weight:800;
  color:#1d4ed8
}
.manual-charge-form{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 130px auto;
  gap:8px;
  margin-top:10px
}
.manual-charge-panel small{
  display:block;
  margin-top:7px;
  color:#64748b
}
.card-tip-controls{
  display:none;
  grid-template-columns:118px 102px;
  gap:6px
}
.card-tip-controls.visible{display:grid}
.card-tip-controls input:disabled{
  background:#f1f5f9;
  color:#94a3b8
}
.sale-shell .payment-box{
  grid-template-columns:110px auto minmax(145px,1fr)!important
}
@media(max-width:760px){
  .manual-charge-form{grid-template-columns:1fr}
  .sale-shell .payment-box{grid-template-columns:1fr!important}
  .card-tip-controls{grid-template-columns:1fr 1fr}
}


/* V25: Kart seçildiğinde doğrudan bahşiş alanı */
.card-tip-controls{
  display:none;
  grid-template-columns:120px!important;
}
.card-tip-controls.visible{
  display:grid!important;
}
.card-tip-controls input{
  width:120px;
}
.sale-shell .payment-box{
  grid-template-columns:110px 120px minmax(145px,1fr)!important;
}
@media(max-width:760px){
  .sale-shell .payment-box{
    grid-template-columns:1fr!important;
  }
  .card-tip-controls{
    grid-template-columns:1fr!important;
  }
  .card-tip-controls input{
    width:100%;
  }
}


/* V26: Ürün toplamı + kart bahşişi canlı hesaplama */
.payment-breakdown{
  display:none;
  grid-template-columns:repeat(3,auto);
  justify-content:end;
  gap:14px;
  padding:0 0 10px;
  color:#64748b;
  font-size:.82rem
}
.payment-breakdown.visible{
  display:grid
}
.payment-breakdown b{
  color:#0f172a
}
@media(max-width:760px){
  .payment-breakdown.visible{
    grid-template-columns:1fr;
    gap:4px
  }
}


/* V27: Adler IT Branding und Support-Footer */
body{
  min-height:100vh;
  display:flex;
  flex-direction:column
}
main.container{
  flex:1
}
.site-footer{
  margin-top:28px;
  padding:15px 24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  background:#0f172a;
  color:#e2e8f0;
  font-size:.9rem
}
.site-footer a{
  color:#fff;
  text-decoration:none;
  font-weight:700
}
.site-footer a:hover{
  text-decoration:underline
}


/* V28 – Adler IT UI-Überarbeitung */
:root{
  --adler-navy:#0f172a;
  --adler-blue:#1d4ed8;
  --adler-soft:#f8fafc;
  --adler-border:#dbe3ec;
  --adler-text:#172033;
  --adler-muted:#64748b;
}

body{
  background:#eef2f7 !important;
  color:var(--adler-text);
}

main.container{
  max-width:none !important;
  width:100% !important;
  padding:18px 22px 28px !important;
}

.panel{
  border:1px solid var(--adler-border);
  box-shadow:0 5px 18px rgba(15,23,42,.06);
}

.info-box,
.sale-mode-info,
.cash-report-note{
  display:none !important;
}

/* Kasse */
.sale-shell{
  display:grid !important;
  grid-template-columns:150px minmax(620px,1fr) 560px !important;
  gap:14px !important;
  width:100% !important;
  max-width:none !important;
  min-height:calc(100vh - 150px);
  align-items:stretch;
}

.sale-categories{
  min-width:150px !important;
  width:150px !important;
}

.sale-products{
  min-width:0 !important;
  overflow:hidden !important;
}

.sale-shell .receipt-panel{
  width:560px !important;
  min-width:560px !important;
  max-width:560px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

.sale-shell .receipt-lines{
  flex:1 1 auto !important;
  min-height:260px !important;
  max-height:none !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:12px 16px !important;
}

.sale-shell .receipt-line.editable-line{
  display:grid !important;
  grid-template-columns:22px minmax(145px,1fr) 136px 78px 78px !important;
  gap:8px !important;
  align-items:center !important;
  width:100% !important;
}

.sale-shell .line-main{
  min-width:0 !important;
}

.sale-shell .line-main strong{
  font-size:.92rem !important;
  line-height:1.25 !important;
}

.sale-shell .qty-form{
  grid-template-columns:30px 44px 30px 32px !important;
  gap:4px !important;
}

.sale-shell .line-total{
  min-width:74px !important;
  text-align:right !important;
  font-size:.9rem !important;
}

.sale-shell .delete-line-form{
  width:76px !important;
  min-width:76px !important;
}

.sale-shell .delete-line{
  width:72px !important;
  min-width:72px !important;
  height:36px !important;
}

.sale-mode-panel{
  margin:10px 12px 12px !important;
  padding:10px !important;
}

.sale-mode-buttons{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:7px !important;
}

.sale-mode-button{
  min-height:42px !important;
  padding:8px 10px !important;
}

.manual-charge-panel{
  margin:0 12px 12px !important;
}

.manual-charge-form{
  grid-template-columns:minmax(180px,1fr) 110px auto !important;
}

.touch-product-grid{
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) !important;
  gap:10px !important;
  padding:10px 12px 18px !important;
}

.touch-product{
  min-height:94px !important;
  border-radius:10px !important;
}

.receipt-footer{
  flex:0 0 auto !important;
  padding:14px 16px 16px !important;
  border-top:1px solid var(--adler-border);
  background:#fff;
}

.receipt-total{
  margin-bottom:10px !important;
}

.receipt-total b{
  font-size:1.9rem !important;
}

.sale-shell .payment-box{
  display:grid !important;
  grid-template-columns:110px 125px minmax(170px,1fr) !important;
  gap:8px !important;
  width:100% !important;
}

.sale-shell .payment-box select,
.sale-shell .payment-box input,
.sale-shell .payment-box button{
  min-height:44px !important;
}

.card-tip-controls{
  width:125px !important;
}

.card-tip-controls input{
  width:125px !important;
}

.payment-breakdown{
  justify-content:stretch !important;
  grid-template-columns:repeat(3,1fr) !important;
  text-align:right;
  border-top:1px dashed var(--adler-border);
  padding-top:8px;
}

/* General forms/tables */
input,select,textarea,button{
  border-radius:8px !important;
}

table{
  background:#fff;
  border-radius:10px;
  overflow:hidden;
}

thead{
  background:#f8fafc;
}

/* Footer */
.site-footer{
  background:var(--adler-navy) !important;
}

/* Tablet */
@media(max-width:1250px){
  .sale-shell{
    grid-template-columns:135px minmax(500px,1fr) 500px !important;
  }
  .sale-categories{
    min-width:135px !important;
    width:135px !important;
  }
  .sale-shell .receipt-panel{
    width:500px !important;
    min-width:500px !important;
    max-width:500px !important;
  }
  .sale-shell .receipt-line.editable-line{
    grid-template-columns:20px minmax(120px,1fr) 124px 68px 68px !important;
  }
}

@media(max-width:1020px){
  .sale-shell{
    grid-template-columns:125px minmax(0,1fr) !important;
  }
  .sale-shell .receipt-panel{
    grid-column:1/-1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:380px !important;
  }
}

@media(max-width:720px){
  main.container{
    padding:10px !important;
  }
  .sale-shell{
    display:block !important;
  }
  .sale-categories{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    overflow-x:auto !important;
    gap:6px !important;
    margin-bottom:10px !important;
  }
  .sale-categories a{
    flex:0 0 auto !important;
  }
  .sale-mode-buttons{
    grid-template-columns:1fr !important;
  }
  .manual-charge-form{
    grid-template-columns:1fr !important;
  }
  .sale-shell .receipt-line.editable-line{
    grid-template-columns:20px 1fr 120px !important;
  }
  .sale-shell .line-total{
    grid-column:2 !important;
  }
  .sale-shell .delete-line-form{
    grid-column:3 !important;
  }
  .sale-shell .payment-box{
    grid-template-columns:1fr !important;
  }
  .card-tip-controls,
  .card-tip-controls input{
    width:100% !important;
  }
}


/* V30 – Multi-Tenant SaaS */
.brand-block{display:flex;flex-direction:column;line-height:1.1}
.brand-block small{font-size:.72rem;color:#93c5fd;margin-top:3px}
.tenant-login-card,.platform-login-card{max-width:430px}
.platform-login-link{display:block;text-align:center;margin-top:14px;color:#1d4ed8;text-decoration:none}
.platform-page{max-width:1500px;margin:0 auto;padding:10px 20px 35px}
.platform-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.platform-head h1{margin:0}
.platform-head span{color:#64748b}
.platform-logout{background:#0f172a;color:#fff;text-decoration:none;padding:10px 14px;border-radius:8px}
.platform-create summary{cursor:pointer;font-weight:800}
.tenant-create-form{
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr));
  gap:10px;margin-top:15px
}
.tenant-create-form button{grid-column:span 2}
.tenant-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(310px,1fr));
  gap:14px;margin-top:18px
}
.tenant-card{
  background:#fff;border:1px solid #dbe3ec;border-radius:14px;
  padding:17px;box-shadow:0 6px 20px rgba(15,23,42,.06);
  border-top:6px solid #2563eb
}
.tenant-card.status-trial{border-top-color:#f59e0b}
.tenant-card.status-suspended,.tenant-card.status-cancelled{border-top-color:#dc2626}
.tenant-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.tenant-title h2{margin:0 0 4px;font-size:1.15rem}
.tenant-title code{color:#475569}
.tenant-title>span{background:#e2e8f0;padding:5px 8px;border-radius:999px;font-size:.75rem;font-weight:800}
.tenant-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.tenant-card dl div{background:#f8fafc;padding:8px;border-radius:8px}
.tenant-card dt{font-size:.7rem;color:#64748b}
.tenant-card dd{margin:3px 0 0;font-weight:700;overflow:hidden;text-overflow:ellipsis}
.tenant-login-url{display:block;text-align:center;background:#16a34a;color:#fff;text-decoration:none;padding:10px;border-radius:8px;font-weight:800}
.tenant-status-form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px}
.owner-reset{margin-top:10px}
.owner-reset summary{cursor:pointer;font-size:.85rem;font-weight:700}
.owner-reset form{display:grid;gap:7px;margin-top:8px}
@media(max-width:900px){
  .tenant-create-form{grid-template-columns:1fr 1fr}
  .tenant-create-form button{grid-column:1/-1}
}
@media(max-width:560px){
  .tenant-create-form{grid-template-columns:1fr}
  .tenant-card dl{grid-template-columns:1fr}
}

.inline-logout{display:inline;margin:0}
.inline-logout button{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}
.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center}
.error-card{background:#fff;padding:30px;border-radius:14px;text-align:center;max-width:520px}