/* LOGIN */
.login-page { min-height: 100vh; background: linear-gradient(135deg, var(--brown-dark) 0%, var(--brown) 50%, var(--gold-dark) 100%); display: flex; align-items: center; justify-content: center; padding: 20px; }
.login-box { background: var(--white); border-radius: 16px; padding: 40px; width: 100%; max-width: 420px; box-shadow: 0 20px 60px rgba(0,0,0,.3); }
.login-logo { text-align: center; margin-bottom: 28px; }
.login-logo-icon  { font-size: 48px; margin-bottom: 8px; }
.login-logo-title { font-size: 24px; font-weight: 800; color: var(--brown); }
.login-logo-sub   { font-size: 12px; color: var(--text-muted); margin-top: 4px; }
.login-demo-btns  { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.login-demo-btn   { padding: 10px 16px; border-radius: var(--radius-sm); border: 1.5px solid var(--cream-dark); background: var(--cream); font-size: 13px; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: all .15s; }
.login-demo-btn:hover { border-color: var(--gold); background: var(--cream-mid); }

/* SAYFA BAŞLIĞI */
.page-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; }
.page-title    { font-size: 20px; font-weight: 800; color: var(--brown); }
.page-subtitle { font-size: 13px; color: var(--text-muted); margin-top: 2px; }
.page-header-right { display: flex; gap: 8px; align-items: center; }

/* HIZLI EYLEMLER */
.quick-actions { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin-bottom: 16px; }
.quick-action-btn { background: var(--white); border: 1.5px solid var(--cream-dark); border-radius: var(--radius); padding: 16px 12px; text-align: center; cursor: pointer; transition: all .15s; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.quick-action-btn:hover { border-color: var(--gold); background: var(--cream-mid); transform: translateY(-2px); box-shadow: var(--shadow); }
.quick-action-icon  { font-size: 24px; }
.quick-action-label { font-size: 12px; font-weight: 600; }

/* SİPARİŞ BAŞLIK KARTI */
.order-header-card { background: linear-gradient(135deg, var(--brown-dark), var(--brown)); border-radius: var(--radius); padding: 20px 24px; color: var(--white); margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.order-header-id     { font-size: 22px; font-weight: 800; color: var(--gold-light); }
.order-header-buyer  { font-size: 14px; opacity: .8; margin-top: 3px; }
.order-header-amount { font-size: 20px; font-weight: 800; color: var(--gold-light); }

/* ACCORDION */
.accordion-item { border: 1px solid var(--cream-dark); border-radius: var(--radius-sm); margin-bottom: 8px; overflow: hidden; }
.accordion-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: var(--cream); cursor: pointer; transition: background .15s; }
.accordion-header:hover { background: var(--cream-mid); }
.accordion-title { font-size: 13px; font-weight: 700; color: var(--brown); }
.accordion-arrow { font-size: 12px; color: var(--text-muted); transition: transform .2s; }
.accordion-item.open .accordion-arrow { transform: rotate(180deg); }
.accordion-body { display: none; padding: 16px; border-top: 1px solid var(--cream-dark); }
.accordion-item.open .accordion-body { display: block; }

/* GÜMRÜK */
.customs-status-card { background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 16px; border-left: 5px solid var(--info); margin-bottom: 12px; }
.customs-status-card.done    { border-left-color: var(--success); }
.customs-status-card.pending { border-left-color: var(--warning); }
.customs-status-card.problem { border-left-color: var(--danger);  }
.customs-card-title { font-size: 14px; font-weight: 700; color: var(--brown); }

/* KULLANICI KARTI */
.user-card { background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 16px; display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
.user-card-name { font-size: 14px; font-weight: 700; }
.user-card-meta { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
.user-card-actions { display: flex; gap: 6px; margin-left: auto; }

/* FİRMA KARTI */
.company-card { background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 16px; border-top: 3px solid var(--gold); transition: transform .15s; }
.company-card:hover { transform: translateY(-2px); }
.company-name { font-size: 14px; font-weight: 700; color: var(--brown); }
.company-type { font-size: 11px; color: var(--text-muted); margin-top: 2px; }

/* ÖZET BANNER */
.analysis-banner { background: linear-gradient(135deg, var(--brown-dark), var(--gold-dark)); border-radius: var(--radius); padding: 20px 24px; color: var(--white); margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.analysis-banner-value { font-size: 22px; font-weight: 800; color: var(--gold-light); }
.analysis-banner-label { font-size: 11px; opacity: .7; margin-top: 2px; }

/* BAR CHART */
.bar-chart { display: flex; align-items: flex-end; gap: 8px; height: 160px; padding: 0 8px; }
.bar-item  { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.bar { width: 100%; background: var(--gold-light); border-radius: 4px 4px 0 0; transition: height .4s; min-height: 4px; }
.bar:hover { background: var(--gold); }
.bar-label { font-size: 10px; color: var(--text-muted); text-align: center; }
.bar-value { font-size: 10px; font-weight: 700; color: var(--brown); }