/* UNISEM HR common web refresh — shared visual layer only. */
:root{
  --ui-bg:#f4f7fb;--ui-surface:#fff;--ui-surface-soft:#f7f9fc;
  --ui-navy:#0d2b4d;--ui-navy-2:#123a66;--ui-text:#172b43;--ui-muted:#68798b;
  --ui-blue:#1769d2;--ui-blue-hover:#0f58b6;--ui-blue-soft:#eaf2fd;
  --ui-green:#16835b;--ui-green-soft:#e8f6f0;--ui-amber:#a76400;--ui-amber-soft:#fff4dc;
  --ui-red:#b4232f;--ui-red-soft:#fdecef;--ui-line:#dce4ed;--ui-line-soft:#e9eef4;
  --ui-radius:10px;--ui-shadow:0 2px 10px rgba(15,42,70,.055);
}
.ui-refresh{background:var(--ui-bg);color:var(--ui-text);font-family:Inter,"Pretendard","Noto Sans KR","Noto Sans SC",Arial,sans-serif;font-size:14px;line-height:1.5}
.ui-refresh a{transition:background-color .16s,color .16s,box-shadow .16s,transform .16s}
.ui-refresh .sidebar{width:224px;background:linear-gradient(180deg,var(--ui-navy),#0a2440)!important;border:0!important;padding:18px 14px;box-shadow:4px 0 18px rgba(9,35,62,.08)}
.ui-refresh .brand{height:62px;background:#fff;border:0;border-radius:9px;padding:8px;box-shadow:none}
.ui-refresh .brand img{max-height:44px}
.ui-refresh .sidebar .user{margin:14px 0 12px;padding:11px 12px;background:rgba(255,255,255,.08)!important;color:#fff!important;border:0!important;border-radius:8px}
.ui-refresh .sidebar .user small{color:#bfd0e1!important}
.ui-refresh .sidebar nav{display:grid;gap:3px}
.ui-refresh .sidebar nav a,.ui-refresh .sidebar nav .nav-main{padding:10px 12px;color:#eaf2fb!important;background:transparent!important;border:0!important;border-radius:7px!important;font-weight:700}
.ui-refresh .sidebar nav a:hover{background:rgba(255,255,255,.1)!important;color:#fff!important;transform:translateX(2px)}
.ui-refresh .sidebar nav a:focus-visible{box-shadow:0 0 0 3px rgba(104,174,255,.35);outline:0}
.ui-refresh .sidebar hr{margin:9px 4px;border:0!important;border-top:1px solid rgba(255,255,255,.13)!important}
.ui-refresh main{margin-left:224px;padding:0 26px 42px;min-width:0}
.ui-refresh main>header{height:auto;min-height:76px;margin:0 -26px 20px;padding:15px 26px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--ui-line);backdrop-filter:blur(8px)}
.ui-refresh header h1{font-size:24px;line-height:1.25;color:var(--ui-text);letter-spacing:-.02em}
.ui-refresh header p{margin-top:4px;color:var(--ui-muted);font-size:13px}
.ui-refresh .header-actions{gap:10px}
.ui-refresh .lang{font-size:12px;color:var(--ui-muted)}
.ui-refresh .profile-menu summary{padding:8px 11px;background:var(--ui-surface-soft);border:0;border-radius:8px;color:var(--ui-text);font-weight:700;list-style:none}
.ui-refresh .profile-menu summary::-webkit-details-marker{display:none}
.ui-refresh .profile-menu-box{top:38px;border:1px solid var(--ui-line);border-radius:9px;box-shadow:0 12px 32px rgba(15,42,70,.16);padding:6px}
.ui-refresh .profile-menu-box a{border-radius:6px}
.ui-refresh .profile-menu-box a:hover{background:var(--ui-blue-soft);color:var(--ui-blue)}

/* Shared surfaces and permission-aware auto flow. Hidden cards leave no gaps. */
.ui-refresh [hidden]{display:none!important}
.ui-refresh .panel,.ui-refresh .card,.ui-refresh .approval-card,.ui-refresh .hr-card,.ui-refresh .dash-kpi,.ui-refresh .mini-card{
  background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow)
}
.ui-refresh .panel{padding:18px;margin:14px 0}
.ui-refresh .card{padding:16px}
.ui-refresh .panelhead{min-height:34px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--ui-line-soft)}
.ui-refresh .panelhead h2,.ui-refresh .panel h2{color:var(--ui-text);font-size:16px;letter-spacing:-.01em}
.ui-refresh .card span,.ui-refresh .muted,.ui-refresh small{color:var(--ui-muted)}
.ui-refresh .card strong{color:var(--ui-text);font-size:28px}
.ui-refresh .cards,.ui-refresh .approval-cards,.ui-refresh .hr-hub,.ui-refresh .approval-home{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;background:transparent;border:0;box-shadow:none
}
.ui-refresh .hr-card{min-height:94px;padding:17px 18px;border:1px solid var(--ui-line);border-left:4px solid transparent}
.ui-refresh .hr-card:hover,.ui-refresh .clickable-card:hover{background:#fbfdff;border-color:#bdd2e8;border-left-color:var(--ui-blue);box-shadow:0 7px 20px rgba(15,64,112,.1);transform:translateY(-1px)}
.ui-refresh .hr-card b{font-size:16px;color:var(--ui-text)}
.ui-refresh .hr-card span{margin-top:5px;color:var(--ui-muted);font-size:12px;line-height:1.5}
.ui-refresh .dash-row,.ui-refresh .dashboard-grid{gap:12px}

/* Filled buttons: primary, soft secondary, text, danger. No outline-only treatment. */
.ui-refresh button,.ui-refresh .btn,.ui-refresh .smallbtn,.ui-refresh input[type="submit"],.ui-refresh input[type="button"]{
  min-height:36px;padding:8px 13px;border:0!important;border-radius:7px!important;background:#e9eef4!important;color:#294159!important;box-shadow:none!important;font:inherit;font-weight:750;line-height:1.2;cursor:pointer
}
.ui-refresh button:hover,.ui-refresh .btn:hover,.ui-refresh .smallbtn:hover{background:#dfe7ef!important;color:#18334f!important}
.ui-refresh button,.ui-refresh .primary,.ui-refresh .btn.primary,.ui-refresh input[type="submit"]{background:var(--ui-blue)!important;color:#fff!important}
.ui-refresh button:hover,.ui-refresh .primary:hover,.ui-refresh .btn.primary:hover,.ui-refresh input[type="submit"]:hover{background:var(--ui-blue-hover)!important;color:#fff!important}
.ui-refresh .secondary,.ui-refresh .btn.secondary{background:var(--ui-blue-soft)!important;color:#145ba9!important}
.ui-refresh .danger,.ui-refresh button.danger,.ui-refresh .btn.danger{background:var(--ui-red-soft)!important;color:var(--ui-red)!important}
.ui-refresh .danger:hover,.ui-refresh button.danger:hover,.ui-refresh .btn.danger:hover{background:#f8dce1!important;color:#981c27!important}
.ui-refresh button:disabled,.ui-refresh .btn.disabled{opacity:.5;cursor:not-allowed;transform:none}
.ui-refresh button:focus-visible,.ui-refresh .btn:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(23,105,210,.22)!important}
.ui-refresh .page-back-button>.btn,.ui-refresh .backbar>.btn,.ui-refresh .approval-page-actions .btn{
  min-height:auto;padding:6px 3px;background:transparent!important;color:#4b6075!important;border-radius:4px!important
}
.ui-refresh .page-back-button>.btn:hover,.ui-refresh .backbar>.btn:hover,.ui-refresh .approval-page-actions .btn:hover{background:var(--ui-blue-soft)!important;color:var(--ui-blue)!important}
.ui-refresh .modalx,.ui-refresh dialog .panelhead button,.ui-refresh .cs-part-dialog .panelhead button{background:transparent!important;color:var(--ui-muted)!important}

/* Compact forms and search controls. */
.ui-refresh input,.ui-refresh select,.ui-refresh textarea{border:1px solid #cfd9e4;border-radius:7px;background:#fff;color:var(--ui-text);box-shadow:inset 0 1px 1px rgba(15,42,70,.025);transition:border-color .15s,box-shadow .15s}
.ui-refresh input,.ui-refresh select{min-height:38px;padding:8px 10px}
.ui-refresh textarea{padding:10px 11px;line-height:1.55}
.ui-refresh input:focus,.ui-refresh select:focus,.ui-refresh textarea:focus{outline:0;border-color:#5e9fe6;box-shadow:0 0 0 3px rgba(23,105,210,.12)}
.ui-refresh input[type="checkbox"],.ui-refresh input[type="radio"]{width:16px!important;min-height:16px;height:16px;accent-color:var(--ui-blue);box-shadow:none}
.ui-refresh label{color:#354c63;font-size:12px;font-weight:750}
.ui-refresh .search,.ui-refresh [class*="-search"],.ui-refresh .toolbar,.ui-refresh .compact-actions{display:flex;align-items:flex-end;justify-content:flex-start;gap:8px;flex-wrap:wrap}
.ui-refresh .search input[type="text"],.ui-refresh [class*="-search"] input[type="text"],.ui-refresh .toolbar input[type="search"]{width:min(320px,100%);max-width:320px;flex:0 1 320px}
.ui-refresh .search input[type="date"],.ui-refresh [class*="-search"] input[type="date"]{width:150px;flex:0 0 150px}
.ui-refresh .search input[type="month"],.ui-refresh [class*="-search"] input[type="month"]{width:145px;flex:0 0 145px}
.ui-refresh .search select,.ui-refresh [class*="-search"] select{width:auto;min-width:140px;max-width:220px;flex:0 1 190px}
.ui-refresh .search button,.ui-refresh [class*="-search"] button,.ui-refresh .toolbar button{width:auto;flex:0 0 auto}
.ui-refresh .formgrid{gap:14px 16px}
.ui-refresh .actions{gap:8px;padding-top:14px;border-top:1px solid var(--ui-line-soft)}

/* Lists, data tables, tabs and statuses. */
.ui-refresh .row{padding:11px 8px;border-bottom:1px solid var(--ui-line-soft);border-radius:6px}
.ui-refresh a.row:hover{background:var(--ui-blue-soft)}
.ui-refresh .tablewrap{border:1px solid var(--ui-line);border-radius:9px;background:#fff}
.ui-refresh table{background:#fff}
.ui-refresh th{padding:10px 11px;background:#f1f5f9;color:#3e5368;border-bottom:1px solid #d6e0ea;font-size:12px;font-weight:800;white-space:nowrap}
.ui-refresh td{padding:10px 11px;border-bottom:1px solid var(--ui-line-soft);color:#263b50}
.ui-refresh tbody tr:hover td{background:#f8fbfe}
.ui-refresh tbody tr:last-child td{border-bottom:0}
.ui-refresh .tabs,.ui-refresh .approval-tabs,.ui-refresh .attendance-view-tabs{display:flex;gap:3px;align-items:center;overflow-x:auto;border-bottom:1px solid var(--ui-line);padding:0 2px}
.ui-refresh .tabs a,.ui-refresh .approval-tabs a,.ui-refresh .attendance-view-tabs a{padding:10px 12px;background:transparent;border:0;border-radius:6px 6px 0 0;color:#586b7e;font-weight:750;white-space:nowrap}
.ui-refresh .tabs a:hover,.ui-refresh .approval-tabs a:hover,.ui-refresh .attendance-view-tabs a:hover{background:var(--ui-blue-soft);color:var(--ui-blue)}
.ui-refresh .tabs .active,.ui-refresh .approval-tabs .active,.ui-refresh .attendance-view-tabs .active{background:transparent;color:var(--ui-blue);box-shadow:inset 0 -3px var(--ui-blue)}
.ui-refresh .badge,.ui-refresh .status-badge,.ui-refresh .count-badge{border:0;border-radius:999px;background:var(--ui-blue-soft);color:#155ca8;font-size:11px;font-weight:800}
.ui-refresh .success,.ui-refresh .success-note{background:var(--ui-green-soft);color:#126443}
.ui-refresh .notice,.ui-refresh .warn{background:var(--ui-amber-soft);color:#865400}
.ui-refresh .error,.ui-refresh .badge.red{background:var(--ui-red-soft);color:var(--ui-red)}
.ui-refresh .flash{border:0;border-radius:8px;box-shadow:none}
.ui-refresh .modalbox,.ui-refresh dialog{border:0;border-radius:12px;box-shadow:0 24px 70px rgba(8,30,52,.28)}

@media(max-width:1000px){
  .ui-refresh .sidebar{width:204px}.ui-refresh main{margin-left:204px;padding-left:20px;padding-right:20px}
  .ui-refresh main>header{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
}
@media(max-width:700px){
  .ui-refresh{font-size:14px}.ui-refresh main{margin:0;padding:0 14px 88px}
  .ui-refresh main>header{margin:0 -14px 12px;padding:10px 14px;min-height:58px}
  .ui-refresh .panel{padding:15px;margin:11px 0}.ui-refresh .card{padding:14px}
  .ui-refresh .cards,.ui-refresh .approval-cards,.ui-refresh .hr-hub,.ui-refresh .approval-home{grid-template-columns:1fr}
  .ui-refresh .search,.ui-refresh [class*="-search"],.ui-refresh .toolbar{align-items:stretch;flex-direction:column}
  .ui-refresh .search input,.ui-refresh .search select,.ui-refresh .search button,.ui-refresh [class*="-search"] input,.ui-refresh [class*="-search"] select,.ui-refresh [class*="-search"] button{width:100%;max-width:none;flex:auto}
  .ui-refresh .actions{position:relative;bottom:auto;flex-wrap:wrap}.ui-refresh .actions>*{flex:1;text-align:center}
  .ui-refresh .tablewrap{border-radius:7px}.ui-refresh th,.ui-refresh td{padding:9px}
}

/* ===== 2026 full visual system: reference-dashboard layout ===== */
.ui-refresh{--ui-sidebar:250px;--ui-header:66px;background:#f6f8fb;font-size:13px}
.ui-refresh .layout{min-height:100vh}
.ui-refresh .sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--ui-sidebar);padding:0 10px 14px;background:#fff!important;border-right:1px solid #cfd7e1!important;box-shadow:none;transition:width .2s ease}
.ui-refresh .brand{display:flex;height:66px;margin:0 -10px 10px;padding:8px 18px;align-items:center;justify-content:flex-start;background:#fff;border:0;border-radius:0;color:#173654;text-decoration:none}
.ui-refresh .brand img{display:block;width:150px;max-width:100%;max-height:48px;object-fit:contain;object-position:left center}
.ui-refresh .sidebar nav{display:flex;flex-direction:column;gap:6px;height:calc(100vh - 142px);overflow-y:auto;overflow-x:hidden;padding:6px 0;scrollbar-width:thin}
.ui-refresh .sidebar nav>a,.ui-refresh .sidebar .nav-group>summary,.ui-refresh .sidebar-footer>a{display:flex;align-items:center;gap:11px;min-height:44px;padding:10px 12px;color:#203d5a!important;border:0;border-radius:7px!important;background:transparent!important;text-decoration:none;font-weight:700;cursor:pointer;list-style:none}
.ui-refresh .sidebar nav>a span,.ui-refresh .sidebar .nav-group>summary span,.ui-refresh .sidebar-footer>a span{display:grid;place-items:center;width:18px;flex:0 0 18px;color:#315a80;font-size:17px}
.ui-refresh .sidebar nav>a b,.ui-refresh .sidebar .nav-group>summary b,.ui-refresh .sidebar-footer>a b{font-size:13px;white-space:nowrap}
.ui-refresh .sidebar .nav-group>summary::-webkit-details-marker{display:none}
.ui-refresh .sidebar .nav-group>summary:after{content:'⌄';margin-left:auto;font-size:14px;transition:transform .18s}
.ui-refresh .sidebar .nav-group[open]>summary:after{transform:rotate(180deg)}
.ui-refresh .sidebar nav>a:hover,.ui-refresh .sidebar .nav-group>summary:hover,.ui-refresh .sidebar-footer>a:hover{background:#edf4fb!important;color:#0e5dac!important;transform:none}
.ui-refresh .sidebar nav>a.active,.ui-refresh .sidebar .nav-dashboard.active{background:transparent!important;color:#0d63bd!important;box-shadow:none;text-decoration:underline;text-decoration-color:#1676df;text-decoration-thickness:2px;text-underline-offset:7px}
.ui-refresh .sidebar nav>a.active span,.ui-refresh .sidebar .nav-dashboard.active span{color:#0d63bd}
.ui-refresh .sidebar .nav-group>div{display:grid;gap:2px;padding:2px 0 5px 41px}
.ui-refresh .sidebar .nav-group>div a{padding:7px 8px!important;border-radius:5px!important;background:transparent!important;color:#60758a!important;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}
.ui-refresh .sidebar .nav-group>div a:hover{background:#f0f5fa!important;color:#0e5dac!important;transform:none}
.ui-refresh .sidebar .nav-group>div a.active{background:transparent!important;color:#0e63bd!important;font-weight:850;text-decoration:underline;text-decoration-color:#1676df;text-decoration-thickness:2px;text-underline-offset:5px}
.ui-refresh .sidebar .nav-group>div a.active:before{display:none}
.ui-refresh .sidebar .nav-subgroup{margin:0;border:0}
.ui-refresh .sidebar .nav-subgroup>summary{display:flex;min-height:32px;padding:7px 8px;align-items:center;color:#60758a;font-size:12px;font-weight:650;cursor:pointer;list-style:none;white-space:nowrap}
.ui-refresh .sidebar .nav-subgroup>summary::-webkit-details-marker{display:none}
.ui-refresh .sidebar .nav-subgroup>summary:after{content:'⌄';margin-left:auto;font-size:11px;transition:transform .16s}
.ui-refresh .sidebar .nav-subgroup[open]>summary:after{transform:rotate(180deg)}
.ui-refresh .sidebar .nav-subgroup>summary:hover,.ui-refresh .sidebar .nav-subgroup>summary.active{color:#0e63bd;font-weight:800}
.ui-refresh .sidebar .nav-subgroup>div{display:grid;gap:1px;padding:1px 0 4px 12px}
.ui-refresh .sidebar .nav-subgroup>div a{padding:6px 7px!important;font-size:11px!important}
.ui-refresh .sidebar .nav-ready-badge{margin-left:6px;color:#8a98a7;font-size:9px;font-weight:650}
.ui-refresh .sidebar .nav-subgroup>div .nav-disabled{display:block;padding:6px 7px;color:#a3aeba;font-size:11px;cursor:not-allowed;white-space:nowrap}
.ui-refresh .sidebar-footer{position:absolute;right:10px;bottom:14px;left:10px;border:0;padding-top:8px}
.ui-refresh main{margin-left:var(--ui-sidebar);padding:0 22px 34px;transition:margin-left .2s ease}
.ui-refresh main>header{position:sticky;top:0;z-index:30;display:flex;min-height:var(--ui-header);margin:0 -22px 14px;padding:10px 22px;align-items:center;justify-content:space-between;background:rgba(255,255,255,.97);border-bottom:1px solid #dce3eb;box-shadow:0 1px 3px rgba(17,43,72,.04)}
.ui-refresh .header-title{display:flex;align-items:center;gap:13px;min-width:0}
.ui-refresh .header-title>div{min-width:0}
.ui-refresh .header-title h1{margin:0;font-size:21px;font-weight:850;white-space:nowrap}
.ui-refresh .header-title p{display:none}
.ui-refresh .sidebar-toggle{display:grid!important;width:32px;height:32px;min-height:32px;padding:0!important;place-items:center;background:transparent!important;color:#253b53!important;font-size:20px;font-weight:500}
.ui-refresh .sidebar-toggle:hover{background:#edf3fa!important;color:#1165c5!important}
.ui-refresh .header-actions{display:flex;align-items:center;gap:12px}
.ui-refresh .global-menu-search{position:relative;display:flex;align-items:center;width:min(290px,26vw);font-weight:400}
.ui-refresh .global-menu-search>span{position:absolute;left:11px;z-index:1;color:#728399;font-size:18px}
.ui-refresh .global-menu-search input{width:100%;min-height:38px;padding:8px 12px 8px 34px;border:1px solid #d8e0e9;border-radius:7px;background:#fff;font-size:12px}
.ui-refresh .profile-menu summary{display:flex;align-items:center;gap:8px;min-width:142px;padding:4px 7px;background:transparent;color:#1d3047}
.ui-refresh .profile-menu summary>span:nth-child(2){display:flex;flex-direction:column;min-width:0;line-height:1.25}
.ui-refresh .profile-menu summary b{font-size:12px;white-space:nowrap}
.ui-refresh .profile-menu summary small{max-width:100px;overflow:hidden;color:#788797;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.ui-refresh .profile-menu summary i{margin-left:auto;font-style:normal}
.ui-refresh .profile-avatar{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:50%;background:#aeb8c4;color:#fff;font-weight:800}
.ui-refresh .profile-menu-box{right:0;min-width:150px}
.ui-refresh .lang{white-space:nowrap}
.ui-refresh.sidebar-collapsed .sidebar{width:62px}
.ui-refresh.sidebar-collapsed main{margin-left:62px}
.ui-refresh.sidebar-collapsed .brand{padding:9px;justify-content:center}
.ui-refresh.sidebar-collapsed .brand img{width:42px;object-fit:contain;object-position:center}
.ui-refresh.sidebar-collapsed .sidebar nav>a,.ui-refresh.sidebar-collapsed .sidebar .nav-group>summary,.ui-refresh.sidebar-collapsed .sidebar-footer>a{justify-content:center;padding:10px}
.ui-refresh.sidebar-collapsed .sidebar nav>a b,.ui-refresh.sidebar-collapsed .sidebar .nav-group>summary b,.ui-refresh.sidebar-collapsed .sidebar .nav-group>summary:after,.ui-refresh.sidebar-collapsed .sidebar-footer>a b,.ui-refresh.sidebar-collapsed .sidebar .nav-group>div{display:none}

/* Common content rhythm */
.ui-refresh .panel{border:1px solid #d8e1eb;border-radius:8px;box-shadow:0 2px 7px rgba(17,43,72,.035)}
.ui-refresh .panelhead{min-height:36px;margin-bottom:10px;padding-bottom:10px}
.ui-refresh .panelhead h2{font-size:15px;font-weight:850}
.ui-refresh .smallbtn{min-height:30px;padding:6px 10px!important;background:#edf3fb!important;color:#245b98!important;border:0!important;border-radius:6px!important;font-size:11px!important;font-weight:800}
.ui-refresh .smallbtn:hover{background:#dfeafb!important;color:#0f58b6!important}
.ui-refresh .tablewrap{overflow:auto;border:1px solid #c9d8e7;border-radius:0}
.ui-refresh table{width:100%;border-collapse:collapse;border-spacing:0;font-size:12px}
.ui-refresh th{height:30px;padding:5px 8px!important;background:#eaf4fd;color:#20374e;border:1px solid #b9d0e6!important;font-weight:750;white-space:nowrap}
.ui-refresh td{height:31px;padding:5px 8px!important;border:1px solid #d7e0e9!important;vertical-align:middle}
.ui-refresh tbody tr:nth-child(even) td{background:#fbfcfe}
.ui-refresh td>a:not(.btn):not(.smallbtn){color:#172c43;text-decoration:none}
.ui-refresh td>a:not(.btn):not(.smallbtn):hover{color:#0b66c3;text-decoration:underline}
.ui-refresh tbody tr{transition:background .14s}
.ui-refresh .employee-profile-filters,.ui-refresh form.search,.ui-refresh .filterbar{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.ui-refresh .employee-profile-filters input[type="text"],.ui-refresh .employee-profile-filters input[type="search"]{width:280px;max-width:100%;flex:0 1 280px}

/* Reference dashboard */
.ui-refresh .dashboard-v2{display:grid;gap:12px;max-width:1600px;margin:0 auto;padding-bottom:12px;height:auto!important;overflow:visible!important}
.ui-refresh .dashboard-v2>.dashboard-hero-grid,.ui-refresh .dashboard-v2>.dashboard-core-grid,.ui-refresh .dashboard-v2>.dashboard-secondary-grid,.ui-refresh .dashboard-v2>.dashboard-quick-menu{margin:0!important}
.ui-refresh .dashboard-v2 .panel{min-width:0;margin:0!important;padding:14px 16px!important;border:1px solid #d7e0ea!important;border-top:1px solid #d7e0ea!important;border-radius:8px!important;background:#fff;box-shadow:0 2px 8px rgba(21,47,78,.04)!important;overflow:hidden!important}
.ui-refresh .dashboard-v2 .panelhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #e5eaf0}
.ui-refresh .dashboard-v2 .panelhead h2{margin:0;color:#12263e;font-size:15px;font-weight:850}
.ui-refresh .dashboard-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ui-refresh .dashboard-approval-board,.ui-refresh .dashboard-notice-board{min-height:230px}
.ui-refresh .approval-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);height:165px}
.ui-refresh .approval-metric-grid>a{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:35px 25px 1fr;min-width:0;padding:10px 16px;align-items:end;border-right:1px solid #e5eaf0;color:#152a42;text-align:center;text-decoration:none}
.ui-refresh .approval-metric-grid>a:last-child{border-right:0}
.ui-refresh .approval-metric-grid>a:hover{background:#f8fbff}
.ui-refresh .approval-metric-grid .metric-icon{grid-column:1/-1;display:grid;width:36px;height:36px;margin:auto;place-items:center;border-radius:9px;background:#eaf2ff;color:#1168d3;font-size:20px;font-weight:800}
.ui-refresh .approval-metric-grid .metric-icon.green{background:#e9f8f0;color:#19935f}.ui-refresh .approval-metric-grid .metric-icon.cyan{background:#e8f7fb;color:#0498be}.ui-refresh .approval-metric-grid .metric-icon.amber{background:#fff4e4;color:#e28b12}
.ui-refresh .approval-metric-grid small{grid-column:1/-1;margin-top:5px;color:#3d4e62;font-size:12px;font-weight:750}
.ui-refresh .approval-metric-grid strong{justify-self:end;color:#10253d;font-size:29px;line-height:1;font-weight:850}
.ui-refresh .approval-metric-grid em{justify-self:start;margin-left:4px;color:#5f7082;font-size:12px;font-style:normal}
.ui-refresh .notice-list{display:grid;gap:0}
.ui-refresh .notice-list>a{display:grid;grid-template-columns:44px minmax(0,1fr) 84px;gap:9px;min-height:34px;align-items:center;color:#263a50;text-decoration:none}
.ui-refresh .notice-list>a:hover b{color:#1268cb}
.ui-refresh .notice-list>a>span{padding:3px 6px;border-radius:5px;background:#eaf2fd;color:#1668c7;font-size:10px;font-weight:800;text-align:center}
.ui-refresh .notice-list>a>b{overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.ui-refresh .notice-list time{color:#7a8999;font-size:11px;text-align:right;white-space:nowrap}

.ui-refresh .dashboard-core-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ui-refresh .dashboard-core-grid>.panel{min-height:296px}
.ui-refresh .attendance-summary{display:grid;grid-template-columns:126px 1fr;gap:16px;align-items:center;padding:8px 4px 12px}
.ui-refresh .attendance-ring{display:grid;width:112px;height:112px;margin:auto;place-content:center;border:14px solid #e4e9ef;border-top-color:#34af76;border-right-color:#34af76;border-radius:50%;text-align:center}
.ui-refresh .attendance-ring strong{color:#132940;font-size:23px;line-height:1}.ui-refresh .attendance-ring small{margin-top:4px;font-size:10px}
.ui-refresh .attendance-numbers{display:grid;gap:10px}.ui-refresh .attendance-numbers>div{display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:center;padding-bottom:7px;border-bottom:1px solid #edf0f4}.ui-refresh .attendance-numbers>div:last-child{border:0}.ui-refresh .attendance-numbers small{color:#5c6e80;font-size:11px}.ui-refresh .attendance-numbers b{font-size:16px}.ui-refresh .dot{width:8px;height:8px;border-radius:50%;background:#3cac74}.ui-refresh .dot.red{background:#ef6a63}.ui-refresh .dot.blue{background:#368bd5}
.ui-refresh .attendance-missing-preview{display:flex;gap:6px;overflow:auto;padding-top:8px;border-top:1px solid #e9edf2}.ui-refresh .attendance-missing-preview a{flex:0 0 auto;padding:5px 8px;border-radius:5px;background:#fff0ef;color:#a23a36;font-size:10px;text-decoration:none}
.ui-refresh .dashboard-ok{display:flex;min-height:40px;align-items:center;justify-content:center;color:#5d7184;font-size:11px;text-align:center}
.ui-refresh .leave-total{display:grid;grid-template-columns:1fr auto auto;align-items:end;padding:14px 4px 9px}.ui-refresh .leave-total span{color:#516579}.ui-refresh .leave-total strong{color:#20a36b;font-size:28px;line-height:1}.ui-refresh .leave-total em{margin-left:4px;color:#667789;font-style:normal}
.ui-refresh .leave-progress{height:8px;margin:0 4px 12px;overflow:hidden;border-radius:999px;background:#e8edf2}.ui-refresh .leave-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#34bc7e,#1ea264)}
.ui-refresh .leave-type-list{display:grid;gap:0;border:1px solid #e5eaf0;border-radius:6px}.ui-refresh .leave-type-list>div{display:flex;min-height:34px;padding:7px 9px;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4}.ui-refresh .leave-type-list>div:last-child{border:0}.ui-refresh .leave-type-list span{font-size:11px}.ui-refresh .leave-type-list b{font-size:11px}
.ui-refresh .schedule-list{display:grid}.ui-refresh .schedule-list>a{display:grid;grid-template-columns:54px 1fr;min-height:46px;color:#26394f;text-decoration:none}.ui-refresh .schedule-list>a:hover{background:#f8fbff}.ui-refresh .schedule-list time{display:grid;place-content:center;border-right:1px solid #e3e8ee;color:#176bd0;text-align:center}.ui-refresh .schedule-list time b{font-size:13px}.ui-refresh .schedule-list time small{color:#53667a;font-size:9px}.ui-refresh .schedule-list>a>span{display:flex;min-width:0;padding:7px 9px;flex-direction:column;justify-content:center}.ui-refresh .schedule-list>a>span b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ui-refresh .schedule-list>a>span small{margin-top:2px;font-size:9px}
.ui-refresh .workforce-total{padding:10px 4px 14px;text-align:center}.ui-refresh .workforce-total strong{color:#10263e;font-size:32px}.ui-refresh .workforce-total small{margin-left:4px}.ui-refresh .workforce-bars{display:grid;gap:9px}.ui-refresh .workforce-bars>div{display:grid;grid-template-columns:46px 1fr 24px;gap:6px;align-items:center}.ui-refresh .workforce-bars span,.ui-refresh .workforce-bars em{font-size:10px;font-style:normal}.ui-refresh .workforce-bars em{text-align:right}.ui-refresh .workforce-bars i{height:6px;overflow:hidden;border-radius:99px;background:#e8edf2}.ui-refresh .workforce-bars i b{display:block;height:100%;border-radius:inherit;background:#2a7ed2}

.ui-refresh .dashboard-secondary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.ui-refresh .dashboard-secondary-grid>.panel{min-height:180px}
.ui-refresh .dashboard-v2 .attention-list{display:grid}.ui-refresh .dashboard-v2 .attention-list>a{display:flex;min-height:32px;padding:7px 4px;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3;background:transparent!important;color:#34485e;text-decoration:none}.ui-refresh .dashboard-v2 .attention-list>a:hover{color:#1065c5}.ui-refresh .dashboard-v2 .attention-list b{color:#1769cb}
.ui-refresh .contract-list{display:grid}.ui-refresh .contract-list>div{display:flex;min-height:34px;padding:6px 3px;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3}.ui-refresh .contract-list>div:last-child{border:0}.ui-refresh .contract-list span{display:flex;flex-direction:column}.ui-refresh .contract-list b{font-size:11px}.ui-refresh .contract-list small{font-size:9px}.ui-refresh .contract-list time{display:flex;flex-direction:column;color:#43566a;font-size:10px;text-align:right}
.ui-refresh .communication-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ui-refresh .communication-metrics>a{display:flex;min-height:92px;padding:12px 8px;align-items:center;justify-content:center;flex-direction:column;border-radius:7px;background:#f5f8fb;color:#536679;text-align:center;text-decoration:none}.ui-refresh .communication-metrics>a:hover{background:#eaf2fd;color:#175fae}.ui-refresh .communication-metrics span{font-size:10px}.ui-refresh .communication-metrics b{margin-top:7px;color:#152b43;font-size:24px}
.ui-refresh .dashboard-empty{display:flex;min-height:80px;align-items:center;justify-content:center;color:#8794a3;font-size:11px;text-align:center}

.ui-refresh .dashboard-quick-menu{min-height:230px}
.ui-refresh .quick-menu-tabs{display:flex;gap:28px;overflow:auto;margin:-1px 0 12px;padding:0 8px;border-bottom:1px solid #e4e9ef}.ui-refresh .quick-menu-tabs button{flex:0 0 auto;width:auto;min-height:34px;padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#677889!important;box-shadow:none!important;font-size:11px;font-weight:650}.ui-refresh .quick-menu-tabs button:hover{background:transparent!important;color:#1167ca!important}.ui-refresh .quick-menu-tabs button.active{background:transparent!important;color:#1167ca!important;font-weight:850;box-shadow:inset 0 -2px #1167ca!important}
.ui-refresh .quick-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.ui-refresh .quick-menu-grid>a{position:relative;display:grid;grid-template-columns:42px 1fr 16px;grid-template-rows:auto auto;min-height:105px;padding:16px;align-content:center;border:1px solid #dee5ed;border-radius:7px;color:#253a51;text-decoration:none}.ui-refresh .quick-menu-grid>a:hover{border-color:#a9c9eb;background:#f9fcff;box-shadow:0 6px 16px rgba(21,73,124,.07)}.ui-refresh .quick-menu-grid>a>span{grid-row:1/3;display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:#edf4fd;color:#1768c8;font-size:19px}.ui-refresh .quick-menu-grid>a>b{align-self:end;font-size:12px}.ui-refresh .quick-menu-grid>a>small{align-self:start;margin-top:4px;font-size:9px;line-height:1.4}.ui-refresh .quick-menu-grid>a>i{grid-column:3;grid-row:1/3;align-self:center;color:#597086;font-size:20px;font-style:normal}

@media(max-width:1280px){
  .ui-refresh .dashboard-hero-grid{grid-template-columns:1fr}.ui-refresh .dashboard-approval-board,.ui-refresh .dashboard-notice-board{min-height:0}
  .ui-refresh .dashboard-core-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .ui-refresh{--ui-sidebar:235px}.ui-refresh main{padding-right:16px;padding-left:16px}.ui-refresh main>header{margin-right:-16px;margin-left:-16px;padding-right:16px;padding-left:16px}
  .ui-refresh .global-menu-search{display:none}.ui-refresh .dashboard-secondary-grid{grid-template-columns:1fr 1fr}.ui-refresh .dashboard-secondary-grid>.panel:last-child{grid-column:1/-1}
}
@media(max-width:700px){
  .ui-refresh{--ui-sidebar:0}.ui-refresh .sidebar{display:none}.ui-refresh main,.ui-refresh.sidebar-collapsed main{margin-left:0;padding:0 12px 84px}
  .ui-refresh main>header{position:sticky;margin:0 -12px 10px;padding:8px 12px}.ui-refresh .sidebar-toggle{display:none!important}.ui-refresh .header-title h1{font-size:18px}.ui-refresh .header-actions{gap:5px}.ui-refresh .lang{display:none}.ui-refresh .profile-menu summary{min-width:0;padding:3px}.ui-refresh .profile-menu summary>span:nth-child(2),.ui-refresh .profile-menu summary>i{display:none}
  .ui-refresh .dashboard-v2{gap:10px}.ui-refresh .dashboard-hero-grid,.ui-refresh .dashboard-core-grid,.ui-refresh .dashboard-secondary-grid{grid-template-columns:1fr}.ui-refresh .dashboard-secondary-grid>.panel:last-child{grid-column:auto}
  .ui-refresh .dashboard-v2 .panel{padding:13px!important}.ui-refresh .approval-metric-grid{grid-template-columns:repeat(2,1fr);height:auto}.ui-refresh .approval-metric-grid>a{min-height:120px;border-bottom:1px solid #e5eaf0}.ui-refresh .approval-metric-grid>a:nth-child(2){border-right:0}
  .ui-refresh .notice-list>a{grid-template-columns:42px minmax(0,1fr)}.ui-refresh .notice-list time{display:none}.ui-refresh .dashboard-core-grid>.panel{min-height:0}.ui-refresh .dashboard-quick-menu{min-height:0}.ui-refresh .quick-menu-grid{grid-template-columns:1fr 1fr}.ui-refresh .quick-menu-tabs{gap:20px}
}
@media(max-width:430px){.ui-refresh .quick-menu-grid{grid-template-columns:1fr}.ui-refresh .attendance-summary{grid-template-columns:105px 1fr}.ui-refresh .attendance-ring{width:94px;height:94px;border-width:11px}}

/* ===== Internal workspace: tree navigation + active content ===== */
.ui-refresh .workspace-shell{display:grid;grid-template-columns:214px minmax(0,1fr);gap:18px;align-items:start;max-width:1700px;margin:0 auto}
.ui-refresh .workspace-sidebar{position:sticky;top:calc(var(--ui-header) + 14px);max-height:calc(100vh - var(--ui-header) - 30px);overflow:auto;align-self:start;padding:6px 16px 18px;border-right:1px solid #d7e0e9;background:#fff;scrollbar-width:thin}
.ui-refresh .workspace-sidebar>h2{margin:10px 0 14px;color:#152a42;font-size:17px;font-weight:900;letter-spacing:-.02em}
.ui-refresh .workspace-sidebar nav{display:grid;gap:3px}
.ui-refresh .workspace-sidebar details{border-bottom:1px solid #e1e7ee}
.ui-refresh .workspace-sidebar summary{display:flex;min-height:39px;padding:9px 2px;align-items:center;color:#33485f;font-size:12px;font-weight:800;cursor:pointer;list-style:none}
.ui-refresh .workspace-sidebar summary::-webkit-details-marker{display:none}
.ui-refresh .workspace-sidebar summary:after{content:'⌄';margin-left:auto;color:#5f7183;font-size:12px;transition:transform .16s}
.ui-refresh .workspace-sidebar details[open]>summary:after{transform:rotate(180deg)}
.ui-refresh .workspace-sidebar summary small{margin-left:7px;padding:2px 5px;border-radius:999px;background:#eef2f6;color:#728194;font-size:9px}
.ui-refresh .workspace-sidebar details>div{display:grid;padding:1px 0 7px}
.ui-refresh .workspace-sidebar details>div a{position:relative;display:block;min-height:32px;padding:8px 10px 8px 12px;border-radius:5px;color:#53667a;font-size:11px;font-weight:650;text-decoration:none}
.ui-refresh .workspace-sidebar details>div a:hover{background:#f2f6fa;color:#1265c3}
.ui-refresh .workspace-sidebar details>div a.active{background:#eaf2fd;color:#0c63c6;font-weight:850}
.ui-refresh .workspace-sidebar details>div a.active:before{content:'';position:absolute;top:8px;bottom:8px;left:0;width:3px;border-radius:3px;background:#1671db}
.ui-refresh .workspace-content{min-width:0;padding:0 0 24px}
.ui-refresh .workspace-content>.panel:first-child,.ui-refresh .workspace-content>.tabs:first-child,.ui-refresh .workspace-content>.employee-profile-tabs:first-child{margin-top:0}
.ui-refresh .workspace-welcome{display:grid;min-height:210px;place-content:center;text-align:center}
.ui-refresh .workspace-welcome h2{margin:0 0 8px;color:#1a314a;font-size:18px}
.ui-refresh .workspace-welcome p{margin:0;color:#728297;font-size:12px}
.ui-refresh .legacy-workspace-hub{display:none!important}
.ui-refresh .workspace-work .attendance-view-tabs{display:none}
.ui-refresh .workspace-shell .hr-hub{grid-template-columns:repeat(auto-fill,minmax(220px,260px));justify-content:start}
.ui-refresh .workspace-shell .cards{justify-content:start}

@media(max-width:1100px){
  .ui-refresh .workspace-shell{grid-template-columns:190px minmax(0,1fr);gap:14px}
  .ui-refresh .workspace-sidebar{padding-right:12px;padding-left:10px}
}
@media(max-width:800px){
  .ui-refresh .workspace-shell{display:block}
  .ui-refresh .workspace-sidebar{position:relative;top:auto;max-height:none;margin:0 0 10px;padding:10px 12px;border:1px solid #d9e1ea;border-radius:8px;overflow:visible}
  .ui-refresh .workspace-sidebar>h2{margin:0 0 8px;font-size:15px}
  .ui-refresh .workspace-sidebar nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px}
  .ui-refresh .workspace-sidebar details{min-width:150px;border:1px solid #e0e6ed;border-radius:6px;background:#fff}
  .ui-refresh .workspace-sidebar summary{padding:8px 10px}
  .ui-refresh .workspace-sidebar details>div{padding:0 6px 6px}
  .ui-refresh .workspace-content{padding-bottom:10px}
}

/* ===== Shared page controls, tabs and dense data lists ===== */
.ui-refresh .ui-back-link,
.ui-refresh .page-back-button>.ui-back-link,
.ui-refresh .backbar>.ui-back-link,
.ui-refresh .toolbar>.ui-back-link,
.ui-refresh .sticky-actionbar>.ui-back-link{
  display:inline-flex!important;width:auto!important;min-height:30px!important;padding:5px 2px!important;
  align-items:center;background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;color:#53687c!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important
}
.ui-refresh .ui-back-link:hover{background:transparent!important;color:#0e66c3!important;text-decoration:underline!important;text-underline-offset:4px}

.ui-refresh .tabs,.ui-refresh .approval-tabs,.ui-refresh .attendance-view-tabs,
.ui-refresh .employee-profile-tabs,.ui-refresh .cs-option-tabs,.ui-refresh .cs-master-subtabs,
.ui-refresh .cs-entry-mode-tabs,.ui-refresh .quick-menu-tabs{
  display:flex;gap:0!important;align-items:center;overflow-x:auto;border:0!important;background:transparent!important;box-shadow:none!important
}
.ui-refresh .tabs>a,.ui-refresh .approval-tabs>a,.ui-refresh .attendance-view-tabs>a,
.ui-refresh .employee-profile-tabs>a,.ui-refresh .employee-profile-tabs>button,
.ui-refresh .cs-option-tabs>a,.ui-refresh .cs-option-tabs>button,.ui-refresh .cs-master-subtabs>a,
.ui-refresh .cs-master-subtabs>button,.ui-refresh .cs-entry-mode-tabs>button,.ui-refresh .quick-menu-tabs>button{
  position:relative;flex:0 0 auto;width:auto!important;min-height:34px!important;margin:0!important;padding:7px 13px!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:#7a8795!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap
}
.ui-refresh .tabs>a:not(:last-child):after,.ui-refresh .approval-tabs>a:not(:last-child):after,
.ui-refresh .attendance-view-tabs>a:not(:last-child):after,.ui-refresh .employee-profile-tabs>*:not(:last-child):after,
.ui-refresh .cs-option-tabs>*:not(:last-child):after,.ui-refresh .cs-master-subtabs>*:not(:last-child):after,
.ui-refresh .cs-entry-mode-tabs>*:not(:last-child):after,.ui-refresh .quick-menu-tabs>*:not(:last-child):after{
  content:'';position:absolute;top:10px;right:0;width:1px;height:14px;background:#d6dee7
}
.ui-refresh .tabs>a:hover,.ui-refresh .approval-tabs>a:hover,.ui-refresh .attendance-view-tabs>a:hover,
.ui-refresh .employee-profile-tabs>*:hover,.ui-refresh .cs-option-tabs>*:hover,.ui-refresh .cs-master-subtabs>*:hover,
.ui-refresh .cs-entry-mode-tabs>*:hover,.ui-refresh .quick-menu-tabs>*:hover,
.ui-refresh .tabs>.active,.ui-refresh .approval-tabs>.active,.ui-refresh .attendance-view-tabs>.active,
.ui-refresh .employee-profile-tabs>.active,.ui-refresh .cs-option-tabs>.active,.ui-refresh .cs-master-subtabs>.active,
.ui-refresh .cs-entry-mode-tabs>.active,.ui-refresh .quick-menu-tabs>.active{
  background:transparent!important;color:#1168c7!important;box-shadow:none!important;text-decoration:none!important
}

.ui-refresh .inline,.ui-refresh .toolbar,.ui-refresh .filterbar,.ui-refresh form.search,
.ui-refresh [class$="-filters"],.ui-refresh [class$="-search"]{gap:8px;align-items:flex-end}
.ui-refresh .inline input[type="text"],.ui-refresh .inline input[type="search"],
.ui-refresh form.search input[type="text"],.ui-refresh form.search input[type="search"],
.ui-refresh .filterbar input[type="text"],.ui-refresh .filterbar input[type="search"]{width:min(300px,100%);max-width:300px;flex:0 1 300px}
.ui-refresh .inline select,.ui-refresh form.search select,.ui-refresh .filterbar select{width:auto;min-width:130px;max-width:220px;flex:0 1 auto}
.ui-refresh .inline button,.ui-refresh form.search button,.ui-refresh .filterbar button{width:auto;flex:0 0 auto}

.ui-refresh .permission-table th:not(:first-child){text-align:center}
.ui-refresh .permission-table td:first-child{min-width:170px}
.ui-refresh .permission-action-cell{width:54px;text-align:center}
.ui-refresh .permission-action-cell input{width:16px;height:16px}
.ui-refresh .permission-na{color:#a5b0bc}
.ui-refresh .permission-code{display:block;margin-top:2px;color:#8190a0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}
.ui-refresh .permission-extra{display:flex;gap:4px;align-items:center;justify-content:center;font-size:10px}
.ui-refresh .permission-row-settings{display:grid;gap:4px;min-width:315px}

/* Text-only actions: never use a blue filled button. */
.ui-refresh button,.ui-refresh .btn,.ui-refresh .smallbtn,
.ui-refresh input[type="submit"],.ui-refresh input[type="button"],
.ui-refresh input[type="file"]::file-selector-button{
  min-height:32px!important;padding:6px 5px!important;background:transparent!important;color:#526273!important;
  border:0!important;border-bottom:1px solid #aeb9c4!important;border-radius:0!important;box-shadow:none!important;
  font-weight:750!important;line-height:1.2;cursor:pointer
}
.ui-refresh button:hover,.ui-refresh .btn:hover,.ui-refresh .smallbtn:hover,
.ui-refresh input[type="submit"]:hover,.ui-refresh input[type="button"]:hover,
.ui-refresh input[type="file"]::file-selector-button:hover{
  background:transparent!important;color:#1168c7!important;border-bottom-color:#1168c7!important
}
.ui-refresh a.btn.primary,
.ui-refresh .toolbar a.btn.primary,
.ui-refresh .compact-actions a.btn.primary,
.ui-refresh .panelhead a.btn.primary{
  background:transparent!important;color:#1168c7!important;border:0!important;border-bottom:2px solid #1168c7!important;
  border-radius:0!important;box-shadow:none!important;padding-bottom:5px!important
}
.ui-refresh .tabs>.active,.ui-refresh .approval-tabs>.active,.ui-refresh .attendance-view-tabs>.active,
.ui-refresh .employee-profile-tabs>.active,.ui-refresh .cs-option-tabs>.active,.ui-refresh .cs-master-subtabs>.active,
.ui-refresh .cs-entry-mode-tabs>[aria-selected="true"],.ui-refresh .quick-menu-tabs>.active{
  background:transparent!important;color:#1168c7!important;border-bottom:2px solid #1168c7!important;
  box-shadow:none!important
}
.ui-refresh .smallbtn.active,
.ui-refresh button[aria-pressed="true"]:not([type="submit"]){
  background:transparent!important;color:#0c63c6!important;border-bottom:2px solid #0c63c6!important;box-shadow:none!important
}
.ui-refresh form button:not([type]):not(.smallbtn):not(.danger),
.ui-refresh button[type="submit"]:not(.smallbtn):not(.danger),
.ui-refresh button.primary:not(.smallbtn):not(.danger),
.ui-refresh input[type="submit"]{
  background:transparent!important;color:#263545!important;border-bottom:2px solid #526273!important;
  font-size:14px!important;font-weight:850!important;padding:7px 5px!important
}
.ui-refresh form button:not([type]):not(.smallbtn):not(.danger):hover,
.ui-refresh button[type="submit"]:not(.smallbtn):not(.danger):hover,
.ui-refresh button.primary:not(.smallbtn):not(.danger):hover,
.ui-refresh input[type="submit"]:hover{
  color:#1168c7!important;border-bottom-color:#1168c7!important
}
.ui-refresh .danger,.ui-refresh button.danger,.ui-refresh .btn.danger{
  background:transparent!important;color:#ad2828!important;border-bottom-color:#d08b8b!important
}
.ui-refresh .modalx,.ui-refresh dialog .panelhead button,.ui-refresh .cs-part-dialog .panelhead button{
  min-height:auto!important;background:transparent!important;color:#526273!important;border:0!important;font-size:22px!important
}
.ui-refresh .mobile-bottom-nav .mobile-nav-primary>span{
  background:transparent!important;color:#1168c7!important;border-radius:0!important;box-shadow:none!important;
  font-size:26px!important;font-weight:850!important
}
.ui-refresh button:focus-visible,.ui-refresh .btn:focus-visible,.ui-refresh .smallbtn:focus-visible{
  outline:2px solid #8bb9dc!important;outline-offset:2px;box-shadow:none!important
}
.ui-refresh button:disabled,.ui-refresh .btn.disabled{
  opacity:.45;cursor:not-allowed
}
.ui-refresh .permission-row-settings>label{display:grid;grid-template-columns:38px 78px 135px;gap:5px;align-items:center}
.ui-refresh .permission-row-settings small{color:#66788b;font-size:9px}
.ui-refresh .permission-row-settings select,.ui-refresh .permission-row-settings input{width:100%;min-height:28px;padding:4px 6px;font-size:10px}

@media(max-width:700px){
  .ui-refresh .tabs>a,.ui-refresh .approval-tabs>a,.ui-refresh .attendance-view-tabs>a,
  .ui-refresh .employee-profile-tabs>a,.ui-refresh .employee-profile-tabs>button,
  .ui-refresh .cs-option-tabs>a,.ui-refresh .cs-option-tabs>button,.ui-refresh .cs-master-subtabs>a,
  .ui-refresh .cs-master-subtabs>button,.ui-refresh .cs-entry-mode-tabs>button,.ui-refresh .quick-menu-tabs>button{padding-right:10px!important;padding-left:10px!important}
  .ui-refresh table{min-width:max-content}
  .ui-refresh .permission-row-settings{min-width:285px}
  .ui-refresh .permission-row-settings>label{grid-template-columns:34px 72px 125px}
}