/* Canonical finish: apps/console/premium.css (UBÍKALO). */
:root{--ink:#202e30;--muted:#647175;--line:#e2e7e5;--bg:#f5f6f4;--petrol:#173b36;--green:#176c61;--shadow:0 6px 24px #20382e06}
body{background:var(--bg);background-image:none;color:var(--ink);line-height:1.55}
#app{background:var(--bg)}
#app .sidebar{background:#fff;border-right:1px solid var(--line);box-shadow:none;backdrop-filter:none}
#app .brand{margin-bottom:16px;padding-bottom:22px;border-color:var(--line)}
#app .sidebar nav{gap:3px}
#app .sidebar nav button{min-height:42px;border:0;font-size:12px;color:#5d6b6e;border-radius:9px;box-shadow:none;transition:background .16s ease,color .16s ease}
#app .sidebar nav button b{font-weight:600}
#app .sidebar nav button>span{color:#7a8a89;width:19px;height:19px}
#app .sidebar nav svg{width:19px;height:19px;stroke-width:1.75;flex-shrink:0}
#app .sidebar nav button:hover{background:#f4f6f4;color:#243e38}
#app .sidebar nav button.active{background:#edf4f0;color:#145e52;font-weight:700}
#app .sidebar nav button.active:before{display:none}
#app .nav-label{color:#818d8d;letter-spacing:.12em;font-size:9px;margin-top:21px;font-weight:650}
#app .account-link{background:#fff;border-color:var(--line);font-size:11px;color:#596c67;box-shadow:none}
#app .sidebar-foot{border-color:var(--line);font-size:11px}
#app .topbar{height:72px;min-height:72px;background:#ffffffed;border-color:var(--line);box-shadow:none;backdrop-filter:blur(12px)}
#app .workspace-switcher label{font-size:9px;font-weight:650;letter-spacing:.12em;color:#73817e}
#app :is(input,select,textarea){background:#fff;border-color:var(--line);box-shadow:none}
#app .content{max-width:1440px;padding:32px 36px 56px}
#app .page-head{margin-bottom:28px;gap:20px}
#app .page-head h1{font-size:30px;line-height:1.2;font-weight:750;letter-spacing:-1.1px;color:var(--ink)}
#app .eyebrow{font-size:9px;letter-spacing:.14em;color:#397b69}
#app :is(.panel,.metric){background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 3px #182e2302,0 10px 32px #182e2304;transform:none}
#app .panel{padding:26px}
#app .panel h2{color:var(--ink);font-size:17px;font-weight:750;letter-spacing:-.45px;line-height:1.35}
#app .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;max-width:100%;min-height:40px;padding:10px 15px;background:#fff;border:1px solid #dce4df;color:#435d55;border-radius:9px;box-shadow:0 1px 2px #20382e04;font-size:12px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;white-space:normal;transition:background .16s ease,border-color .16s ease,color .16s ease;cursor:pointer}
#app .button:hover{background:#f5f8f5;border-color:#bccfc4}
#app .button.primary{background:#176c61;border-color:#176c61;box-shadow:0 1px 2px #113e2912;color:#fff}
#app .button.primary:hover{background:#11594f;border-color:#11594f}
#app .button:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}
#app :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #438b7140;outline-offset:3px}
#app :is(input,select,textarea):focus{outline:3px solid #438b711c;border-color:#77a894}
#app .button svg{width:16px;height:16px;flex-shrink:0}
#app .form-actions{gap:10px;flex-wrap:wrap;align-items:center}
#app .shortcuts{gap:8px}
#app .shortcuts>button{background:#fff;border:1px solid #e6ebe7;border-radius:11px;padding:14px 12px;transition:background .16s ease,border-color .16s ease}
#app .shortcuts>button:hover{background:#f5f8f5;border-color:#bccfc4}
#app .shortcuts>button>span{background:#f0f5f0;color:#367461}
#app .avatar-presets button{background:#fff;border-color:#dce4df;border-radius:9px;color:#435d55;box-shadow:none;transition:background .16s ease,border-color .16s ease}
#app .avatar-presets button:hover{background:#f5f8f5;border-color:#bccfc4}
#app input[type=file]::file-selector-button{padding:10px 15px;border:1px solid #176c61;border-radius:9px;background:#176c61;color:#fff;font:inherit;font-weight:700;cursor:pointer}
#app input[type=file]::file-selector-button:hover{background:#11594f;border-color:#11594f}
#app .dashboard-welcome{background:#eef4ef;border-color:var(--line);box-shadow:none}
#app .agent-status{background:#fff;border-color:var(--line);box-shadow:none}
#app .agent-glyph{background:#176c61}
#app .sidebar-foot{display:grid;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:10px 8px;padding:17px 10px 0}
#app .sidebar-foot .status-dot{margin:0;background:#17c58b}
#app .sidebar-foot .site-status-text{grid-column:2;grid-row:1;font-size:10px}
#app .sidebar-foot #logout{grid-column:1/-1;grid-row:2;justify-self:start;display:block;padding:0;border:0;background:none;color:#176c61;font-size:11px;cursor:pointer}
#app .dashboard-welcome{padding:34px;border-radius:18px;background:#edf3ef;border-color:#dce7de;gap:30px}
#app .dashboard-welcome h2{font-weight:700;font-size:32px;line-height:1.22;color:#173b36}
#app .agent-status{min-width:200px;background:#ffffffb5;border-color:#dbe5dd;border-radius:16px}
#app .metric strong{font-size:31px;font-weight:700;letter-spacing:-1px;color:#203c33}
#app .metric small{font-size:10px;color:#6a7a72}
#app .workspace-switcher select{width:196px;min-width:0;font-weight:600;background:#fff;border-color:#dce4df;border-radius:9px;padding:11px 12px;font-size:12px;line-height:1.5;box-shadow:0 1px 2px #20382e02}
#app .account-link{min-height:40px;border-radius:11px;margin-bottom:9px}
#app .sidebar-collapsed .sidebar-foot #logout{font-size:0}
#app.sidebar-collapsed .sidebar-foot #logout:before{content:'↪';font-size:19px}
/* Same notification surface used by the UBÍKALO console. */
#app .workspace-switcher select{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}
#app .workspace-switcher select:hover{border-color:#a9c5b8}
@supports (appearance:base-select){
  #app .workspace-switcher select,#app .workspace-switcher select::picker(select){appearance:base-select}
  #app .workspace-switcher select{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:196px;padding:10px 13px;background:#fff;border:1px solid #dce4df;border-radius:10px;color:#173b36;font-size:12px;line-height:1.5;box-shadow:0 1px 2px #20382e04}
  #app .workspace-switcher select::picker-icon{color:#628478;transition:rotate .16s ease}
  #app .workspace-switcher select:open::picker-icon{rotate:180deg}
  #app .workspace-switcher select::picker(select){margin-top:7px;padding:6px;border:1px solid #dce4df;border-radius:12px;background:#fff;color:#173b36;box-shadow:0 12px 32px #173b361a}
  #app .workspace-switcher select option{display:flex;align-items:center;gap:10px;min-height:38px;padding:9px 12px;border-radius:7px;background:#fff;color:#435d55;font-size:12px;line-height:1.5;cursor:pointer}
  #app .workspace-switcher select option:hover,#app .workspace-switcher select option:focus{background:#f4f7f4;outline:none}
  #app .workspace-switcher select option:checked{background:#edf4f0;color:#145e52;font-weight:700}
  #app .workspace-switcher select option::checkmark{color:#176c61}
}
.ubk-communications .ubk-inbox{border-color:#d5e1e7;background:linear-gradient(150deg,#fff,#f5f8fa);box-shadow:0 22px 60px #203c4324,inset 0 1px 0 #fff}
.ubk-communications .ubk-inbox header,.ubk-communications .ubk-inbox footer{background:linear-gradient(180deg,#fafcfd,#f0f5f7)}
.topbar .ubk-communications>button{border-color:#d1dde4;background:linear-gradient(180deg,#fff,#edf2f6);box-shadow:inset 0 1px 0 #fff,0 2px 5px #203c4308}
.topbar .ubk-communications>button:hover,.topbar .ubk-communications>button[aria-expanded=true]{background:#eaf4e8;border-color:#adc9b5}
@media(max-width:760px){#app .content{padding:24px 16px 40px}#app .page-head h1{font-size:27px}#app .panel{padding:21px}#app .button{min-height:42px}#app .dashboard-welcome h2{font-size:28px}#app .workspace-switcher select{width:100%}}
@media(prefers-reduced-motion:reduce){#app .button,#app .shortcuts>button,#app .avatar-presets button{transition:none}}