/* AELIN Collection — lightweight premium fashion palette. Screen only; label printing is unchanged. */
@media screen{
  :root{
    --g:#9b6a2f;--i:#241f1a;--p:#f6f1e8;--l:#e3d8c7;--m:#655d53;
    --aelin-deep:#1b1714;--aelin-green:#9b6a2f;--aelin-mid:#bd904a;--aelin-pale:#f8f1e5;--aelin-line:#e6dccb;
    --aelin-amber:#f2dfb8;--aelin-amber-text:#6d4817;--aelin-ivory:#fffdf9;--aelin-charcoal:#241f1a;
    --aelin-gold:#b9893f;--aelin-gold-dark:#815722;--aelin-success:#237452;
  }
  html{background:#f6f1e8}
  body{background:linear-gradient(145deg,#faf7f1 0,#f5efe5 52%,#f3ecdf 100%);color:var(--aelin-charcoal)}
  .app,.production-v2-host,.stocktake-v2-host,.packing-v2-host{color:var(--aelin-charcoal)}
  .box,.card,.production-metric,.stocktake-session-head,.stocktake-progress-card,.stocktake-review-head,.packing-session-head,.packing-metrics article,.packing-progress article{border-color:var(--aelin-line);background:var(--aelin-ivory);box-shadow:0 6px 18px rgba(55,42,27,.055)}

  .login{background:radial-gradient(circle at 50% 8%,#fffdf8 0,#f5eddf 55%,#ece1d0 100%)}
  .login .box{border:1px solid #dfd0ba;background:rgba(255,253,249,.98);box-shadow:0 22px 58px rgba(51,38,23,.12)}
  .login-brand-name span,.brand span{color:var(--aelin-gold)!important}

  #app .bar{border-bottom:1px solid #e6ddcf;background:rgba(255,253,249,.96);color:var(--aelin-charcoal);box-shadow:0 5px 18px rgba(45,34,22,.055)}
  #app .bar .top-brand,#app .bar .top-brand span{color:var(--aelin-charcoal)!important}
  .top-search{border-color:#dfd4c3;background:#fff;color:var(--aelin-charcoal)}
  .top-search input{color:var(--aelin-charcoal)}

  .nav{background:linear-gradient(180deg,#171411 0,#27211c 58%,#1b1714 100%);box-shadow:10px 0 28px rgba(29,23,18,.1)}
  .nav-brand{border-color:rgba(215,178,105,.34);background:rgba(255,255,255,.035)}
  .nav-brand strong{color:#e8c77f}.nav button{color:rgba(255,250,242,.82)}.nav button:before{color:#d1b277}
  .nav button:hover{background:rgba(210,174,104,.09);color:#fff}
  .nav button.active{border-color:transparent;background:linear-gradient(100deg,#c79a52,#a87531);color:#1c1610;box-shadow:0 7px 18px rgba(0,0,0,.13)}
  .nav button.active:before{color:#1c1610}

  :is(#stok,#biaya,#laporan,#produk,#barcode)>.top,#dash>.top,.production-v2-hero,.stocktake-hero,.packing-hero,.stocktake-receipt-head{background:linear-gradient(125deg,#1a1714 0,#352c25 55%,#59452f 100%);box-shadow:0 14px 30px rgba(37,29,21,.13)}
  :is(#stok,#biaya,#laporan,#produk,#barcode)>.top>div:before,.production-v2-hero .production-eyebrow,.stocktake-hero .stocktake-eyebrow,.packing-hero .packing-eyebrow,.stocktake-receipt-head .stocktake-eyebrow{color:#e4c27c}
  .production-formula{border-color:rgba(230,198,136,.28);background:rgba(255,249,236,.08)}.production-formula span{color:#ead3a6}
  #dash>.top:after,.production-v2-hero:after,.stocktake-hero:after,.packing-hero:after{border-color:rgba(222,187,119,.09)}
  #dash>.top .btn{border:1px solid rgba(255,255,255,.22);background:#fffaf1;color:#3c2b19}

  .btn{border:1px solid #2c251f;background:#29231e;color:#fffaf2;box-shadow:none}.btn:hover{background:#3b3027}
  .btn.light{border-color:#ddcfb9;background:#f2e9da;color:#68471d}.btn.light:hover{background:#eadcc7}
  input,select,textarea{border-color:#ddd2c1;background:#fffdf9;color:var(--aelin-charcoal)}
  input:focus,select:focus,textarea:focus,:is(#biaya,#produk,#barcode,#gerak.packing-show-legacy) .form input:focus,:is(#biaya,#produk,#barcode,#gerak.packing-show-legacy) .form select:focus{border-color:#7a5315;outline:3px solid #d9c29a}
  button:focus-visible,input:focus-visible,select:focus-visible,.stocktake-v2-host button:focus-visible,.stocktake-v2-host input:focus-visible,.stocktake-v2-host select:focus-visible{outline-color:#7a5315}

  :is(#stok,#biaya,#laporan,#produk,#barcode) .card:not(.metric),#gerak.packing-show-legacy>.grid>.card,#gerak.packing-show-legacy>.card,
  :is(.stocktake-create-card,.stocktake-active-card,.stocktake-history-card,.stocktake-count-card,.stocktake-review-card,.stocktake-receipt-lines),
  :is(.card.packing-active,.card.packing-exceptions,.card.packing-create,.card.packing-catalog-card,.card.packing-add,.card.packing-formula),
  .production-batch-card,.production-receipt-search-result{border-color:var(--aelin-line)!important;border-left-color:var(--aelin-gold)!important;background:var(--aelin-ivory)}
  :is(#stok,#biaya,#laporan,#produk,#barcode) .card:not(.metric)>.head,#gerak.packing-show-legacy .card>.head,
  :is(.stocktake-create-card,.stocktake-active-card,.stocktake-history-card,.stocktake-count-card,.stocktake-review-card,.stocktake-receipt-lines)>.head,
  :is(.packing-active,.packing-exceptions,.packing-create,.packing-catalog-card,.packing-add,.packing-formula)>.head,
  .production-dashboard-card>.head,.production-receipt-card>.head,.production-dispatch-card>.head,.production-two-column>.card>.head,.production-batch-card>header,.production-receipt-search-result>header{border-bottom-color:#e9dfd0;background:linear-gradient(110deg,#fbf5eb,#fffdf9)}
  :is(#stok,#biaya,#produk,#barcode) .card:not(.metric)>.head h2,#gerak.packing-show-legacy .card>.head h2,
  :is(.stocktake-create-card,.stocktake-active-card,.stocktake-history-card,.stocktake-count-card,.stocktake-review-card)>.head h2,
  :is(.packing-active,.packing-exceptions,.packing-create,.packing-catalog-card,.packing-add,.packing-formula)>.head h2,
  .production-batch-card h3,.production-receipt-search-result>header strong{color:#4a3520}

  .production-v2-tabs button,.stocktake-tabs button,.packing-tabs{border-color:#e2d7c6;background:#fffdf9;color:#6f6559}
  .production-v2-tabs button.active,.stocktake-tabs button.active,.packing-tabs button.active{border-color:#a87531;background:#c79a52;color:#211f1b;box-shadow:none}
  .production-eyebrow,.production-step,.stocktake-eyebrow,.packing-eyebrow{color:#9a6a2f}

  #dash .metric{border-color:#e8dfd2;background:#fffdf9;box-shadow:0 4px 14px rgba(56,43,29,.045)}
  #dash .metric:before{background:#f2e5cf}#dash .metric:nth-child(2):before{background:#eee8dd}#dash .metric:nth-child(3):before{background:#f4e5c8}
  #dash .metric strong,.model-number{color:#714c1e!important}#dash>.card .head span{border-color:#e2d7c7;background:#fffdf9}
  #dash .model{border-color:#e6dccd;background:#fffdf9;box-shadow:0 4px 14px rgba(51,38,25,.05)}#dash .model:hover{box-shadow:0 12px 24px rgba(51,38,25,.09)}
  .dash-stock-note{background:#f5eddf!important;color:#704d22!important}.baritem i{background:linear-gradient(180deg,#c89b51,#916126)}

  :is(#stok,#biaya,#gerak.packing-show-legacy) thead th,.stocktake-table thead th,.packing-catalog-table thead th{color:#6f5b43;background:#f4ecdf}
  :is(#stok,#biaya,#gerak.packing-show-legacy) tbody tr:nth-child(even) td,.stocktake-table tbody tr:nth-child(even),.packing-catalog-table tbody tr:nth-child(even){background:#fbf7f0}
  :is(#stok,#biaya,#gerak.packing-show-legacy) tbody tr:hover td{background:#f6ecdc}
  #stok tbody td:first-child b,#stok tbody td:nth-child(3) b,#extotal .stat b,.packing-metrics strong,.packing-progress strong,.production-metric strong,.production-color-row>div:first-child>b,.production-color-numbers b,.stocktake-session-card header>b,.stocktake-progress-copy>b{color:#704b1d}
  #extotal .stat{border-color:#e4d7c3;border-left-color:var(--aelin-gold);background:#faf4ea}

  .production-metric:after{background:#f2e3c8}
  .production-batch-summary,.production-color-row:nth-child(odd),.production-receipt-search-result>ul>li:not(.more):nth-child(odd),.packing-session-card header,.stocktake-session-card header{background:#f8f1e6}
  .production-progress,.stocktake-progress-track,.stocktake-mini-progress{background:#ebe2d5}
  .production-progress i,.stocktake-progress-track i,.stocktake-mini-progress i{background:linear-gradient(90deg,#c6974c,#936126)}
  .production-code{border-color:#d9c59f;color:#704b1d;background:#fffaf0}.production-selected-batch{background:linear-gradient(110deg,#2b241e,#5a442e)}.production-selected-batch span{color:#ead7b3}
  .production-note,.production-receipt-lookup,.production-receipt-scanner{border-color:#dfd0b8;background:linear-gradient(135deg,#faf3e7,#fffdf9);color:#685948}
  .production-receipt-lookup-head label,.production-receipt-search-summary b,.production-scan-note b{color:#704b1d}.production-receipt-lookup-head button{background:#f0e4d2;color:#704b1d}

  .stocktake-session-card,.packing-session-card{border-color:#e3d8c7;background:#fffdf9}.stocktake-session-card{border-left-color:var(--aelin-gold)}
  .packing-session-card{border-left-color:var(--aelin-gold);background:linear-gradient(110deg,#faf5ec,#fffdf9)}
  .stocktake-empty-icon,.packing-empty-icon{background:#f2e6d2;color:#8a5d25}
  .stocktake-modal{color:var(--aelin-charcoal);background:#fffdf9;box-shadow:0 28px 70px rgba(30,23,17,.3)}
  .stocktake-modal header,.stocktake-modal footer{border-color:#e6dccd;background:linear-gradient(100deg,#fffdf9,#f7efe3)}.stocktake-modal-backdrop{background:rgba(22,18,15,.7)}
  .packing-equation,.packing-card-numbers span,.stocktake-session-summary span{background:#f6efe5;color:#766b5e}
  .packing-equation b,.packing-card-numbers b,.stocktake-session-summary b{color:#624623}
  .packing-item{border-color:#e2d6c4;border-left-color:var(--aelin-gold);background:#fffdf9;box-shadow:0 3px 12px rgba(49,37,24,.045)}

  /* Operational states keep familiar semantic colors. */
  .sync-badge,.production-v2-message,.stocktake-message,.packing-message,.scanner-status:not(.bad),.production-receipt-scan-status:not(.bad),.stocktake-review-ready,.stocktake-status.match,.stocktake-session-status.finalized,.packing-session-status:not(.finalized):not(.cancelled){color:#1f684b;background:#e7f4ec}
  .sync-badge:before,.auto-refresh-dot{background:#299768}
  .scanner-status.bad,.production-receipt-scan-status.bad,.production-v2-message.error,.stocktake-message.error,.packing-message.error{color:#a23d37;background:#fff0ee}
  html.aelin-mobile-camera-open,body.aelin-mobile-camera-open,.aelin-mobile-camera-shell,.aelin-mobile-camera-shell #barcodeReader,.aelin-mobile-camera-shell #v2ReceiptBarcodeReader{background:#12100e!important}
  .aelin-mobile-camera-shell #barcodeStatus,.aelin-mobile-camera-shell #v2ReceiptBarcodeStatus{background:rgba(31,25,20,.88)!important}
  .aelin-mobile-camera-shell #barcodeCameraButton,.aelin-mobile-camera-shell #v2ReceiptCameraButton,.aelin-mobile-camera-shell #barcodeStatus,.aelin-mobile-camera-shell #v2ReceiptBarcodeStatus,.stocktake-sticky-actions,.packing-sticky-actions{backdrop-filter:none!important}
  body .pwa-update-notice{border-color:#dfd3c1;background:#fffdf9;color:#241f1a;box-shadow:0 16px 45px rgba(36,33,29,.18)}
  body .pwa-update-notice b{color:#7a5315}body .pwa-update-notice button{background:#c79a52;color:#211f1b}
}
@media screen and (max-width:1050px){.nav{background:linear-gradient(100deg,#171411,#2b241e)}}
@media (prefers-reduced-motion:reduce){#dash .model:hover{transform:none}}