/*
 * VerifY R7 FIX31 — 25% stronger UI separation plus 10% thicker borders.
 * Blue defines structure; gold marks section hierarchy. Status colors keep priority.
 */
:root{
  --v31-blue-border:#8fa9c5;
  --v31-blue-border-strong:#6688ad;
  --v31-blue-fill:#f3f8fd;
  --v31-blue-fill-2:#eaf2fb;
  --v31-gold:#d5ad45;
  --v31-gold-strong:#b88718;
  --v31-gold-fill:#fff8e8;
  --v31-shadow:0 10px 25px rgba(7,42,82,.10);
}

html body{
  background-color:#eef4fa;
  background-image:linear-gradient(135deg,rgba(234,242,251,.76),rgba(255,248,232,.40));
}

html body .card,
html body .panel,
html body .stat,
html body .site-card,
html body .case-card,
html body .role-btn,
html body .workspace-card,
html body .modal,
html body .login-card,
html body .setting-card,
html body .quick-card,
html body .guard-attendance-summary{
  border-width:3.4375px!important;
  border-style:solid!important;
  border-color:var(--v31-blue-border)!important;
  background-color:#fff!important;
  background-image:linear-gradient(180deg,#fff 0%,var(--v31-blue-fill) 100%)!important;
  box-shadow:var(--v31-shadow),inset 0 3px 0 rgba(213,173,69,.72)!important;
}

html body .row-card,
html body .ticket-row,
html body .shared-row,
html body .reset-row,
html body .hr-record,
html body .profile-admin-row,
html body .ops-portfolio-client,
html body .ops-portfolio-site,
html body .evidence-box,
html body .metric,
html body .meta,
html body .cycle,
html body .export-box,
html body .check-line,
html body .response,
html body .storage-file,
html body .guard-attendance-metric,
html body .guard-attendance-shift,
html body .live-site-count,
html body .runtime-row,
html body .attendance-summary-row,
html body .empty{
  border-width:2.75px!important;
  border-style:solid!important;
  border-color:#a9bdd2!important;
  background-color:#fff!important;
  background-image:linear-gradient(180deg,#fff,var(--v31-blue-fill))!important;
  box-shadow:0 5px 14px rgba(18,58,99,.07)!important;
}

html body .panel-head,
html body .modal-head,
html body .modal-foot{
  background:linear-gradient(90deg,var(--v31-blue-fill-2),var(--v31-gold-fill))!important;
  border-color:#9fb5cc!important;
  border-width:0 0 2.75px!important;
}

html body .modal-foot{
  border-width:2.75px 0 0!important;
}

html body .section-title{
  padding-bottom:10px;
  border-bottom:2.5px solid rgba(213,173,69,.78);
}

html body .input,
html body .select,
html body .textarea,
html body input:not([type="checkbox"]):not([type="radio"]),
html body select,
html body textarea{
  border-width:2.75px!important;
  border-style:solid!important;
  border-color:#8fa8c2!important;
  background-color:#fbfdff!important;
  box-shadow:inset 0 1px 2px rgba(20,54,89,.06)!important;
}

html body .input:hover,
html body .select:hover,
html body .textarea:hover,
html body input:not([type="checkbox"]):not([type="radio"]):hover,
html body select:hover,
html body textarea:hover{
  border-color:var(--v31-blue-border-strong)!important;
}

html body .input:focus,
html body .select:focus,
html body .textarea:focus,
html body input:not([type="checkbox"]):not([type="radio"]):focus,
html body select:focus,
html body textarea:focus{
  border-color:#4f789f!important;
  box-shadow:0 0 0 3px rgba(213,173,69,.28),inset 0 1px 2px rgba(20,54,89,.06)!important;
}

html body .btn.secondary,
html body .btn.ghost,
html body .icon-btn,
html body .close,
html body .modal-close,
html body .mode-chip,
html body .case-scope-tab,
html body .attendance-module-tab,
html body .sound-btn{
  border-width:2.75px!important;
  border-style:solid!important;
  border-color:#829fbd!important;
  background-color:#f7fbff!important;
  color:#173b62!important;
  box-shadow:0 3px 8px rgba(10,48,87,.08)!important;
}

html body .btn.secondary:hover,
html body .btn.ghost:hover,
html body .icon-btn:hover,
html body .mode-chip:hover{
  border-color:var(--v31-gold-strong)!important;
  background:var(--v31-gold-fill)!important;
}

html body .btn.gold,
html body .tab.active,
html body .storage-tab.active,
html body .mode-chip.active,
html body .ux-hr-tab.on{
  border-color:var(--v31-gold-strong)!important;
  box-shadow:0 0 0 1px rgba(213,173,69,.34),0 4px 10px rgba(65,47,8,.10)!important;
}

html body .tabs,
html body .storage-tabs,
html body .ux-hr-tabs{
  border:2.75px solid #9db3ca!important;
  background:linear-gradient(90deg,var(--v31-blue-fill-2),var(--v31-gold-fill))!important;
}

html body table,
html body .table{
  border-collapse:separate;
  border-spacing:0;
  border:2.75px solid #93abc4!important;
  border-radius:10px;
  overflow:hidden;
}

html body th{
  background:linear-gradient(180deg,#e5eff9,#dce9f6)!important;
  color:#102f52!important;
  border-color:#9eb4ca!important;
  border-bottom-width:2.75px!important;
}

html body td{
  border-color:#bfd0e0!important;
  border-bottom-width:2.0625px!important;
}

html body tbody tr:nth-child(even) td{
  background:#f1f6fc!important;
}

html body tbody tr:nth-child(odd) td{
  background:#fffdf8!important;
}

html body .status-box:not(.ok):not(.bad):not(.warn),
html body .role-note,
html body .ticket-readonly-note,
html body .scope-badge,
html body .badge:not(.ok):not(.bad):not(.warn):not(.red){
  border-width:2.75px!important;
  border-style:solid!important;
  border-color:#9db3ca!important;
  background-color:var(--v31-blue-fill)!important;
}

html body .status-box.ok,
html body .status-box.bad,
html body .status-box.warn,
html body .chip.ok,
html body .chip.bad,
html body .chip.warn,
html body .attention-danger,
html body .attention-pending,
html body .attention-done{
  border-width:3.4375px!important;
}

html body hr{
  border:0;
  border-top:2.5px solid rgba(143,169,197,.85);
}

@media(max-width:600px){
  html body .card,
  html body .panel,
  html body .stat,
  html body .site-card,
  html body .case-card,
  html body .workspace-card,
  html body .modal{
    box-shadow:0 6px 16px rgba(7,42,82,.09),inset 0 3px 0 rgba(213,173,69,.68)!important;
  }
}

/* R7 FIX86 — shared button balance and breathing room. */
html body :where(button,.btn,a.btn,input[type="button"],input[type="submit"],input[type="reset"]){box-sizing:border-box;max-width:100%;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding-block:8px;text-align:center;line-height:1.25;vertical-align:middle;white-space:normal;overflow-wrap:anywhere}
html body :where(.actions,.row-actions,.modal-foot,.toolbar,.button-row,.button-group,.top-actions,.panel-actions,.form-actions){display:flex;flex-wrap:wrap;align-items:center;gap:10px;row-gap:10px}
html body :where(.actions,.row-actions,.modal-foot,.toolbar,.button-row,.button-group,.top-actions,.panel-actions,.form-actions)>:where(button,.btn,a.btn){margin:0}
html body :where(.form-grid,.filters,.filter-grid,.field-grid,.settings-grid,.summary-grid){column-gap:12px;row-gap:14px}
html body :where(.field-group,.field,label.field){min-width:0}
html body input[type="file"]{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:5px;line-height:32px;overflow:hidden}
html body input[type="file"]::file-selector-button{min-height:34px;margin:0 10px 0 0;padding:7px 12px;border:1.25px solid #829fbd;border-radius:7px;background:#fff;color:#173b62;font:inherit;font-weight:800;cursor:pointer}
@media(max-width:700px){html body :where(button,.btn,a.btn,input[type="button"],input[type="submit"],input[type="reset"]){min-height:44px}html body :where(.actions,.row-actions,.modal-foot,.toolbar,.button-row,.button-group,.panel-actions,.form-actions)>:where(button,.btn,a.btn){flex:1 1 140px}html body :where(.topbar,.mobile-head,.top-actions,.header-actions)>:where(button,.btn,a.btn){flex:0 0 auto}}