/*
  SWESUND EKONOMI
  Global UI Polish V1

  Visuell override.
  Ingen affärslogik påverkas.
*/

:root{
  --v9-control-border:#d3dee8;
  --v9-control-border-hover:#b9cbd9;
  --v9-control-border-focus:#86a7bf;

  --v9-polish-radius-sm:10px;
  --v9-polish-radius:12px;
  --v9-polish-radius-lg:17px;

  --v9-polish-shadow:
    0 4px 14px rgba(9,43,70,.055);

  --v9-polish-shadow-hover:
    0 7px 18px rgba(9,43,70,.09);

  --v9-polish-focus:
    0 0 0 3px rgba(11,54,88,.085);
}


/* ==========================================================
   CARDS / PANELS
   ========================================================== */

#v9Workspace .v9-card,
#v9Workspace .v9-voucher-kpi,
#v9Workspace .v9-member-stat,
#v9Workspace .v9-mini-kpi,
#v9Workspace .v9-client-title{
  border-color:var(--v9-control-border) !important;
  border-radius:var(--v9-polish-radius-lg) !important;
  box-shadow:var(--v9-polish-shadow) !important;
}

#v9Workspace .v9-card{
  overflow:hidden;
}


/* ==========================================================
   DOCUMENT ROWS
   ========================================================== */

#v9Workspace .v9-doc-list > article,
#v9Workspace .v9-doc-row{
  border-color:var(--v9-control-border) !important;
  border-radius:15px !important;
  background:#fff;
  box-shadow:
    0 2px 8px rgba(9,43,70,.035);
  transition:
    border-color .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

#v9Workspace .v9-doc-list > article:hover,
#v9Workspace .v9-doc-row:hover{
  border-color:#c1d0dc !important;
  box-shadow:
    0 6px 18px rgba(9,43,70,.065);
}


/* ==========================================================
   STANDARD BUTTONS
   ========================================================== */

#v9Workspace .v9-btn,
#v9Workspace .v9-doc-btn,
.v9-modal .v9-btn,
.v9-voucher-modal .v9-btn{
  min-height:40px;
  padding:0 15px;

  border-radius:var(--v9-polish-radius-sm) !important;
  border:1px solid var(--v9-control-border);

  background:#fff;
  color:var(--v9-navy);

  font-weight:800;
  line-height:1;

  box-shadow:
    0 1px 2px rgba(9,43,70,.025);

  cursor:pointer;

  transition:
    background .15s ease,
    border-color .15s ease,
    color .15s ease,
    box-shadow .15s ease,
    transform .15s ease;
}

#v9Workspace .v9-btn:hover:not(:disabled),
#v9Workspace .v9-doc-btn:hover:not(:disabled),
.v9-modal .v9-btn:hover:not(:disabled),
.v9-voucher-modal .v9-btn:hover:not(:disabled){
  border-color:var(--v9-control-border-hover);
  background:#f9fbfd;
  box-shadow:
    0 5px 13px rgba(9,43,70,.075);
  transform:translateY(-1px);
}

#v9Workspace .v9-btn:active:not(:disabled),
#v9Workspace .v9-doc-btn:active:not(:disabled),
.v9-modal .v9-btn:active:not(:disabled),
.v9-voucher-modal .v9-btn:active:not(:disabled){
  transform:translateY(0);
  box-shadow:
    0 1px 3px rgba(9,43,70,.06);
}


/* ==========================================================
   PRIMARY BUTTON
   ========================================================== */

#v9Workspace .v9-btn-primary,
.v9-modal .v9-btn-primary,
.v9-voucher-modal .v9-btn-primary{
  background:var(--v9-navy) !important;
  border-color:var(--v9-navy) !important;
  color:#fff !important;

  box-shadow:
    0 5px 14px rgba(9,43,70,.16) !important;
}

#v9Workspace .v9-btn-primary:hover:not(:disabled),
.v9-modal .v9-btn-primary:hover:not(:disabled),
.v9-voucher-modal .v9-btn-primary:hover:not(:disabled){
  background:var(--v9-navy-dark) !important;
  border-color:var(--v9-navy-dark) !important;

  box-shadow:
    0 8px 18px rgba(9,43,70,.20) !important;
}


/* ==========================================================
   DANGER BUTTON
   ========================================================== */

#v9Workspace .v9-btn-danger,
.v9-modal .v9-btn-danger,
.v9-voucher-modal .v9-btn-danger{
  background:#fff !important;
  color:#a64343 !important;
  border-color:#e4c1c1 !important;
}

#v9Workspace .v9-btn-danger:hover:not(:disabled),
.v9-modal .v9-btn-danger:hover:not(:disabled),
.v9-voucher-modal .v9-btn-danger:hover:not(:disabled){
  background:#fff7f7 !important;
  border-color:#dca9a9 !important;
}


/* ==========================================================
   DISABLED
   ========================================================== */

#v9Workspace button:disabled,
.v9-modal button:disabled,
.v9-voucher-modal button:disabled{
  opacity:.58;
  cursor:not-allowed;
  transform:none !important;
  box-shadow:none !important;
}


/* ==========================================================
   FORM CONTROLS
   ========================================================== */

#v9Workspace input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#v9Workspace select,
#v9Workspace textarea,
.v9-modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.v9-modal select,
.v9-modal textarea,
.v9-voucher-modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.v9-voucher-modal select,
.v9-voucher-modal textarea{
  border:1px solid var(--v9-control-border) !important;
  border-radius:var(--v9-polish-radius-sm) !important;

  background:#fff;
  color:var(--v9-ink);

  outline:none;

  box-shadow:
    inset 0 1px 1px rgba(9,43,70,.018);

  transition:
    border-color .15s ease,
    box-shadow .15s ease,
    background .15s ease;
}

#v9Workspace input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):hover,
#v9Workspace select:hover,
#v9Workspace textarea:hover,
.v9-modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):hover,
.v9-modal select:hover,
.v9-modal textarea:hover,
.v9-voucher-modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):hover,
.v9-voucher-modal select:hover,
.v9-voucher-modal textarea:hover{
  border-color:var(--v9-control-border-hover) !important;
}

#v9Workspace input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
#v9Workspace select:focus,
#v9Workspace textarea:focus,
.v9-modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
.v9-modal select:focus,
.v9-modal textarea:focus,
.v9-voucher-modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
.v9-voucher-modal select:focus,
.v9-voucher-modal textarea:focus{
  border-color:var(--v9-control-border-focus) !important;
  box-shadow:var(--v9-polish-focus) !important;
}


/* ==========================================================
   SEARCH FIELDS
   ========================================================== */

#v9Workspace input[type="search"]{
  min-height:40px;
  padding-left:13px;
  padding-right:13px;
  background:#fff;
}


/* ==========================================================
   TABS
   ========================================================== */

#v9Workspace .v9-voucher-status-tabs button{
  min-height:38px;
  border-radius:9px !important;
  padding:0 14px;
  box-shadow:none !important;
  transform:none !important;
}

#v9Workspace .v9-voucher-status-tabs button:hover{
  background:#f3f7fa;
}

#v9Workspace .v9-voucher-status-tabs button.active{
  background:#eef4f8;
  color:var(--v9-navy);
}


/* ==========================================================
   VOUCHER MODAL
   Fixar framför allt de gränser som syns på skärmbilden.
   ========================================================== */

.v9-voucher-dialog{
  border:1px solid rgba(210,222,232,.9);
  border-radius:20px !important;

  box-shadow:
    0 28px 80px rgba(4,28,46,.24) !important;

  overflow:hidden;
}

.v9-voucher-modal-head{
  padding:23px 26px !important;
  border-bottom:1px solid #edf2f6 !important;
}

.v9-voucher-form-top{
  grid-template-columns:
    170px
    120px
    minmax(0,1fr) !important;

  gap:14px !important;

  padding:
    20px
    26px !important;

  align-items:end;
}

.v9-voucher-form-top label{
  min-width:0;
  gap:7px !important;
}

.v9-voucher-form-top input,
.v9-voucher-form-top select{
  width:100% !important;
  min-width:0 !important;
  height:44px !important;

  padding:
    0
    13px !important;
}

.v9-voucher-form-top input[type="date"]{
  padding-right:10px !important;
}

.v9-voucher-line input,
.v9-voucher-line select{
  min-width:0 !important;
  width:100%;
  height:40px !important;
  border-radius:9px !important;
}

.v9-voucher-modal-actions{
  gap:10px !important;
  padding:17px 25px !important;

  background:#fafcfd !important;
  border-top:1px solid #edf2f6 !important;
}


/* ==========================================================
   GENERIC MODALS
   ========================================================== */

.v9-modal-card{
  border:1px solid var(--v9-control-border);
  border-radius:20px !important;

  box-shadow:
    0 26px 72px rgba(4,28,46,.23) !important;

  overflow:hidden;
}

.v9-modal-head{
  border-bottom:1px solid #edf2f6 !important;
}

.v9-modal-foot{
  border-top:1px solid #edf2f6 !important;
  background:#fafcfd;
}


/* ==========================================================
   TABLE / TOOLBAR BOUNDARIES
   ========================================================== */

#v9Workspace .v9-voucher-toolbar,
#v9Workspace .v9-member-toolbar,
#v9Workspace .v9-client-toolbar{
  border-color:#edf2f6 !important;
}

#v9Workspace table th,
#v9Workspace table td{
  border-color:#edf2f6;
}


/* ==========================================================
   CHECK CARDS
   ========================================================== */

#v9Workspace .v9-check-card,
#v9Workspace .v9-check-row,
#v9Workspace .v9-permission-row,
#v9Workspace .v9-client-check{
  border-color:#dde6ed !important;
  border-radius:11px !important;

  transition:
    border-color .15s ease,
    background .15s ease,
    box-shadow .15s ease;
}

#v9Workspace .v9-check-card:hover,
#v9Workspace .v9-check-row:hover,
#v9Workspace .v9-client-check:hover{
  border-color:#c3d2dd !important;
  background:#fbfdff !important;
  box-shadow:
    0 3px 10px rgba(9,43,70,.04);
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:760px){

  .v9-voucher-form-top{
    grid-template-columns:1fr !important;
  }

  #v9Workspace .v9-btn,
  #v9Workspace .v9-doc-btn{
    min-height:42px;
  }
}

/* === SWESUND UI POLISH V1.1 START === */

/*
  Finjustering av visuell hierarki:
  - mindre hårda borders
  - tydligare sekundärknappar
  - Dokument-knappar får olika funktionell vikt
  - voucher-modal förfinas
  - inga funktionella ändringar
*/


/* ----------------------------------------------------------
   GLOBAL SECONDARY BUTTON
   ---------------------------------------------------------- */

#v9Workspace .v9-btn:not(.v9-btn-primary):not(.v9-btn-danger),
.v9-modal .v9-btn:not(.v9-btn-primary):not(.v9-btn-danger),
.v9-voucher-modal .v9-btn:not(.v9-btn-primary):not(.v9-btn-danger){
  background:#fbfdff !important;
  border-color:#d7e1e9 !important;
  color:#123f62 !important;

  box-shadow:
    0 1px 2px rgba(9,43,70,.02) !important;
}

#v9Workspace .v9-btn:not(.v9-btn-primary):not(.v9-btn-danger):hover:not(:disabled),
.v9-modal .v9-btn:not(.v9-btn-primary):not(.v9-btn-danger):hover:not(:disabled),
.v9-voucher-modal .v9-btn:not(.v9-btn-primary):not(.v9-btn-danger):hover:not(:disabled){
  background:#f4f8fb !important;
  border-color:#bdcedb !important;

  box-shadow:
    0 5px 14px rgba(9,43,70,.065) !important;
}


/* ----------------------------------------------------------
   GLOBAL PRIMARY BUTTON
   ---------------------------------------------------------- */

#v9Workspace .v9-btn-primary,
.v9-modal .v9-btn-primary,
.v9-voucher-modal .v9-btn-primary{
  min-height:40px;

  border-radius:11px !important;

  box-shadow:
    0 4px 11px rgba(9,43,70,.15) !important;
}

#v9Workspace .v9-btn-primary:hover:not(:disabled),
.v9-modal .v9-btn-primary:hover:not(:disabled),
.v9-voucher-modal .v9-btn-primary:hover:not(:disabled){
  box-shadow:
    0 7px 16px rgba(9,43,70,.19) !important;
}


/* ----------------------------------------------------------
   DOCUMENT - PRIMARY UPLOAD / SCAN
   ---------------------------------------------------------- */

#v9Workspace .v9-doc-primary{
  min-height:42px;

  padding:
    0
    17px;

  border:
    1px solid
    var(--v9-navy) !important;

  border-radius:
    11px !important;

  background:
    var(--v9-navy) !important;

  color:
    #fff !important;

  font-weight:
    800;

  box-shadow:
    0 5px 13px rgba(9,43,70,.15) !important;

  transition:
    background .15s ease,
    border-color .15s ease,
    box-shadow .15s ease,
    transform .15s ease;
}

#v9Workspace .v9-doc-primary:hover{
  background:
    var(--v9-navy-dark) !important;

  border-color:
    var(--v9-navy-dark) !important;

  box-shadow:
    0 8px 18px rgba(9,43,70,.19) !important;

  transform:
    translateY(-1px);
}


/* ----------------------------------------------------------
   DOCUMENT - BUTTON HIERARCHY
   ---------------------------------------------------------- */

#v9Workspace .v9-doc-btn{
  min-height:
    40px;

  border-radius:
    10px !important;

  padding:
    0
    15px;

  font-weight:
    800;
}


/* Öppna = neutral */

#v9Workspace .v9-doc-btn.open{
  background:
    #fbfdff !important;

  border-color:
    #d6e1e9 !important;

  color:
    #123f62 !important;
}

#v9Workspace .v9-doc-btn.open:hover:not(:disabled){
  background:
    #f3f7fa !important;

  border-color:
    #b9cbd8 !important;
}


/* Analysera = diskret accent */

#v9Workspace .v9-doc-btn.analyze{
  background:
    #f0f7fc !important;

  border-color:
    #c9dfed !important;

  color:
    #0b557e !important;

  box-shadow:
    0 2px 6px rgba(20,91,130,.045) !important;
}

#v9Workspace .v9-doc-btn.analyze:hover:not(:disabled){
  background:
    #e8f3fa !important;

  border-color:
    #aacde1 !important;

  color:
    #08496d !important;

  box-shadow:
    0 5px 13px rgba(20,91,130,.09) !important;
}


/* Arkivera = neutral tills hover */

#v9Workspace .v9-doc-btn.archive{
  background:
    #fff !important;

  border-color:
    #dbe3e9 !important;

  color:
    #526b7d !important;
}

#v9Workspace .v9-doc-btn.archive:hover:not(:disabled){
  background:
    #fff7f7 !important;

  border-color:
    #e5c1c1 !important;

  color:
    #a54444 !important;

  box-shadow:
    0 5px 13px rgba(150,55,55,.065) !important;
}


/* ----------------------------------------------------------
   DOCUMENT CARDS
   ---------------------------------------------------------- */

#v9Workspace .v9-doc-row{
  border-color:
    #dce5ec !important;

  box-shadow:
    0 2px 7px rgba(9,43,70,.028) !important;
}

#v9Workspace .v9-doc-row:hover{
  border-color:
    #cad8e3 !important;

  box-shadow:
    0 6px 16px rgba(9,43,70,.055) !important;
}


/* ----------------------------------------------------------
   DOCUMENT - GMAIL PANEL
   ---------------------------------------------------------- */

#v9GmailIntake > div{
  border-color:
    #dce5ec !important;

  box-shadow:
    0 3px 10px rgba(9,43,70,.03);
}

#v9GmailRefresh{
  background:
    #fbfdff !important;

  border-color:
    #d5e0e8 !important;
}


/* ----------------------------------------------------------
   ORGANISATION - INTAKE BUTTON
   ---------------------------------------------------------- */

#v9EnsureIntakeEmail{
  background:
    #f5f9fc !important;

  border-color:
    #cfdee9 !important;

  color:
    #174d72 !important;

  box-shadow:
    0 2px 6px rgba(9,43,70,.035) !important;
}

#v9EnsureIntakeEmail:hover{
  background:
    #edf5fa !important;

  border-color:
    #b7ccdc !important;
}


/* ----------------------------------------------------------
   VOUCHER MODAL - REFINED
   ---------------------------------------------------------- */

.v9-voucher-dialog{
  border:
    1px solid
    #dce5ec !important;

  box-shadow:
    0 26px 68px rgba(4,28,46,.21) !important;
}


/* Form field contrast */

.v9-voucher-form-top input,
.v9-voucher-form-top select,
.v9-voucher-line input,
.v9-voucher-line select{
  border-color:
    #d3dfe8 !important;

  background:
    #fff !important;
}

.v9-voucher-form-top input:focus,
.v9-voucher-form-top select:focus,
.v9-voucher-line input:focus,
.v9-voucher-line select:focus{
  border-color:
    #88a9bf !important;

  box-shadow:
    0 0 0 3px rgba(11,54,88,.075) !important;
}


/* Add row area */

.v9-voucher-editor-foot > button{
  min-height:
    40px;

  padding:
    0
    15px;

  border:
    1px solid
    #d3e0e9 !important;

  border-radius:
    10px !important;

  background:
    #f7fafc !important;

  color:
    #123f62 !important;

  font-weight:
    800;

  box-shadow:
    0 2px 5px rgba(9,43,70,.025);

  transition:
    all .15s ease;
}

.v9-voucher-editor-foot > button:hover{
  background:
    #eef5f9 !important;

  border-color:
    #b8cddc !important;

  box-shadow:
    0 5px 12px rgba(9,43,70,.06);

  transform:
    translateY(-1px);
}


/* Footer actions */

.v9-voucher-modal-actions{
  background:
    #fbfcfd !important;
}

.v9-voucher-modal-actions .v9-btn{
  min-width:
    84px;
}

.v9-voucher-modal-actions .v9-btn-primary{
  box-shadow:
    0 4px 10px rgba(9,43,70,.14) !important;
}


/* ----------------------------------------------------------
   GENERIC INPUT CONSISTENCY
   ---------------------------------------------------------- */

#v9Workspace input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#v9Workspace select,
#v9Workspace textarea{
  border-color:
    #d5e0e8 !important;
}

#v9Workspace input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
#v9Workspace select:focus,
#v9Workspace textarea:focus{
  border-color:
    #8caabd !important;
}


/* ----------------------------------------------------------
   TABLE LINES
   ---------------------------------------------------------- */

#v9Workspace table th,
#v9Workspace table td{
  border-color:
    #edf1f4 !important;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media(max-width:760px){

  #v9Workspace .v9-doc-actions{
    gap:
      7px;
  }

  #v9Workspace .v9-doc-btn{
    min-height:
      42px;
  }

  .v9-voucher-modal-actions{
    gap:
      8px !important;
  }
}

/* === SWESUND UI POLISH V1.1 END === */


/* === SWESUND UI POLISH V1.2 START === */

/*
  Mål:
  - mjukare gränser
  - alla åtgärdsknappar i guldig stil
  - bättre linjering i dokumentvyer och modal-footer
  - ingen funktionell ändring
*/

:root{
  --ss-gold-1:#f7e3a2;
  --ss-gold-2:#efd27a;
  --ss-gold-3:#d6b258;
  --ss-gold-4:#b88d2d;
  --ss-gold-text:#173b59;
  --ss-soft-border:#e7edf3;
  --ss-soft-border-2:#dde6ee;
  --ss-soft-panel:#ffffff;
}


/* ==========================================================
   MJUKARE GRÄNSER I HELA SYSTEMET
   ========================================================== */

#v9Workspace .v9-card,
#v9Workspace .v9-panel,
#v9Workspace .v9-box,
#v9Workspace .v9-doc-row,
#v9Workspace .v9-modal-card,
#v9Workspace .v9-voucher-dialog,
#v9Workspace .v9-stat-card,
#v9Workspace .v9-list-card,
#v9Workspace .v9-surface,
#v9Workspace [class*="card"],
#v9Workspace [class*="panel"]{
  border-color:var(--ss-soft-border) !important;
  box-shadow:0 3px 10px rgba(9,43,70,.035) !important;
}

#v9Workspace table th,
#v9Workspace table td,
#v9Workspace .v9-row,
#v9Workspace .v9-doc-row,
#v9Workspace [class*="row"]{
  border-color:#edf2f6 !important;
}

#v9Workspace input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#v9Workspace select,
#v9Workspace textarea{
  border-color:var(--ss-soft-border-2) !important;
  box-shadow:none !important;
}

#v9Workspace input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
#v9Workspace select:focus,
#v9Workspace textarea:focus{
  border-color:#d5b45e !important;
  box-shadow:0 0 0 3px rgba(214,178,88,.16) !important;
}


/* ==========================================================
   GULDIGA KNAPPAR - GLOBALT
   ========================================================== */

#v9Workspace .v9-btn,
#v9Workspace button,
.v9-modal .v9-btn,
.v9-modal button,
.v9-voucher-modal .v9-btn,
.v9-voucher-modal button{
  min-height:42px;
  padding:0 16px;
  border-radius:12px !important;
  border:1px solid var(--ss-gold-3) !important;
  background:linear-gradient(180deg,var(--ss-gold-1) 0%, var(--ss-gold-2) 100%) !important;
  color:var(--ss-gold-text) !important;
  font-weight:800 !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px;
  vertical-align:middle !important;
  box-shadow:0 6px 14px rgba(159,121,33,.16) !important;
  transition:
    transform .15s ease,
    box-shadow .15s ease,
    background .15s ease,
    border-color .15s ease !important;
}

#v9Workspace .v9-btn:hover:not(:disabled),
#v9Workspace button:hover:not(:disabled),
.v9-modal .v9-btn:hover:not(:disabled),
.v9-modal button:hover:not(:disabled),
.v9-voucher-modal .v9-btn:hover:not(:disabled),
.v9-voucher-modal button:hover:not(:disabled){
  border-color:var(--ss-gold-4) !important;
  background:linear-gradient(180deg,#f3dc97 0%, #e8c868 100%) !important;
  box-shadow:0 9px 18px rgba(159,121,33,.22) !important;
  transform:translateY(-1px);
}

#v9Workspace .v9-btn:disabled,
#v9Workspace button:disabled,
.v9-modal .v9-btn:disabled,
.v9-modal button:disabled,
.v9-voucher-modal .v9-btn:disabled,
.v9-voucher-modal button:disabled{
  opacity:.62 !important;
  box-shadow:none !important;
  transform:none !important;
  cursor:not-allowed !important;
}


/* ==========================================================
   PRIMÄRA KNAPPAR - LITE STARKARE GULD
   ========================================================== */

#v9Workspace .v9-btn-primary,
.v9-modal .v9-btn-primary,
.v9-voucher-modal .v9-btn-primary{
  border-color:#b88927 !important;
  background:linear-gradient(180deg,#f5df9b 0%, #e2be5b 100%) !important;
  color:#143553 !important;
  box-shadow:0 8px 18px rgba(159,121,33,.22) !important;
}

#v9Workspace .v9-btn-primary:hover:not(:disabled),
.v9-modal .v9-btn-primary:hover:not(:disabled),
.v9-voucher-modal .v9-btn-primary:hover:not(:disabled){
  border-color:#a87812 !important;
  background:linear-gradient(180deg,#f0d487 0%, #dcb24a 100%) !important;
  box-shadow:0 10px 22px rgba(159,121,33,.28) !important;
}


/* ==========================================================
   DOKUMENT - KNAPPAR PÅ SAMMA NIVÅ
   ========================================================== */

#v9Workspace .v9-doc-actions,
#v9Workspace [class*="doc-actions"],
#v9Workspace [class*="document-actions"]{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

#v9Workspace .v9-doc-actions .v9-btn,
#v9Workspace .v9-doc-actions button,
#v9Workspace [class*="doc-actions"] .v9-btn,
#v9Workspace [class*="doc-actions"] button,
#v9Workspace [class*="document-actions"] .v9-btn,
#v9Workspace [class*="document-actions"] button{
  min-width:108px;
  min-height:40px;
  margin:0 !important;
  align-self:center !important;
}

#v9Workspace .v9-doc-row{
  align-items:center !important;
}

#v9Workspace .v9-doc-row .v9-btn,
#v9Workspace .v9-doc-row button{
  align-self:center !important;
}


/* ==========================================================
   VOUCHER MODAL - JÄMNARE FOOTER OCH ACTIONS
   ========================================================== */

.v9-voucher-dialog{
  border:1px solid var(--ss-soft-border) !important;
  box-shadow:0 24px 60px rgba(4,28,46,.20) !important;
}

.v9-voucher-editor-foot,
.v9-voucher-modal-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

.v9-voucher-editor-foot > button,
.v9-voucher-modal-actions > button,
.v9-voucher-modal-actions .v9-btn{
  min-height:42px !important;
  margin:0 !important;
  align-self:center !important;
}


/* ==========================================================
   ORGANISATION / ÖVERSIKT / TOPP-ACTION BUTTONS
   ========================================================== */

#v9Workspace .v9-top-actions,
#v9Workspace .v9-header-actions,
#v9Workspace [class*="top-actions"],
#v9Workspace [class*="header-actions"]{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

#v9Workspace .v9-top-actions .v9-btn,
#v9Workspace .v9-header-actions .v9-btn,
#v9Workspace [class*="top-actions"] .v9-btn,
#v9Workspace [class*="header-actions"] .v9-btn{
  min-height:42px !important;
}


/* ==========================================================
   GMAIL / DOKUMENTPANELER
   ========================================================== */

#v9GmailIntake > div,
#v9Workspace .v9-doc-row{
  border-color:var(--ss-soft-border) !important;
  box-shadow:0 3px 10px rgba(9,43,70,.032) !important;
}

#v9GmailRefresh{
  min-width:104px;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:900px){

  #v9Workspace .v9-doc-actions,
  #v9Workspace [class*="doc-actions"],
  #v9Workspace [class*="document-actions"]{
    justify-content:flex-start !important;
  }

  #v9Workspace .v9-doc-actions .v9-btn,
  #v9Workspace .v9-doc-actions button,
  #v9Workspace [class*="doc-actions"] .v9-btn,
  #v9Workspace [class*="doc-actions"] button,
  #v9Workspace [class*="document-actions"] .v9-btn,
  #v9Workspace [class*="document-actions"] button{
    min-width:unset;
  }
}

/* === SWESUND UI POLISH V1.2 END === */


/* === SWESUND UI POLISH V1.3 START === */

/*
  Modern button hierarchy
  -----------------------
  Primary   = navy
  Active    = champagne
  Secondary = white
  Analysis  = champagne soft
  Danger    = neutral -> red hover
*/

:root{
  --ss-navy:#0b3658;
  --ss-navy-dark:#072b48;

  --ss-gold-soft:#f7e9bd;
  --ss-gold:#e2c36f;
  --ss-gold-hover:#d6b45b;
  --ss-gold-border:#d6b45b;

  --ss-border:#dbe4ec;
  --ss-border-hover:#bdccd8;

  --ss-shadow-soft:
    0 3px 10px rgba(9,43,70,.055);

  --ss-shadow-hover:
    0 7px 17px rgba(9,43,70,.10);
}


/* ==========================================================
   RESET V1.2 BLANKET GOLD BUTTONS
   ========================================================== */

#v9Workspace button,
.v9-modal button,
.v9-voucher-modal button{
  min-height:40px !important;

  padding:
    0
    15px !important;

  border:
    1px solid
    var(--ss-border) !important;

  border-radius:
    10px !important;

  background:
    #fff !important;

  color:
    var(--ss-navy) !important;

  font-weight:
    750 !important;

  font-size:
    13px;

  line-height:
    1 !important;

  box-shadow:
    0 1px 3px rgba(9,43,70,.025) !important;

  transform:
    none;

  transition:
    background .15s ease,
    border-color .15s ease,
    box-shadow .15s ease,
    transform .15s ease,
    color .15s ease !important;
}

#v9Workspace button:hover:not(:disabled),
.v9-modal button:hover:not(:disabled),
.v9-voucher-modal button:hover:not(:disabled){
  background:
    #f8fafc !important;

  border-color:
    var(--ss-border-hover) !important;

  box-shadow:
    var(--ss-shadow-hover) !important;

  transform:
    translateY(-1px);
}


/* ==========================================================
   PRIMARY
   ========================================================== */

#v9Workspace .v9-btn-primary,
#v9Workspace .v9-doc-primary,
.v9-modal .v9-btn-primary,
.v9-voucher-modal .v9-btn-primary{
  min-height:
    42px !important;

  border-color:
    var(--ss-navy) !important;

  background:
    var(--ss-navy) !important;

  color:
    #fff !important;

  box-shadow:
    0 6px 14px rgba(9,43,70,.16) !important;
}

#v9Workspace .v9-btn-primary:hover:not(:disabled),
#v9Workspace .v9-doc-primary:hover:not(:disabled),
.v9-modal .v9-btn-primary:hover:not(:disabled),
.v9-voucher-modal .v9-btn-primary:hover:not(:disabled){
  border-color:
    var(--ss-navy-dark) !important;

  background:
    var(--ss-navy-dark) !important;

  color:
    #fff !important;

  box-shadow:
    0 9px 20px rgba(9,43,70,.20) !important;
}


/* ==========================================================
   SECONDARY BUTTONS
   ========================================================== */

#v9Workspace .v9-btn-secondary{
  background:
    #fff !important;

  border-color:
    var(--ss-border) !important;

  color:
    var(--ss-navy) !important;
}


/* ==========================================================
   ORGANISATION FILTERS
   ========================================================== */

#v9Workspace .v9-filterbar button{
  min-height:
    38px !important;

  padding:
    0
    14px !important;

  background:
    transparent !important;

  border-color:
    transparent !important;

  color:
    #5b748b !important;

  box-shadow:
    none !important;

  font-weight:
    700 !important;
}

#v9Workspace .v9-filterbar button:hover:not(:disabled){
  background:
    #f6f8fa !important;

  border-color:
    #e5ebf0 !important;

  color:
    var(--ss-navy) !important;

  box-shadow:
    none !important;

  transform:
    none;
}

#v9Workspace .v9-filterbar button.active{
  background:
    var(--ss-gold-soft) !important;

  border-color:
    var(--ss-gold-border) !important;

  color:
    var(--ss-navy) !important;

  box-shadow:
    0 3px 8px rgba(160,125,38,.09) !important;
}


/* ==========================================================
   VOUCHER STATUS TABS
   ========================================================== */

#v9Workspace .v9-voucher-status-tabs button{
  min-height:
    38px !important;

  padding:
    0
    13px !important;

  border-color:
    transparent !important;

  background:
    transparent !important;

  color:
    #61788e !important;

  box-shadow:
    none !important;

  transform:
    none !important;
}

#v9Workspace .v9-voucher-status-tabs button:hover{
  background:
    #f4f7f9 !important;

  color:
    var(--ss-navy) !important;
}

#v9Workspace .v9-voucher-status-tabs button.active{
  background:
    var(--ss-gold-soft) !important;

  border-color:
    var(--ss-gold-border) !important;

  color:
    var(--ss-navy) !important;

  box-shadow:
    0 3px 8px rgba(160,125,38,.09) !important;
}


/* ==========================================================
   GENERIC ACTIVE TABS
   ========================================================== */

#v9Workspace .v9-tabs button,
#v9Workspace .v9-tab{
  background:
    transparent !important;

  border-color:
    transparent !important;

  box-shadow:
    none !important;
}

#v9Workspace .v9-tabs button.active,
#v9Workspace .v9-tab.active{
  background:
    var(--ss-gold-soft) !important;

  border-color:
    var(--ss-gold-border) !important;

  color:
    var(--ss-navy) !important;
}


/* ==========================================================
   DOCUMENT BUTTONS
   ========================================================== */

#v9Workspace .v9-doc-actions{
  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    flex-end !important;

  gap:
    9px !important;
}

#v9Workspace .v9-doc-btn{
  min-height:
    40px !important;

  padding:
    0
    14px !important;

  border-radius:
    10px !important;

  margin:
    0 !important;
}


/* Open = neutral */

#v9Workspace .v9-doc-btn.open{
  background:
    #fff !important;

  border-color:
    var(--ss-border) !important;

  color:
    var(--ss-navy) !important;
}

#v9Workspace .v9-doc-btn.open:hover:not(:disabled){
  background:
    #f7fafc !important;

  border-color:
    var(--ss-border-hover) !important;
}


/* Analyse = champagne accent */

#v9Workspace .v9-doc-btn.analyze{
  background:
    var(--ss-gold-soft) !important;

  border-color:
    #dfc773 !important;

  color:
    var(--ss-navy) !important;

  box-shadow:
    0 3px 9px rgba(160,125,38,.08) !important;
}

#v9Workspace .v9-doc-btn.analyze:hover:not(:disabled){
  background:
    #f1dc99 !important;

  border-color:
    #d0ad4f !important;

  box-shadow:
    0 6px 14px rgba(160,125,38,.14) !important;
}


/* Archive = neutral with danger hover */

#v9Workspace .v9-doc-btn.archive{
  background:
    #fff !important;

  border-color:
    var(--ss-border) !important;

  color:
    #65798a !important;
}

#v9Workspace .v9-doc-btn.archive:hover:not(:disabled){
  background:
    #fff6f6 !important;

  border-color:
    #e4b8b8 !important;

  color:
    #a84747 !important;

  box-shadow:
    0 5px 12px rgba(155,63,63,.07) !important;
}


/* ==========================================================
   DOCUMENT MODE TABS
   ========================================================== */

#v9Workspace [data-mode],
#v9Workspace [data-doc-mode]{
  background:
    transparent !important;

  border-color:
    transparent !important;

  box-shadow:
    none !important;
}

#v9Workspace [data-mode].active,
#v9Workspace [data-doc-mode].active{
  background:
    var(--ss-gold-soft) !important;

  border-color:
    var(--ss-gold-border) !important;

  color:
    var(--ss-navy) !important;
}


/* ==========================================================
   VOUCHER TOP ACTIONS
   ========================================================== */

#v9Workspace .v9-voucher-actions{
  display:
    flex !important;

  align-items:
    center !important;

  gap:
    9px !important;
}

#v9Workspace #v9VoucherRefresh{
  background:
    #fff !important;

  border-color:
    var(--ss-border) !important;
}

#v9Workspace #v9VoucherNew{
  background:
    var(--ss-navy) !important;

  border-color:
    var(--ss-navy) !important;

  color:
    #fff !important;
}


/* ==========================================================
   BULK ACTIONS
   ========================================================== */

#v9Workspace .v9-voucher-bulk-actions{
  display:
    flex !important;

  align-items:
    center !important;

  gap:
    8px !important;
}

#v9Workspace #v9VoucherSelectVisible{
  background:
    #fff !important;

  border-color:
    var(--ss-border) !important;
}

#v9Workspace #v9VoucherBookSelected:not(:disabled){
  background:
    var(--ss-navy) !important;

  border-color:
    var(--ss-navy) !important;

  color:
    #fff !important;
}


/* ==========================================================
   DISABLED
   ========================================================== */

#v9Workspace button:disabled,
.v9-modal button:disabled,
.v9-voucher-modal button:disabled{
  opacity:
    .48 !important;

  background:
    #f3f5f7 !important;

  border-color:
    #e1e7ec !important;

  color:
    #8b99a5 !important;

  box-shadow:
    none !important;

  transform:
    none !important;
}


/* ==========================================================
   MODERN CLOSE / REMOVE ICON BUTTONS
   ========================================================== */

.v9-voucher-close,
.v9-voucher-remove{
  min-width:
    32px !important;

  width:
    32px !important;

  height:
    32px !important;

  min-height:
    32px !important;

  padding:
    0 !important;

  border:
    0 !important;

  border-radius:
    8px !important;

  background:
    transparent !important;

  color:
    #667b8d !important;

  box-shadow:
    none !important;
}

.v9-voucher-close:hover,
.v9-voucher-remove:hover{
  background:
    #f1f5f7 !important;

  color:
    var(--ss-navy) !important;

  transform:
    none !important;

  box-shadow:
    none !important;
}


/* ==========================================================
   MODAL FOOTER ALIGNMENT
   ========================================================== */

.v9-voucher-modal-actions,
.v9-modal-foot{
  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    flex-end !important;

  gap:
    9px !important;
}


/* ==========================================================
   CARD BORDERS - SOFTER
   ========================================================== */

#v9Workspace .v9-card,
#v9Workspace .v9-doc-row,
#v9Workspace .v9-voucher-kpi,
#v9Workspace .v9-org-list-shell,
#v9Workspace .v9-org-preview{
  border-color:
    #e1e8ee !important;

  box-shadow:
    0 3px 11px rgba(9,43,70,.035) !important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:760px){

  #v9Workspace .v9-doc-actions,
  #v9Workspace .v9-voucher-actions,
  #v9Workspace .v9-voucher-bulk-actions{
    flex-wrap:
      wrap !important;
  }

  #v9Workspace .v9-doc-btn{
    min-height:
      42px !important;
  }
}

/* === SWESUND UI POLISH V1.3 END === */