@charset "UTF-8";
@import url("/login.css");
:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#332d29;background:#f5f2ed;--red:#9b1c22;--dark:#65151b;--gold:#ce9a47;--line:#e6dfd6;--muted:#81786e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d49a3d;outline-offset:3px}button,.button{min-height:44px;padding:11px 18px;border:1px solid var(--line);border-radius:10px;background:white;color:#473b32;font-weight:650;text-decoration:none}button:hover{border-color:#c3a16a}.primary{background:var(--red);border-color:var(--red);color:white}.subtle{background:transparent}.danger{color:var(--red);border-color:#d8a5a4}.hidden,[hidden]{display:none!important}.shell{display:grid;grid-template-columns:208px 1fr;min-height:100vh}.sidebar{background:#6b181e;color:#fff8ed;padding:30px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.wordmark{font-size:26px;font-weight:850;letter-spacing:.14em}.wordmark small{font-size:10px;display:block;letter-spacing:.26em;color:#e9be7e;margin-top:6px}.sidebar nav{display:grid;gap:9px;margin:48px 0}.sidebar nav a{padding:14px 16px;color:#e9c8c4;text-decoration:none;border-radius:10px;font-size:14px}.sidebar nav a.active{background:#ffffff1d;color:#fff;border-left:3px solid #e1b467}.sidebar .foot{margin-top:auto;color:#dfb9b5;font-size:11px;line-height:1.8}.topbar{padding:22px 32px;background:#fffcf7;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#9d763d;font-weight:800;text-transform:uppercase}h1{margin:5px 0;font-size:27px;letter-spacing:-.04em}h2{font-size:18px;margin:0 0 15px}h3{font-size:15px;margin:0}.top-actions{display:flex;align-items:center;gap:12px}.badge{font-size:11px;font-weight:750;border-radius:20px;padding:7px 11px;background:#f4e5cb;color:#84612b}.connection{font-size:12px;color:#4d715b}.connection.offline{color:#a11c27}.workspace{padding:26px 32px;max-width:1680px;margin:0 auto}.muted{color:var(--muted);font-size:13px;line-height:1.5}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.metric{background:#fffcf8;border:1px solid var(--line);border-radius:13px;padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:12px}.metric small{display:block;color:var(--muted);font-size:12px}.metric strong{font-size:28px;letter-spacing:-.04em}.metric .symbol{font-size:20px;color:var(--gold)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0 22px}.toolbar input{max-width:310px}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.column-head{display:flex;justify-content:space-between;align-items:center;padding:0 3px 15px;font-size:13px;font-weight:800}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#bd8a34;margin-right:7px}.dot.preparing{background:#9d2830}.dot.ready{background:#4a7b61}.count{background:#eae4db;border-radius:20px;padding:3px 9px;font-size:11px}.ticket{background:#fffdf9;border:1px solid var(--line);border-radius:13px;margin-bottom:14px;overflow:hidden;box-shadow:0 3px 8px #37230c04}.ticket-head{padding:15px 17px;background:#faf5ed;display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #e3d7c6}.table-title{font-size:21px;font-weight:800}.ticket-head small{font-size:11px;color:#8e7662}.ticket-body{padding:17px}.dish{font-size:16px;font-weight:750;line-height:1.4}.quantity{display:inline-block;border:1px solid #e5d2b6;color:#9e702a;background:#fcf3e5;border-radius:7px;padding:3px 8px;margin-right:8px}.notes{padding:8px 10px;background:#fff3d9;border-left:3px solid #d4a352;font-size:12px;margin:10px 0;line-height:1.6}.ticket-footer{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:13px 0}.ticket button{width:100%;margin-top:3px}.ready-button{background:#edf4ec;color:#386144;border-color:#c7dac9}.empty{border:1px dashed #d8d0c4;border-radius:12px;padding:34px 20px;text-align:center;color:#93897c;font-size:13px;line-height:1.7}.notice{padding:15px 18px;background:#fff0ed;border:1px solid #e7b7b1;border-left:4px solid #a7242c;border-radius:11px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px}.notice strong{color:#a0242b}.login{max-width:440px;margin:70px auto;background:#fffdf9;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:16px;padding:35px}.login h2{font-size:25px}.login form{display:grid;gap:14px;margin-top:25px}label{font-size:12px;font-weight:650;display:block}input,select{padding:12px;border:1px solid #ded6ca;border-radius:9px;background:white;width:100%;min-height:44px;margin-top:7px}input[type=search]{margin:0}.message{font-size:13px;line-height:1.6;white-space:pre-line;margin:14px 0;color:#7e4935}.message:empty{display:none}.error{color:#a01c28}details{margin-top:24px}summary{cursor:pointer;font-size:13px;font-weight:750;color:#7a6c5b}.done-row{font-size:12px;padding:12px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:6px;padding-bottom:17px;border-bottom:1px solid var(--line);margin-bottom:22px}.tabs button{border:0;background:transparent;color:#8a7d6d}.tabs button.active{background:#eee2d2;color:#6b2627}.cash-grid{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(360px,1.35fr);gap:23px}.panel{background:#fffdf9;border:1px solid var(--line);border-radius:14px;padding:23px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title h2{margin:0}.bill-card{display:block;width:100%;text-align:left;margin:9px 0;padding:17px;background:#fffdf9;border-radius:12px;min-height:90px}.bill-card.active{border-color:#a42b30;background:#fdf1ed;box-shadow:inset 3px 0 #a42b30}.bill-card strong{font-size:19px}.bill-card .bill-total{float:right;font-size:19px;color:#822028}.bill-card small{display:block;color:var(--muted);margin-top:9px;font-size:11px}.bill-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:19px;border-bottom:1px solid var(--line)}.bill-heading h2{font-size:25px;margin:4px 0}.bill-lines{padding:8px 0}.bill-line{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #f0ebe4;font-size:13px}.total-band{background:#f5ede1;padding:18px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin:17px 0}.total-band strong{font-size:28px;color:#772329}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.wide{width:100%;margin-top:16px}.balance{background:#f6f3ee;border:1px solid var(--line);padding:14px;border-radius:10px;font-size:13px;line-height:1.8}.balance strong{float:right;color:#7e262b}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.report-table{border-collapse:collapse;width:100%;font-size:13px}.report-table th,.report-table td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}.report-table th{font-size:11px;color:var(--muted)}.login-error{min-height:20px;font-size:13px;color:#a01c28}.cash-note{font-size:11px;color:#8a7765;margin-top:14px}.shift-status{font-size:12px;color:#6b7868}.payment-error{background:#fff1ed;color:#a01c28}.history-mini{font-size:13px;line-height:1.9}.no-bill{padding:65px 15px;text-align:center;color:var(--muted)}
@media(min-width:1500px){.workspace{padding:32px 45px}.topbar{padding:24px 45px}}@media(max-width:1050px){.shell{grid-template-columns:160px 1fr}.sidebar{padding:25px 13px}.wordmark{font-size:22px}.workspace{padding:22px}.topbar{padding:18px 22px}.board{gap:12px}.cash-grid{grid-template-columns:1fr}.ticket-body{padding:13px}.top-actions{gap:7px}.connection{display:none}}@media(max-width:720px){.shell{display:block}.sidebar{height:auto;position:static;padding:15px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.wordmark{font-size:19px}.wordmark small{font-size:8px}.sidebar nav{display:flex;margin:0;gap:1px}.sidebar nav a{padding:10px;font-size:12px}.sidebar .foot{display:none}.topbar{padding:18px;align-items:flex-start}h1{font-size:25px}.top-actions{flex-wrap:wrap;justify-content:flex-end;max-width:170px}.badge{font-size:9px}.workspace{padding:18px 14px}.metrics{gap:8px}.metric{padding:12px}.metric strong{font-size:23px}.metric small{font-size:10px}.metric .symbol{display:none}.board{display:block}.column{margin-bottom:25px}.section-grid{grid-template-columns:1fr}.login{margin:30px 15px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none}.form-grid{gap:12px}.panel{padding:18px}.report-table th,.report-table td{padding:10px 5px;font-size:11px}.notice{align-items:flex-start}.sidebar nav a.active{border-left:0;border-bottom:2px solid var(--gold)}.topbar .eyebrow{font-size:8px}.cash-grid{display:block}.cash-grid>section{margin-bottom:18px}}

#notices{max-height:240px;overflow:auto;margin-bottom:16px}#notices:empty{display:none}.sidebar{align-self:start}.metric strong{font-variant-numeric:tabular-nums}@media(max-width:720px){.metric strong{font-size:clamp(15px,4.5vw,23px);white-space:nowrap}.metric{padding:12px 9px}.tabs{gap:0}.tabs button{padding:10px 12px}.notice{flex-wrap:wrap}}

@media(max-width:720px){.sidebar{flex-wrap:wrap;gap:12px}.sidebar nav{width:100%;justify-content:space-between}.sidebar nav a{padding:10px 13px}}
/* Unified SUMAQ layout: same shell for all modules, sized for desktop/tablet/mobile. */
.shell{grid-template-columns:208px minmax(0,1fr)}
.shell>div,.workspace,.panel,.column,.metric>div,.cash-grid>section{min-width:0}
.workspace{width:100%}.topbar>div{min-width:0}.top-actions{flex-wrap:wrap;min-width:0}
.top-actions>span{overflow-wrap:anywhere}.top-actions .muted{max-width:260px;font-size:12px}
.top-actions button{flex-shrink:0}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.report-table{table-layout:fixed}.report-table td,.report-table th{overflow-wrap:anywhere}
.staff-person{flex-wrap:wrap}.staff-person>div{min-width:0;flex:1 1 180px;overflow-wrap:anywhere}
.staff-person>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--red);font-size:12px;text-decoration:none;background:white}
.staff-person>button{flex-shrink:0}.action-row{flex-wrap:wrap}.tabs{overflow-x:auto}.tabs button{flex-shrink:0}
@media(min-width:721px) and (max-width:1050px){.shell{grid-template-columns:160px minmax(0,1fr)}.board{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start}.top-actions{max-width:300px}.sidebar nav a{min-height:44px}}
@media(max-width:720px){
 .shell{display:block}.sidebar{position:static;height:auto;padding:13px 16px;gap:9px;flex-direction:column;align-items:stretch}
 .wordmark{display:flex;align-items:baseline;gap:10px;font-size:20px;letter-spacing:.12em}.wordmark small{font-size:8px;letter-spacing:.14em;margin:0;line-height:1.4}
 .sidebar nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));width:100%;gap:4px;margin:0}
 .sidebar nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;font-size:12px}
 .sidebar nav a.active{border-left:0;border-bottom:2px solid var(--gold)}
 .topbar{padding:14px;align-items:flex-start;gap:12px}.topbar h1{font-size:24px}.topbar .eyebrow{font-size:8px;letter-spacing:.12em}
 .topbar .muted{font-size:12px}.top-actions{max-width:180px;gap:7px;justify-content:flex-end}.top-actions .muted{max-width:180px;font-size:11px;flex-basis:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions .badge{font-size:9px;padding:7px 9px;max-width:110px;line-height:1.3}
 .top-actions button{padding:9px 13px;min-height:44px}.workspace{padding:16px 14px}
 .metrics{gap:8px;margin-bottom:18px}.metric{padding:12px 9px}.metric small{font-size:10px;line-height:1.5;overflow-wrap:anywhere}.metric strong{font-size:22px}
 .panel{padding:17px}.board{display:block}.column{margin-bottom:22px}.toolbar{gap:10px;align-items:flex-start}.toolbar>div{min-width:0}
 .section-grid,.personal-grid{grid-template-columns:minmax(0,1fr)}.cash-grid{display:block}.bill-heading{gap:10px}.bill-heading>div{min-width:0}.bill-line span{min-width:0;overflow-wrap:anywhere}
 .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.notice{flex-wrap:wrap}.report-table th,.report-table td{font-size:11px;padding:10px 6px}
}
@media(max-width:380px){.top-actions{max-width:160px}.top-actions .muted{max-width:160px}.top-actions .badge{max-width:95px}.form-grid{grid-template-columns:minmax(0,1fr)}.wordmark small{max-width:150px}.metric strong{font-size:20px}}
/* Restaurante: categoria principal y accesos segun el rol. */
.sidebar .restaurant-menu{margin:20px 0 0;width:100%;min-width:0}
.sidebar .restaurant-menu>summary{cursor:pointer;padding:12px 8px;min-height:44px;font-weight:700;list-style:none}
.sidebar .restaurant-menu>summary::before{content:'▾';margin-right:8px}
.sidebar .restaurant-menu:not([open])>summary::before{content:'▸'}
.sidebar .restaurant-menu nav{margin:8px 0 0;display:flex;flex-direction:column;gap:4px}
.sidebar .restaurant-menu nav a{white-space:normal;font-size:14px;padding:12px 10px}
.sidebar .wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:0;font-size:clamp(17px,1.4vw,20px);letter-spacing:.035em}
.sidebar .wordmark small{display:block;margin-top:6px;font-size:10px;letter-spacing:.18em}
.sidebar .brand-user{font-size:13px;font-weight:600;color:#fff3df;letter-spacing:normal;margin-top:8px;overflow-wrap:anywhere}
@media(max-width:720px){.sidebar{flex-wrap:wrap}.sidebar .restaurant-menu{margin:4px 0 0}.sidebar .restaurant-menu>summary::before{content:'☰'}.sidebar .restaurant-menu nav{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:4px}.sidebar .restaurant-menu nav a{flex:1 1 120px}}

/* Menu lateral comun: PC, tableta y telefono; cierre solo por el usuario. */
body{--restaurant-nav-width:208px}
body .shell{display:grid;grid-template-columns:var(--restaurant-nav-width) minmax(0,1fr);align-items:start;min-height:100dvh}
body .shell>.sidebar{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;position:sticky;top:0;height:100dvh;min-width:0;overflow-y:auto;padding:24px 16px}
body .shell>:not(.sidebar){min-width:0}
.sidebar .restaurant-menu{align-self:flex-start;width:100%;margin:18px auto 0 0;text-align:left}
.sidebar .restaurant-menu>summary{display:flex;align-items:center;justify-content:flex-start;text-align:left;min-height:44px;padding:10px 4px;font-size:13px;color:#fff3df}
.sidebar .restaurant-menu>summary::before{content:'☰';font-size:16px}
.sidebar .restaurant-menu nav{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:4px;width:100%;margin:6px 0 0}
.sidebar .restaurant-menu nav a{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;text-align:left;min-height:44px;width:100%;padding:10px 12px}
body.restaurant-menu-collapsed{--restaurant-nav-width:48px}
body.restaurant-menu-collapsed .shell>.sidebar{padding:10px 4px}
body.restaurant-menu-collapsed .sidebar .wordmark,body.restaurant-menu-collapsed .sidebar .foot{display:none}
body.restaurant-menu-collapsed .sidebar .restaurant-menu{margin:0}
body.restaurant-menu-collapsed .sidebar .restaurant-menu>summary{font-size:0;justify-content:center;padding:10px 0}
body.restaurant-menu-collapsed .sidebar .restaurant-menu>summary::before{margin:0;font-size:18px}
@media(min-width:721px) and (max-width:1100px){body{--restaurant-nav-width:160px}}
@media(max-width:720px){
 body{--restaurant-nav-width:128px}
 body .shell>.sidebar{padding:14px 7px;flex-wrap:nowrap}
 .sidebar .wordmark{width:100%;font-size:14px;letter-spacing:0}
 .sidebar .wordmark .brand-name{overflow-wrap:anywhere}
 .sidebar .wordmark small{font-size:8px;letter-spacing:.08em}
 .sidebar .brand-user{font-size:11px}
 .sidebar .restaurant-menu{margin-top:12px}
 .sidebar .restaurant-menu>summary{font-size:11px}
 .sidebar .restaurant-menu nav a{font-size:12px;padding:10px 7px}
 body.restaurant-menu-collapsed{--restaurant-nav-width:48px}
}

/* Comprobantes dentro de Caja: conserva los controles existentes. */
#practiceDialog.cash-documents-inline[open]{position:static;display:block;width:100%;max-width:none;margin:0;padding:0;border:0;box-shadow:none;background:transparent;max-height:none;overflow:visible}#practiceDialog.cash-documents-inline>header{display:none}#practiceDialog.cash-documents-inline .docs-intro{margin-top:0}.cash-tabs{flex-wrap:wrap}

.dashboard-link{display:block;color:#fff8ed;text-decoration:none;padding:14px 12px;border-radius:9px;margin-top:25px;font-weight:700}.dashboard-link.active{background:#ffffff20;border-left:3px solid #e1b467}.dashboard-link[hidden]{display:none!important}.sidebar .dashboard-link+.restaurant-menu{margin-top:10px!important}body.restaurant-menu-collapsed .sidebar .dashboard-link{font-size:10px;padding:12px 2px;text-align:center}

/* Glass & Elevation: corporate theme, no DOM or API changes. */
html body .exec-kpis article{background:#FFFFFF!important;border:1px solid rgba(0,0,0,0.06)!important;border-radius:14px!important;box-shadow:0 10px 25px -5px rgba(0,0,0,0.05)!important;color:#28232a!important}
html body .exec-kpis article small,html body .exec-kpis article p{color:#69717b!important}
html body #workflowNewDirect{background:#6B1D2F;border-color:#6B1D2F;color:#FFFFFF}
html body #workflowNewDirect:hover{background:#4A121F;border-color:#4A121F}
:root{--red:#6B1D2F;--dark:#4A121F;--gold:#C59B5F;--line:rgba(0,0,0,0.06);--muted:#69717b;--sumaq-surface:#FFFFFF;--sumaq-shadow:0 10px 25px -5px rgba(0,0,0,0.05);--sumaq-radius:14px;color:#28232a;background:#F8F9FA}
html body,html body.auth-locked,html body.login-screen{background:#F8F9FA;color:#28232a}
html body .sidebar{background:linear-gradient(160deg,#6B1D2F,#4A121F);color:#fff}
html body .topbar{background:rgba(255,255,255,0.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,0.06)}
html body .panel,html body .metric,html body .ticket,html body .bill-card,html body .table-card,html body .table-group,html body .kcard,html body .exec-card,html body .exec-panel,html body .dashboard-kpis article,html body .print-card,html body .print-dialog,html body .login,html body .login-card,html body dialog{background:#FFFFFF!important;border:1px solid rgba(0,0,0,0.06)!important;border-radius:14px!important;box-shadow:0 10px 25px -5px rgba(0,0,0,0.05)!important}
html body button,html body input,html body select,html body textarea,html body a.exec-button{transition:background-color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;color:inherit}
html body button:not(:disabled):hover{box-shadow:0 6px 16px -5px rgba(74,18,31,0.18)}
html body input:focus,html body select:focus,html body textarea:focus{border-color:#C59B5F;outline:2px solid rgba(197,155,95,0.24);outline-offset:2px;box-shadow:0 0 0 3px rgba(197,155,95,0.10)}
html body button:focus-visible,html body a:focus-visible{outline:2px solid #C59B5F;outline-offset:3px}
html body .primary,html body button.primary,html body .exec-button.primary{background:#6B1D2F!important;border-color:#6B1D2F!important;color:#FFFFFF!important}
html body .primary:not(:disabled):hover{background:#4A121F!important;border-color:#4A121F!important}
html body .sidebar nav a.active,html body .sidebar .restaurant-menu a.active{background:rgba(255,255,255,0.12);border-color:#C59B5F;color:#FFFFFF}
html body .bill-card.active{border-color:#C59B5F!important;box-shadow:inset 3px 0 #6B1D2F,var(--sumaq-shadow)!important}
html body .metric strong,html body .exec-kpis strong,html body .dashboard-kpis strong,html body .bill-total{color:#6B1D2F}
html body .table-card,html body .table-group,html body .kcard{transition:box-shadow 0.2s ease,border-color 0.2s ease}
@media(prefers-reduced-motion:reduce){html body button,html body input,html body select,html body textarea{transition:none}}

/* Glass & Elevation: login uses the same corporate surfaces. */
html body .login-screen{background:#F8F9FA!important}
html body .login-card h1,html body .login-card h2{color:#6B1D2F!important}
html body .login-card button[type=submit]{background:#6B1D2F!important;border-color:#6B1D2F!important;color:#FFFFFF!important}
html body.auth-locked,html body.login-screen{background:#F8F9FA}
html body.auth-locked .login,html body.login-screen .login-card{background:#FFFFFF;border:1px solid rgba(0,0,0,0.06);border-radius:14px;box-shadow:0 10px 25px -5px rgba(0,0,0,0.05)}
html body.auth-locked .login h2,html body.login-screen .login-card h1{color:#6B1D2F}
html body.auth-locked .login input,html body.login-screen .login-card input{border:1px solid rgba(0,0,0,0.06);background:#FFFFFF;transition:border-color 0.2s ease,box-shadow 0.2s ease}
html body.auth-locked #loginSubmit,html body.login-screen .login-card button[type=submit]{background:#6B1D2F;border-color:#6B1D2F;color:#FFFFFF;transition:background-color 0.2s ease,box-shadow 0.2s ease}
html body.auth-locked #loginSubmit:hover,html body.login-screen .login-card button[type=submit]:hover{background:#4A121F;border-color:#4A121F}
html body.auth-locked .login-password button,html body.login-screen .password-group button{border-color:#6B1D2F;color:#6B1D2F;transition:background-color 0.2s ease,border-color 0.2s ease}
html body .login-areas a[aria-current]{background:rgba(197,155,95,0.16);color:#6B1D2F}
html body.auth-locked .login input:focus,html body.login-screen .login-card input:focus{border-color:#C59B5F;outline:2px solid rgba(197,155,95,0.24);outline-offset:2px;box-shadow:0 0 0 3px rgba(197,155,95,0.10)}