.hero{
      background:linear-gradient(135deg,#043d66 0%,#0877b9 48%,#02a7d8 100%);
      border-radius:26px;
      padding:28px;
      color:white;
      box-shadow:var(--shadow);
      position:relative;
      overflow:hidden;
    }
    .hero:after{
      content:"";
      width:360px;height:360px;border-radius:50%;
      background:rgba(255,255,255,.12);
      position:absolute;right:-110px;top:-140px;
    }
    .hero-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:18px;
      position:relative;
      z-index:1;
    }
    .brand{display:flex;align-items:center;gap:14px}
    .logo{
      width:60px;height:60px;border-radius:17px;
      display:grid;place-items:center;
      background:white;color:var(--primary);
      font-weight:900;font-size:20px;letter-spacing:.5px;
      box-shadow:0 12px 24px rgba(0,0,0,.18);
    }
    .brand h1{margin:0;font-size:30px;line-height:1.1}
    .brand p{margin:7px 0 0;opacity:.88;font-size:14px}
    .top-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
    .lang-actions,.mode-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
    button,select,input,textarea{font-family:inherit}
    .btn{
      border:0;border-radius:12px;padding:10px 14px;
      font-weight:700;cursor:pointer;transition:.2s;
      display:inline-flex;align-items:center;justify-content:center;
      gap:8px;white-space:nowrap;
    }
    .btn:hover{transform:translateY(-1px)}
    .btn-primary{background:var(--primary);color:white}
    .btn-light{background:white;color:var(--primary-dark)}
    .btn-soft{background:#e9f5fb;color:var(--primary-dark)}
    .btn-danger{background:#ffe9e9;color:#ba1a1a}
    .btn-success{background:#e9fff6;color:#00794f}
    .btn-accent{background:#fff4cf;color:#735000}
    .btn-purple{background:#efe7ff;color:#5b21b6}
    .lang-btn{background:rgba(255,255,255,.18);color:white;border:1px solid rgba(255,255,255,.34)}
    .lang-btn.active{background:white;color:var(--primary-dark)}
    .mode-btn{background:white;color:var(--primary-dark);border:1px solid rgba(255,255,255,.7)}
    .mode-btn.visitor{background:rgba(255,255,255,.16);color:white;border:1px solid rgba(255,255,255,.34)}
    .role-badge{
      background:rgba(255,255,255,.18);
      border:1px solid rgba(255,255,255,.3);
      color:white;border-radius:999px;
      padding:8px 12px;font-size:12px;font-weight:800;
    }
    .stats{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:12px;margin-top:24px;position:relative;z-index:1;
    }
    .stat-card{
      background:rgba(255,255,255,.14);
      border:1px solid rgba(255,255,255,.2);
      border-radius:18px;padding:16px;backdrop-filter:blur(8px);
    }
    .stat-card-icon {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }
    .stat-card-icon svg {
      margin: 0 auto !important;
    }
    .stat-card span{display:block;font-size:12px;opacity:.85;margin-bottom:8px}
    .stat-card strong{font-size:28px;letter-spacing:-.5px}
    .visitor-info{
      margin-top:16px;padding:13px 15px;border-radius:16px;
      background:rgba(255,255,255,.14);
      border:1px solid rgba(255,255,255,.24);
      color:white;position:relative;z-index:1;
      font-size:14px;line-height:1.5;
    }
    .toolbar{
      display:grid;
      grid-template-columns:1.6fr .8fr .8fr auto;
      gap:12px;margin:20px 0;align-items:center;
    }
    .field{
      background:var(--card);
      border:1px solid var(--line);
      border-radius:14px;
      padding:11px 12px;
      color:var(--text);
      width:100%;
      outline:none;
      box-shadow:0 8px 18px rgba(8,119,185,.05);
    }
    .field:focus{
      border-color:var(--secondary);
      box-shadow:0 0 0 4px rgba(0,168,216,.12);
    }
    .panel{
      background:var(--card);
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      overflow:hidden;
      margin-bottom:20px;
    }
    .panel-head{
      padding:18px 20px;
      border-bottom:1px solid var(--line);
      display:flex;align-items:center;justify-content:space-between;
      gap:10px;flex-wrap:wrap;
    }
    .panel-head h2{margin:0;font-size:18px}
    .panel-body{padding:20px}
    body.visitor-mode #adminPanel{display:none}
    body.visitor-mode .admin-only{display:none!important}
    label{
      font-size:12px;font-weight:800;color:#415a6d;
      text-transform:uppercase;letter-spacing:.3px;
      margin-bottom:6px;display:block;
    }
    textarea{resize:vertical}
    .admin-form-grid{
      display:grid;
      grid-template-columns:1fr 1.3fr 1fr .9fr .9fr 1.2fr;
      gap:12px;
      align-items:end;
      margin-bottom:16px;
    }
    .photo-row{
      display:grid;
      grid-template-columns:1fr 190px;
      gap:12px;
      align-items:end;
      margin-bottom:16px;
    }
    .image-preview{
      height:74px;
      border:1.5px dashed #b8d5e7;
      background:#f6fbfe;
      border-radius:14px;
      display:grid;
      place-items:center;
      overflow:hidden;
      color:var(--muted);
      text-align:center;
      padding:8px;
      font-size:12px;
    }
    .image-preview img{width:100%;height:100%;object-fit:cover;border-radius:10px}
    .input-table-wrap{
      overflow:auto;
      border:1px solid var(--line);
      border-radius:16px;
      background:#f8fcff;
    }
    .input-table{
      width:100%;
      min-width:1120px;
      border-collapse:collapse;
    }
    .input-table th{
      background:#eef7fc;
      color:#37566c;
      font-size:12px;
      text-transform:uppercase;
      letter-spacing:.3px;
      padding:10px;
      text-align:left;
      border-bottom:1px solid var(--line);
    }
    .input-table td{
      padding:8px;
      border-bottom:1px solid #e9f2f7;
      vertical-align:middle;
    }
    .input-table tr:last-child td{border-bottom:0}
    .input-table .field{
      box-shadow:none;
      border-radius:10px;
      padding:9px 10px;
    }
    .no-input{width:54px;text-align:center;font-weight:800;background:#eef7fc!important}
    .desc-input{min-width:240px}
    .spec-input{min-width:220px}
    .qty-input{width:86px}
    .unit-input{width:92px}
    .price-input{width:140px}
    .total-input{width:150px;background:#eef7fc!important;font-weight:900}
    .form-actions{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
      margin-top:14px;
    }
    .total-box{
      display:flex;
      align-items:center;
      gap:10px;
      padding:10px 14px;
      background:#eef7fc;
      border:1px solid var(--line);
      border-radius:14px;
      font-weight:900;
    }
    .total-box span{color:var(--muted);font-size:13px}
    .admin-note{
      background:#fff9e8;border:1px solid #ffe3a3;color:#6b4a00;
      padding:12px;border-radius:14px;margin-top:14px;
      font-size:13px;line-height:1.5;
    }
    .table-wrap{overflow:auto}
    table.order-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1240px}
    body.visitor-mode table.order-table{min-width:930px}
    .order-table th{
      position:sticky;top:0;
      background:#f2f8fc;color:#37566c;
      font-size:12px;text-transform:uppercase;letter-spacing:.35px;
      text-align:left;padding:13px 12px;
      border-bottom:1px solid var(--line);z-index:2;
    }
    .order-table td{
      padding:13px 12px;
      border-bottom:1px solid #eef4f7;
      vertical-align:top;
      font-size:14px;
    }
    tr:hover td{background:#fbfdff}
    .order-code{font-weight:900;color:var(--primary-dark)}
    .small{font-size:12px;color:var(--muted);margin-top:4px}
    .status{
      display:inline-flex;align-items:center;gap:6px;
      padding:7px 10px;border-radius:999px;
      font-size:12px;font-weight:800;white-space:nowrap;
    }
    .s0{background:#eef2f7;color:#526170}
    .s1{background:#fff7df;color:#7c5600}
    .s2{background:#e9f2ff;color:#0757a3}
    .s3{background:#f0eaff;color:#5b21b6}
    .s4{background:#e8fff5;color:#00794f}
    .progress{width:142px;height:8px;background:#e6eef4;border-radius:999px;overflow:hidden;margin-top:8px}
    .bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--secondary))}
    .thumb{
      width:86px;height:58px;object-fit:cover;
      border-radius:10px;border:1px solid var(--line);
      background:#f5f5f5;cursor:pointer;
    }
    .no-thumb{
      width:86px;height:58px;border-radius:10px;
      border:1px dashed #c3d7e3;color:var(--muted);
      display:grid;place-items:center;font-size:11px;text-align:center;background:#f8fbfd;
    }
    .row-actions{display:flex;gap:6px;flex-wrap:wrap}
    .mini{padding:7px 9px;font-size:12px;border-radius:10px}
    .summary-strip{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
    .pill{
      background:#eef7fc;color:#23536e;
      padding:8px 11px;border-radius:999px;
      font-size:12px;font-weight:800;
    }
    .select-box{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}
    .admin-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
    .selected-counter{
      padding:8px 11px;border-radius:999px;background:#f2f8fc;
      color:#2b5268;font-weight:800;font-size:12px;border:1px solid var(--line);
    }
    .modal{
      position:fixed;inset:0;display:none;
      align-items:center;justify-content:center;
      background:rgba(8,31,48,.62);
      z-index:99;padding:20px;
    }
    .modal.show{display:flex}
    .modal-card{
      background:white;border-radius:22px;
      max-width:1040px;width:100%;max-height:90vh;
      overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.35);
    }
    .modal-head{
      padding:18px 20px;border-bottom:1px solid var(--line);
      display:flex;justify-content:space-between;align-items:center;gap:10px;
    }
    .modal-head h3{margin:0}
    .modal-body{padding:20px}
    .photo-large{width:100%;max-height:70vh;object-fit:contain;background:#f5f7fa;border-radius:14px}
    .invoice{border:1px solid #d9e6ee;border-radius:16px;overflow:hidden;background:white}
    .invoice-top{
      display:flex;justify-content:space-between;gap:20px;
      padding:24px;background:linear-gradient(135deg,#f3fbff,#fff);
      border-bottom:1px solid #d9e6ee;
    }
    .invoice h2{margin:0;color:var(--primary-dark)}
    .invoice table{width:100%;border-collapse:collapse}
    .invoice th,.invoice td{padding:10px;border-bottom:1px solid #e7eef3;text-align:left}
    .invoice th{background:#f2f8fc;color:#37566c;font-size:12px;text-transform:uppercase}
    .invoice-total{text-align:right;padding:18px 24px;font-size:18px;font-weight:900}
    .empty{padding:50px 20px;text-align:center;color:var(--muted)}
    @media(max-width:1150px){
      .toolbar{grid-template-columns:1fr 1fr}
      .stats{grid-template-columns:repeat(2,1fr)}
      .admin-form-grid{grid-template-columns:1fr 1fr}
      .photo-row{grid-template-columns:1fr}
    }
    @media(max-width:640px){
      .app{padding:12px}
      .hero{padding:20px}
      .hero-top{flex-direction:column}
      .brand h1{font-size:23px}
      .top-actions{align-items:flex-start}
      .toolbar{grid-template-columns:1fr}
      .stats{grid-template-columns:1fr}
      .admin-form-grid{grid-template-columns:1fr}
      .lang-actions,.mode-actions{justify-content:flex-start}
      .admin-tools{align-items:stretch}
      .admin-tools .btn{width:100%}
      .form-actions{align-items:stretch}
      .form-actions .btn,.total-box{width:100%}
    }
    @media print{
      body *{visibility:hidden}
      #invoiceContent,#invoiceContent *{visibility:visible}
      #invoiceContent{position:absolute;left:0;top:0;width:100%}
      .no-print{display:none!important}
      .invoice{border:0}
    }


    .invoice-setting-box{border:1px solid var(--line);border-radius:16px;background:#f8fcff;padding:14px;margin-bottom:16px}
    .invoice-setting-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.invoice-setting-head strong{font-size:14px;color:var(--primary-dark)}.invoice-setting-head span{font-size:12px;color:var(--muted)}
    .invoice-setting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.invoice-header-preview{margin-top:12px;min-height:70px;border:1.5px dashed #b8d5e7;border-radius:14px;background:white;display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center;overflow:hidden;padding:8px}.invoice-header-preview img{width:100%;max-height:120px;object-fit:contain;background:white}
    .print-invoice{background:white;color:#111;font-family:"Times New Roman",Times,serif;padding:16px;border:1px solid #111}.print-header{text-align:center;padding:2px 0 8px}.print-header img{width:100%;max-height:82px;object-fit:contain}.print-default-header{display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center}.print-logo-mark{width:70px;height:70px;border:4px double #111;display:grid;place-items:center;font-family:Arial,sans-serif;font-weight:900;font-size:25px;color:#123044;margin:auto}.print-brand h1{margin:0;font-family:Arial,sans-serif;font-size:30px;letter-spacing:2px;color:#111;line-height:1}.print-brand h2{margin:1px 0 4px;font-family:Arial,sans-serif;font-size:13px;letter-spacing:1px;color:#111}.print-brand p{margin:1px 0;font-family:Arial,sans-serif;font-size:9px;color:#111}.print-title{border:1px solid #111;text-align:center;font-size:32px;font-weight:900;padding:2px 0;margin-top:8px}.print-meta{width:100%;border-collapse:collapse;margin-bottom:24px}.print-meta td{border:1px solid #111;padding:5px 6px;font-size:16px;vertical-align:top}.print-intro{margin:0 0 16px;font-size:16px;line-height:1.25}.print-table{width:100%;border-collapse:collapse;font-size:14px}.print-table th,.print-table td{border:1px solid #111;padding:5px 6px;vertical-align:middle;color:#111}.print-table th{text-align:center;font-weight:900}.print-table .center{text-align:center}.print-table .right{text-align:right}.print-terbilang{border-left:1px solid #111;border-right:1px solid #111;border-bottom:1px solid #111;padding:5px 8px;text-align:center;font-style:italic;font-weight:700;font-size:14px}.print-footer{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:10px;font-size:15px}.bank-block{font-weight:700;line-height:1.45}.signature-block{text-align:center;min-height:150px}.stamp-box{width:130px;height:80px;border:2px solid #0b55c0;color:#0b55c0;display:grid;place-items:center;margin:8px auto 2px;transform:rotate(-8deg);font-family:Arial,sans-serif;font-weight:900;font-size:24px}.attachment-page{margin-top:34px;page-break-before:always;font-family:"Times New Roman",Times,serif;color:#111}.attachment-page h3{font-size:16px;font-weight:400;margin:0 0 26px}.attachment-item{margin-bottom:18px;display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:start}.attachment-item img{max-width:100%;border:1px solid #ddd}
    @media(max-width:760px){.invoice-setting-grid{grid-template-columns:1fr}.invoice-setting-head{align-items:flex-start}.print-invoice{padding:8px;overflow:auto}.print-default-header{grid-template-columns:70px 1fr}.print-logo-mark{width:62px;height:62px;font-size:22px}.print-brand h1{font-size:26px}.print-brand h2{font-size:12px}.print-brand p{font-size:9px}.print-title{font-size:24px}.print-meta td,.print-intro{font-size:13px}.print-table{font-size:11px}.print-footer{grid-template-columns:1fr}}
    @media print{@page{size:A4 portrait;margin:10mm}body *{visibility:hidden!important}#invoiceContent,#invoiceContent *{visibility:visible!important}#invoiceContent{position:absolute!important;left:0!important;top:0!important;width:100%!important;padding:0!important}.modal,.modal-card,.modal-body{display:block!important;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;padding:0!important;margin:0!important;background:white!important}.modal-head,.no-print{display:none!important}.print-invoice{border:0!important;padding:0!important}}


    .section-title{
      font-size:14px;
      font-weight:900;
      color:var(--primary-dark);
      margin:4px 0 10px;
      padding:8px 10px;
      border-left:4px solid var(--primary);
      background:#f2f8fc;
      border-radius:10px;
    }
    .compact-order-grid{
      grid-template-columns:1fr 1.35fr .85fr .85fr;
      margin-bottom:10px;
    }
    .desc-mini-grid{
      display:grid;
      grid-template-columns:.9fr 1.6fr 180px;
      gap:10px;
      align-items:end;
      margin-bottom:10px;
    }
    .desc-mini-grid .image-preview{
      height:54px;
    }
    .invoice-title-space{margin-top:14px}
    .compact-actions{margin-top:10px}
    .compact-note{margin-top:10px}
    .compact-note textarea{min-height:58px!important}
    .compact-admin-note{margin-top:10px!important;padding:9px 12px!important}
    .panel-head{padding:14px 18px!important}
    .panel-body{padding:14px 18px!important}
    .admin-form-grid{gap:10px!important;margin-bottom:10px!important}
    .field{padding:9px 11px!important;min-height:38px!important}
    label{margin-bottom:4px!important;font-size:11px!important}
    .input-table th{padding:8px 9px!important}
    .input-table td{padding:6px!important}
    .input-table .field{padding:7px 8px!important;min-height:34px!important}
    .form-actions{margin-top:10px!important}
    .total-box{padding:8px 12px!important}
    .invoice-setting-box{padding:10px!important;margin-bottom:10px!important}
    .invoice-setting-grid{gap:9px!important}
    .invoice-header-preview{min-height:58px!important;margin-top:8px!important}
    table.order-table{min-width:1180px!important}
    .order-table th{padding:9px 10px!important;font-size:11px!important}
    .order-table td{padding:9px 10px!important;font-size:13px!important}
    .thumb,.no-thumb{height:48px!important;width:74px!important}
    .status{padding:5px 8px!important;font-size:11px!important}
    .progress{height:6px!important}
    .mini{padding:6px 8px!important;font-size:11px!important}
    .summary-strip{margin-bottom:10px!important}
    .admin-tools{margin-bottom:8px!important}





    /* ===== TTD DI ATAS NAMA + BISA HAPUS ===== */
    .signature-upload-row{
      display:grid;
      grid-template-columns:1fr auto;
      gap:6px;
      align-items:center;
    }
    .invoice-signature-preview{
      min-height:54px!important;
      height:64px!important;
    }
    .invoice-signature-preview img{
      max-height:58px!important;
      object-fit:contain!important;
    }
    .signature-block{
      text-align:center!important;
      min-height:170px!important;
    }
    .signature-area{
      width:220px;
      min-height:112px;
      margin:2px auto 0;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:flex-end;
    }
    .signature-img{
      max-width:210px!important;
      max-height:86px!important;
      object-fit:contain!important;
      display:block!important;
      margin:0 auto 2px!important;
    }
    .signature-space{
      height:86px!important;
      width:210px!important;
    }
    .signer-name{
      margin:0!important;
      line-height:1.2!important;
    }
    .stamp-box{
      display:none!important;
    }
    @media(max-width:760px){
      .signature-upload-row{
        grid-template-columns:1fr;
      }
    }














    /* ===== STATUS FILTER PENGUNJUNG DI SAMPING JUDUL ===== */
    .visitor-only{
      display:none!important;
    }
    body.visitor-mode .visitor-only{
      display:flex!important;
    }
    body.visitor-mode .order-list-head{
      align-items:center!important;
    }
    .visitor-status-filter{
      margin-left:auto;
      align-items:center;
      gap:8px;
    }
    .visitor-status-filter label{
      margin:0!important;
      font-size:12px!important;
      font-weight:900;
      color:#415a6d;
      text-transform:uppercase;
      white-space:nowrap;
    }
    .visitor-status-filter .field{
      width:220px;
      min-height:34px!important;
      padding:7px 10px!important;
      border-radius:10px!important;
      font-size:12px!important;
    }
    @media(max-width:760px){
      body.visitor-mode .order-list-head{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
      }
      .visitor-status-filter{
        margin-left:0;
        width:100%;
        display:grid!important;
        grid-template-columns:90px 1fr;
      }
      .visitor-status-filter .field{
        width:100%;
      }
    }

    /* ===== PISAH ITEM ORDER DI DAFTAR ===== */
    .order-table .translated-note{
      max-width:420px;
    }
    .order-table .small{
      line-height:1.35;
    }

    /* ===== HAPUS FILTER ATAS + STATUS PINDAH KE DAFTAR + PEMESAN DROPDOWN ===== */
    .toolbar-simple{
      grid-template-columns:1fr auto!important;
    }
    .toolbar-simple #searchInput{
      max-width:none;
    }
    .list-filter-grid{
      display:grid!important;
      grid-template-columns:minmax(220px,360px) repeat(3,minmax(170px,240px))!important;
      gap:10px!important;
      align-items:end!important;
      margin-bottom:10px!important;
    }
    .list-filter-grid .filter-item{
      display:grid;
      gap:5px;
    }
    .list-filter-grid label{
      margin:0!important;
      font-size:11px!important;
      color:#415a6d;
      font-weight:900;
      text-transform:uppercase;
    }
    .requester-select-row{
      grid-template-columns:1fr auto!important;
      gap:5px!important;
    }
    .requester-select-row .tiny-actions{
      gap:2px!important;
    }
    .requester-select-row .tiny-btn{
      width:22px!important;
      height:22px!important;
      border-radius:6px!important;
      font-size:12px!important;
    }
    #requester{
      min-width:0;
    }
    @media(max-width:760px){
      .toolbar-simple{
        grid-template-columns:1fr!important;
      }
      .list-filter-grid{
        grid-template-columns:1fr!important;
      }
      .requester-select-row{
        grid-template-columns:1fr!important;
      }
      .requester-select-row .tiny-actions{
        justify-content:flex-end;
      }
    }

    /* ===== TOMBOL AKSI ADMIN LEBIH KECIL + FILTER PEKERJAAN HANYA ADMIN ===== */
    body.visitor-mode #categoryFilter{
      display:none!important;
    }
    body.visitor-mode .toolbar{
      grid-template-columns:1fr!important;
    }
    .order-table .row-actions{
      gap:4px!important;
      max-width:150px!important;
    }
    .order-table .row-actions .btn{
      min-height:24px!important;
      padding:4px 7px!important;
      font-size:10px!important;
      border-radius:8px!important;
      line-height:1!important;
    }
    .order-table td:nth-child(2),
    .order-table th:nth-child(2){
      width:150px!important;
      min-width:150px!important;
    }
    .order-table .select-box{
      width:15px!important;
      height:15px!important;
    }
    .admin-tools .btn{
      min-height:30px!important;
      padding:6px 10px!important;
      font-size:11px!important;
      border-radius:10px!important;
    }
    .selected-counter{
      padding:6px 10px!important;
      font-size:11px!important;
    }
    @media(max-width:760px){
      body.visitor-mode .toolbar{
        grid-template-columns:1fr!important;
      }
      .order-table .row-actions{
        max-width:none!important;
      }
      .order-table .row-actions .btn{
        min-height:30px!important;
        font-size:11px!important;
      }
    }

    /* ===== VISITOR HIDE ORDER TYPE FILTER + WA INPUT ===== */
    body.visitor-mode .list-filter-row.admin-only{
      display:none!important;
    }
    #orderPhone{
      letter-spacing:.2px;
    }

    /* ===== PHONE + ORDER GROUP + LANGUAGE CONTENT FIX ===== */
    #adminPanel .compact-order-grid{
      grid-template-columns:.85fr 1.2fr 1.05fr .9fr .85fr .85fr!important;
    }
    .list-filter-row{
      display:grid;
      grid-template-columns:160px minmax(220px,360px);
      gap:10px;
      align-items:center;
      margin-bottom:10px;
    }
    .list-filter-row label{
      margin:0!important;
      font-size:12px!important;
      color:#415a6d;
      font-weight:900;
      text-transform:uppercase;
    }
    .translated-note{
      color:var(--muted);
      font-size:12px;
      margin-top:4px;
      line-height:1.35;
    }
    @media(max-width:900px){
      #adminPanel .compact-order-grid{
        grid-template-columns:1fr 1fr!important;
      }
      .list-filter-row{
        grid-template-columns:1fr;
      }
    }
    @media(max-width:640px){
      #adminPanel .compact-order-grid{
        grid-template-columns:1fr!important;
      }
    }

    /* ===== MULTILINGUAL FINAL FIX ===== */
    .order-table th{
      white-space:nowrap;
    }
    .order-table td{
      word-break:break-word;
    }
    .mobile-meta div{
      word-break:break-word;
    }

    /* ===== COLLAPSIBLE ADMIN SECTION ===== */
    .admin-collapsible{
      border:1px solid var(--line);
      border-radius:14px;
      background:#fff;
      margin-bottom:10px;
      overflow:hidden;
    }
    .collapse-toggle{
      width:100%;
      border:0;
      background:#eef5fb;
      color:var(--primary-dark);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding:10px 14px;
      font-size:14px;
      font-weight:800;
      cursor:pointer;
      text-align:left;
    }
    .collapse-toggle:hover{
      background:#e7f0f8;
    }
    .collapse-arrow{
      font-size:14px;
      transition:transform .2s ease;
      flex:0 0 auto;
    }
    .admin-collapsible.open .collapse-arrow{
      transform:rotate(180deg);
    }
    .collapse-body{
      padding:12px 14px;
      border-top:1px solid var(--line);
      display:none;
      background:#fff;
    }
    .admin-collapsible.open .collapse-body{
      display:block;
    }
    .collapse-note{
      font-size:11px;
      color:var(--muted);
      font-weight:500;
      margin-left:8px;
    }
    @media(max-width:760px){
      .collapse-toggle{
        padding:10px 12px;
        font-size:13px;
      }
      .collapse-body{
        padding:10px 12px;
      }
      .collapse-note{
        display:none;
      }
    }

    /* ===== DROPDOWN BISA TAMBAH