/* TAGVERA workspace: presentation only. Keep the existing module/permission contracts.
   Loaded after module styles and before the shared wordmark rules. */
:root {
  --ink: #112f3c;
  --ink-2: #324d58;
  --muted: #536a74;
  --line: #d8e2e3;
  --bg: #f4f6f3;
  --brand: #087e79;
  --brand-dark: #066661;
  --shadow: 0 4px 16px rgba(17,47,60,.04);
}
.workspace-skip { position: fixed; top: -90px; left: 16px; z-index: 110; padding: 14px 20px; background: #fff; color: var(--ink); border: 2px solid var(--brand); border-radius: 6px; }
.workspace-skip:focus { top: 12px; }
.main { background: var(--bg); }
.main .view { animation: none; }
.main .eyebrow { color: #5e7779; font-weight: 750; letter-spacing: .13em; }
.main .section-tools h2, .dashboard-welcome-simple h2 { letter-spacing: -.035em; line-height: 1.15; }
.topbar { background: transparent; border-bottom: 1px solid var(--line); box-shadow: none; margin-bottom: 28px; }
.top-title { min-width: 0; }
.main .top-title h1 { font-size: 19px; line-height: 1.25; }
.top-actions { min-width: 0; }
.search { border-radius: 6px; background: #fff; }
.btn { border-radius: 6px; font-weight: 700; }
.btn.primary { background: var(--brand); box-shadow: none; }
.btn.primary:hover:not(:disabled) { background: var(--brand-dark); }
.btn:hover:not(:disabled) { transform: none; }
.btn.secondary, .btn.ghost { background: #e8eeec; color: #294b50; }
.panel { border-color: var(--line); border-radius: 10px; box-shadow: none; }
.section-tools { margin-bottom: 24px; }
.section-tools p { max-width: 720px; }
.dashboard-welcome-simple { padding: 8px 0 24px; margin-bottom: 0; border-bottom: 2px solid var(--ink); }
.dashboard-welcome-simple h2 { font-size: clamp(28px, 3vw, 40px); margin: 9px 0; }

/* A readable numeric register, not four competing floating cards. */
.simple-kpi-grid { gap: 0; margin: 0 0 24px; border-bottom: 1px solid var(--line); }
.kpi.simple-kpi { text-align: left; background: transparent; box-shadow: none; border: 0; border-right: 1px solid var(--line); border-radius: 0; padding: 23px 24px; min-height: 140px; }
.kpi.simple-kpi:first-child { padding-left: 0; }
.kpi.simple-kpi:last-child { border-right: 0; }
.kpi.simple-kpi:hover { transform: none; background: #eaf0ec; }
.kpi.simple-kpi strong { font-size: clamp(30px, 3vw, 42px); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }
.kpi.simple-kpi small { color: #536a74; }
.qr-capacity-strip { border-radius: 6px; border: 1px solid var(--line); margin-bottom: 28px; }
.qr-capacity-strip button { background: #edf2ef; padding: 15px 18px; }
.qr-capacity-strip button:hover { background: #e0eee8; }
.qr-capacity-strip span { color: #536a74; }
.qr-capacity-strip strong { font-size: 21px; font-variant-numeric: tabular-nums; }
.dashboard-executive-grid { gap: 24px; margin-bottom: 28px; }
.executive-summary-card { padding: 26px; border-radius: 8px; }
.operation-summary-card { border-top: 3px solid var(--brand); }
.executive-card-head { padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.executive-card-head h3 { font-size: 22px; letter-spacing: -.025em; }
.operation-total { border: 0; padding: 4px 0 18px; }
.operation-total strong { font-size: 46px; font-variant-numeric: tabular-nums; }
.operation-status-list { grid-template-columns: 1fr; gap: 0; margin-top: 0; }
.operation-status-list button { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; min-height: 47px; padding: 10px 4px; }
.operation-status-list button:last-child { border-bottom: 0; }
.operation-status-list b { font-size: 19px; font-variant-numeric: tabular-nums; }
.post-sales-summary-card { background: #102f3a; color: #fff; border-color: #102f3a; }
.post-sales-summary-card .eyebrow { color: #70d5c4; }
.post-sales-summary-card .executive-card-head { border-color: #35505a; }
.post-sales-summary-card .executive-card-head p { color: #b9ccd0; }
.post-sales-summary-card .round-btn { background: #254752; color: #fff; }
.post-sales-overview { gap: 0; }
.post-sales-overview button { background: transparent; border: 0; border-right: 1px solid #35505a; border-radius: 0; padding: 12px 16px; color: #fff; }
.post-sales-overview button:first-child { padding-left: 0; }
.post-sales-overview button:last-child { border-right: 0; }
.post-sales-overview button:hover { background: #1d414c; }
.post-sales-overview span, .post-sales-overview small { color: #b9ccd0; }
.post-sales-overview b { font-size: clamp(23px, 2.2vw, 32px); font-variant-numeric: tabular-nums; }
.tagvera-impact { background: transparent; border: 1px solid #447e7a; border-left: 4px solid #70d5c4; box-shadow: none; border-radius: 0 6px 6px 0; margin-top: 24px; padding: 20px; }
.tagvera-impact span { color: #91d9cd; }
.tagvera-impact strong { color: #fff; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.tagvera-impact small { color: #c5ddd7; }
.post-sales-summary-card .metric-explanation { color: #b9ccd0; }
.simple-attention-panel { border-top: 3px solid #c08b40; margin-bottom: 24px; }
.simple-panel-head { padding: 22px 24px; }
.simple-quick-actions { gap: 0; }
.simple-quick-actions button { background: transparent; border: 0; border-left: 1px solid var(--line); border-radius: 0; }
.simple-quick-actions button:first-child { border-left: 0; }
.simple-quick-actions button:hover { background: #edf4f0; }

/* Registers share a quiet header, aligned values and explicit focus/hover states. */
.main table th { background: #eef3f0; color: #4b656b; }
.main table td { border-color: #e3eae7; }
.main tbody tr:hover { background: #f3f8f5; }
.main .row-btn { border-radius: 5px; background: #eaf1ee; color: #225551; }
.main .row-btn:hover { background: #d8e9e2; }
.main .chip { border-radius: 5px; background: transparent; border-color: #ccd9d5; }
.main .chip.active { background: #183e47; color: #fff; border-color: #183e47; }
.asset-search-tools input, .qr-toolbar input, .qr-toolbar select { border-radius: 6px; }
.qr-kpi-grid { gap: 0; background: #fff; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.qr-kpi-grid button { border: 0; border-right: 1px solid var(--line); border-radius: 0; box-shadow: none; border-bottom: 3px solid transparent; }
.qr-kpi-grid button:last-child { border-right: 0; }
.qr-kpi-grid button:hover, .qr-kpi-grid button.active { transform: none; box-shadow: none; background: #edf6f1; border-bottom-color: var(--brand); }
.qr-kpi-grid span, .qr-kpi-grid small { color: #536a74; }
.qr-kpi-grid strong { font-variant-numeric: tabular-nums; }
.qr-toolbar { border-radius: 6px; }
.qr-state { border-radius: 4px; font-weight: 750; }
.qr-table td small { color: #536a74; }
.qr-pagination { border-top: 1px solid var(--line); }
.company-card, .end-client-card, .opportunity-card, .asset-type-config-card { box-shadow: none; border-color: var(--line); border-radius: 8px; }

/* Section numbers form a continuous trace through long forms. */
.modal { border-radius: 12px; box-shadow: 0 20px 60px #09253133; }
.modal-head { border-bottom: 1px solid var(--line); padding-bottom: 18px; }
.modal .form-section { border-radius: 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; padding-bottom: 24px; margin-bottom: 24px; }
.modal .section-number { background: #e5f1ec; color: #176259; border: 1px solid #b7d4c9; border-radius: 5px; font-variant-numeric: tabular-nums; }
.modal input:not([type=checkbox]):not([type=radio]), .modal select, .modal textarea { border-radius: 6px; border-color: #bdcfca; background: #fcfdfb; }
.modal :is(input,select,textarea):focus { border-color: var(--brand); background: #fff; }
.modal .form-section-title { color: #173f47; }
.modal-actions { box-shadow: 0 -6px 16px #102f3a06; }

@media (min-width: 781px) {
  .app-shell { display: block; }
  .sidebar {
    display: grid; grid-template-columns: minmax(0,1fr) auto;
    grid-template-areas: "brand session" "management administration";
    position: relative; top: auto; height: auto; width: 100%; max-width: none;
    padding: 20px clamp(20px,3vw,48px) 0; gap: 17px 20px;
    background: #102f3a; box-shadow: none; overflow: visible;
    border-bottom: 3px solid #79cbbb;
  }
  .sidebar .logo.tagvera-brand { grid-area: brand; align-self: center; padding: 0; }
  .sidebar .logo .tagvera-wordmark { width: 173px; }
  .sidebar .logo small { color: #b0c9c9; font-size: 9px; letter-spacing: .16em; }
  .sidebar .sidebar-bottom { grid-area: session; grid-column: 1/-1; justify-self: end; max-width: calc(100% - 230px); display: flex; align-items: center; justify-content: flex-end; gap: 24px; margin: 0; }
  .sidebar .plan-card { display: block; background: transparent; border: 0; border-left: 1px solid #42616a; border-radius: 0; box-shadow: none; margin: 0; padding: 0 0 0 18px; max-width: 320px; }
  .sidebar .plan-top { font-size: 9px; margin-bottom: 5px; }
  .sidebar .plan-card b { font-size: 12px; }
  .sidebar .plan-card small { color: #b4c9ce; font-size: 10px; margin-top: 3px; }
  .sidebar .user-session { border: 1px solid #42616a; border-radius: 6px; padding: 9px 12px; background: #183b47; }
  .sidebar .user-session small, .sidebar .user-session>span { color: #c0d4d8; }
  .sidebar .nav-label, .sidebar .nav-divider { display: none; }
  .sidebar nav { display: flex; flex-wrap: wrap; align-items: stretch; gap: 0 3px; padding: 0; }
  .sidebar nav:first-of-type { grid-area: management; }
  .sidebar nav:last-of-type { grid-area: administration; justify-content: flex-end; border-left: 1px solid #35545e; padding-left: 12px; }
  .sidebar nav:last-of-type:not(:has(.nav-item:not(.role-hidden))) { display: none; }
  .sidebar .nav-item { border-radius: 0; border-bottom: 3px solid transparent; padding: 13px 9px; gap: 6px; color: #bcd0d3; min-height: 48px; box-shadow: none; background: transparent; }
  .sidebar .nav-item b { font-size: 12px; font-weight: 650; white-space: nowrap; }
  .sidebar .nav-item span { width: 18px; font-size: 16px; color: #8db2b5; }
  .sidebar .nav-item.active { border-bottom-color: #79cbbb; color: #fff; background: #20434e; }
  .sidebar .nav-item:hover { background: #20434e; color: #fff; }
  .sidebar .nav-item.active span { color: #9ae3d3; }
  .sidebar .nav-item i { min-width: 19px; height: 19px; font-size: 10px; margin-left: 1px; background: #2d5661; color: #e0f3ef; border-radius: 4px; }
  .sidebar .nav-item:focus-visible { outline-color: #9ae3d3; outline-offset: -3px; }
  .main { max-width: 1600px; padding-inline: clamp(20px,3vw,48px); }
  .topbar { margin-inline: 0; padding-inline: 0; min-height: 88px; flex-wrap: wrap; padding-block: 14px; gap: 12px; }
  .topbar .search { min-width: 190px; max-width: 290px; }
}
@media (min-width: 781px) and (max-width: 1180px) {
  .sidebar { grid-template-areas: "brand session" "management management" "administration administration"; row-gap: 8px; }
  .sidebar nav:last-of-type { justify-content: flex-start; border-left: 0; border-top: 1px solid #35545e; padding-left: 0; }
  .sidebar .nav-item { padding-block: 10px; }
  .dashboard-executive-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .topbar .top-actions { flex-wrap: wrap; }
}
@media (max-width: 780px) {
  .sidebar { background: #102f3a; border-right: 3px solid #79cbbb; }
  .sidebar .nav-item.active { background: #20434e; box-shadow: inset 3px 0 #79cbbb; }
  .sidebar .nav-item:focus-visible { outline-color: #9ae3d3; }
  .topbar { margin: 0 0 20px; flex-wrap: wrap; padding: 12px 0; }
  .topbar-left { flex: 1; }
  .topbar .top-title { display: block; }
  .topbar #newAssetBtn { width: auto; min-width: 128px; white-space: nowrap; }
  .main .top-title h1 { font-size: 17px; }
  .dashboard-welcome-simple { padding-top: 0; }
  .simple-kpi-grid { gap: 0; }
  .kpi.simple-kpi { padding: 20px 14px; min-height: 132px; border-bottom: 1px solid var(--line); }
  .kpi.simple-kpi:first-child { padding-left: 14px; }
  .kpi.simple-kpi:nth-child(2n) { border-right: 0; }
  .dashboard-executive-grid { grid-template-columns: 1fr; gap: 20px; }
  .simple-quick-actions button { border-left: 0; border-bottom: 1px solid var(--line); }
  .simple-quick-actions button:last-child { border-bottom: 0; }
  .qr-kpi-grid button { padding: 15px; border-bottom-width: 3px; }
  .qr-kpi-grid button:nth-child(2n) { border-right: 0; }
  .qr-kpi-grid button:last-child { grid-column: 1/-1; }
  .main .qr-toolbar { padding: 16px; }
  .modal { border-radius: 12px 12px 0 0; }
}
@media (max-width: 420px) {
  .topbar .top-actions { width: 100%; justify-content: flex-end; }
  .topbar .top-actions .search { flex: 1; min-width: 0; }
  .qr-capacity-strip button { padding: 13px; }
  .executive-summary-card { padding: 20px; }
  .post-sales-overview { grid-template-columns: 1fr; }
  .post-sales-overview button { border-right: 0; border-bottom: 1px solid #35505a; padding: 12px 0; }
  .tagvera-impact { padding: 17px; }
  .tagvera-impact strong { font-size: 29px; }
  .agenda-toolbar { grid-template-columns: minmax(0,1fr); }
  .agenda-toolbar h3 { grid-column: 1; grid-row: 1; }
  .agenda-toolbar .agenda-navigation { grid-column: 1; grid-row: 2; flex-wrap: wrap; }
  .agenda-toolbar .agenda-modes { grid-column: 1; grid-row: 3; justify-content: space-between; }
  .agenda-modes button { flex: 1; }
}
@media print {
  .workspace-skip { display: none; }
}

.technician-services-panel{margin-top:20px}.technician-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.technician-summary article{padding:14px;border-radius:12px;background:#f0f7f6;border:1px solid #d7e9e5}.technician-summary b{display:block;font-size:28px;color:#073148}.technician-summary span{font-size:12px;color:#59707a}.technician-services-list{display:grid;gap:10px}.technician-service-card,.technician-notification{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.technician-service-card h4,.technician-notification h4{margin:8px 0 4px;color:#08293c}.technician-service-card p,.technician-notification p{margin:0 0 5px;color:#49616c}.technician-service-card small{display:block;color:#71828a;margin-top:3px}.technician-notification.unread{border-left:4px solid #10a88b}.technician-notification.read{opacity:.72}.technician-notification p{white-space:normal;line-height:1.45}.hidden{display:none!important}
.workorder-toolbar{display:grid;grid-template-columns:minmax(180px,2fr) repeat(4,minmax(120px,1fr));gap:12px;margin:0 0 14px}.workorder-toolbar label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#496174}.workorder-toolbar input,.workorder-toolbar select{min-width:0}.confirmation-context{display:grid;gap:4px;padding:13px 15px;margin:-2px 0 16px;border:1px solid #d8e8e6;border-radius:12px;background:#f3faf9}.confirmation-context b{color:#0f3044}.confirmation-context span{font-size:13px;color:#31556b}.confirmation-context small{color:#708496}
@media(max-width:700px){.technician-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.technician-service-card,.technician-notification{align-items:flex-start;flex-direction:column}.technician-service-card .row-btn,.technician-notification .row-btn{width:100%}}
@media(max-width:820px){.workorder-toolbar{grid-template-columns:1fr 1fr}.workorder-toolbar label:first-child{grid-column:1/-1}}
@media(max-width:520px){.workorder-toolbar{grid-template-columns:1fr}.workorder-toolbar label:first-child{grid-column:auto}.confirmation-context{margin-bottom:12px}}

.schedule-admin-panel{margin:18px 0}.schedule-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.schedule-admin-panel label{display:grid;gap:6px;color:#173c4b;font-size:13px;font-weight:800}.schedule-admin-panel input,.schedule-admin-panel select{width:100%;min-height:42px;border:1px solid #ccdedb;border-radius:9px;padding:9px;background:#fff;color:#102f3d;font:inherit}.schedule-admin-panel label small{font-size:11px;font-weight:500;color:#65807e;line-height:1.35}.schedule-support-notice{display:grid;gap:3px;margin:2px 0 15px;padding:11px 13px;border:1px solid #e8ca83;border-radius:10px;background:#fff8e8;color:#76551b;font-size:12px}.schedule-support-notice b{font-size:12px}.schedule-support-notice span{font-size:11px;line-height:1.4}.schedule-week-blocks{display:grid;gap:10px;margin-top:16px}.schedule-weekday{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:13px;border:1px solid #d7e7e4;border-radius:12px;background:#f9fcfb}.schedule-weekday-title{display:flex;align-items:flex-start;gap:9px}.schedule-weekday-title input{width:18px;min-height:auto;margin-top:2px}.schedule-weekday-title b,.schedule-weekday-title small{display:block}.schedule-weekday-title small{margin-top:4px;color:#6e8584;font-size:11px}.schedule-block-list{display:grid;gap:8px}.schedule-block-row{display:grid;grid-template-columns:1fr 1fr minmax(115px,1fr) auto;gap:8px;align-items:end}.schedule-block-row button{min-height:42px}.schedule-day-capacity{margin-top:8px;max-width:210px}.schedule-exceptions{margin-top:26px;padding-top:20px;border-top:1px solid #d7e7e4}.schedule-exceptions h4{margin:5px 0}.schedule-exceptions p{margin:0 0 14px;color:#607979;font-size:13px;line-height:1.45}.schedule-exception-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border-radius:12px;background:#f4f9f8}.schedule-exception-form .span2{grid-column:span 2}.schedule-exception-form button{align-self:end;min-height:42px}.schedule-exceptions-list{display:grid;gap:8px;margin-top:13px}.schedule-exception-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid #dbe8e5;border-radius:10px}.schedule-exception-row b,.schedule-exception-row small{display:block}.schedule-exception-row small{color:#66807d;margin-top:3px}.schedule-exception-actions{display:flex;gap:8px;flex-wrap:wrap}.agenda-capacity-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}.agenda-capacity-panel article{padding:13px;border-radius:12px;background:#eaf7f4;border:1px solid #cde8e1}.agenda-capacity-panel span,.agenda-capacity-panel b,.agenda-capacity-panel small{display:block}.agenda-capacity-panel span{font-size:11px;font-weight:800;color:#39706c}.agenda-capacity-panel b{font-size:20px;color:#0b4c4b;margin:3px 0}.agenda-capacity-panel small{font-size:11px;color:#62807e}@media(max-width:760px){.schedule-settings-grid,.schedule-exception-form{grid-template-columns:1fr}.schedule-exception-form .span2{grid-column:auto}.schedule-weekday{grid-template-columns:1fr}.schedule-block-row{grid-template-columns:1fr 1fr}.schedule-block-row button{grid-column:span 2}.schedule-day-capacity{max-width:none}.schedule-exception-row{align-items:flex-start;flex-direction:column}.schedule-exception-row .btn{width:100%}.schedule-exception-actions{width:100%}}

.agenda-workspace-tabs{display:flex;gap:8px;overflow-x:auto;margin:16px 0 12px;padding-bottom:2px}.agenda-workspace-tabs button{flex:0 0 auto;border:1px solid #d6e3e1;border-radius:999px;padding:10px 15px;background:#fff;color:#315b65;font:800 13px inherit;cursor:pointer}.agenda-workspace-tabs button.active{background:#0d827d;border-color:#0d827d;color:#fff}.schedule-admin-panel [data-schedule-section][hidden]{display:none}.schedule-section-intro{margin:4px 0 14px;color:#607979;line-height:1.45}.schedule-weekday{display:block;padding:0;overflow:hidden}.schedule-weekday summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;cursor:pointer;list-style:none}.schedule-weekday summary::-webkit-details-marker{display:none}.schedule-weekday summary:hover{background:#f1f8f6}.schedule-weekday-title{flex:1}.schedule-edit-day{color:#0b817b;font-size:12px;font-weight:800}.schedule-weekday-body{padding:0 13px 13px;border-top:1px solid #e0ece9}.schedule-weekday-body .schedule-block-list{margin-top:12px}.schedule-exceptions-head,.agenda-day-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.schedule-exception-form-actions{display:flex;align-items:end;gap:8px}.agenda-day-actions{margin:14px 0}.agenda-day-actions h3{margin:3px 0 4px;color:#0b3044}.agenda-day-actions p{margin:0;color:#607979;font-size:13px}.agenda-day-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.workorder-summary-alert{border:1px solid #f2cf86;border-radius:12px;padding:14px;background:#fff8e7;text-align:left;cursor:pointer}.workorder-summary-alert.has-pending{border-left:4px solid #e5a114}.workorder-summary-alert span,.workorder-summary-alert b,.workorder-summary-alert small{display:block}.workorder-summary-alert b{font-size:28px;color:#9a6404}.workorder-summary-alert small{color:#816c44}@media(max-width:760px){.agenda-workspace-tabs{margin-left:-2px}.schedule-exceptions-head,.agenda-day-actions{flex-direction:column}.schedule-exceptions-head .btn,.agenda-day-action-buttons,.agenda-day-action-buttons .btn{width:100%}.schedule-exception-form-actions{display:grid;grid-template-columns:1fr 1fr}.schedule-weekday summary{align-items:flex-start}.schedule-edit-day{padding-top:3px}}
.agenda-pending-card{border:1px solid #f0d18f;text-align:left;cursor:pointer}.agenda-pending-card.has-pending{background:#fff9eb;border-left:4px solid #e7a51a}.agenda-pending-card span,.agenda-pending-card b,.agenda-pending-card small{display:block}.agenda-pending-card b{color:#9c6708}

/* Identidad TAGVERA: todos los módulos comparten el lenguaje de la web pública. */
:root{
  --ink:#163d36;--ink-2:#31564e;--muted:#60736c;--line:#d6ded7;--bg:#f7f9f6;--panel:#fff;
  --nav:#123f3a;--nav-soft:#0b2c29;--dark:#0b2c29;--brand:#53776b;--brand-dark:#315f53;--accent:#d7f78c;
  --lime:#d7f78c;--paper:#f7f9f6;--soft:#e8eee7;--body:#51645c;--shadow:0 12px 32px rgba(18,63,58,.07)
}
body{font-family:Archivo,Arial,sans-serif;background:var(--paper);color:var(--ink);letter-spacing:-.005em}
.main{background:var(--paper);color:var(--ink)}
.sidebar{background:var(--nav);border-bottom-color:var(--lime)}
.sidebar .logo small{color:#b8cdbf}
.sidebar .nav-item{color:#bfd0c5}.sidebar .nav-item span{color:#9db9aa}
.sidebar .nav-item:hover,.sidebar .nav-item.active{background:#23574c;color:#fff}
.sidebar .nav-item.active{border-bottom-color:var(--lime)}.sidebar .nav-item.active span{color:var(--lime)}
.sidebar .nav-item i{background:#2c6255;color:#eaf6d1}.sidebar .user-session{background:#1a4a40;border-color:#477468}
.sidebar .plan-card{border-color:#477468}.sidebar .plan-top{color:var(--lime)}
.topbar{border-bottom-color:var(--line);background:rgba(247,249,246,.96)}
.main .eyebrow{color:var(--brand);letter-spacing:.14em}
.top-title h1,.main .section-tools h2,.panel h3,.section-tools h3{color:var(--ink)}
.search,.network-pill,.notification-button,.top-user:hover,.top-user[aria-expanded=true]{background:#fff;border-color:var(--line)}
.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #d7f78c66}
.btn{border-radius:3px;font-family:inherit;letter-spacing:.005em}
.btn.primary{background:var(--nav);color:#fff;box-shadow:none}.btn.primary:hover:not(:disabled){background:#23574c}
.btn.secondary,.btn.ghost{background:transparent;border:1px solid #9baea1;color:var(--ink)}
.btn.secondary:hover:not(:disabled),.btn.ghost:hover:not(:disabled){background:var(--soft);border-color:var(--brand)}
.btn.white{background:#fff;color:var(--ink)}.btn.glass{border-color:#9db9aa;color:#fff}
.hero{background:var(--nav);box-shadow:none;border-radius:4px}.hero h2 span{color:var(--lime)}.hero p{color:#c9d9cc}
.automation-card{background:#0b2c29cc;border-color:#77938466}.automation-head>span{color:var(--lime);background:#d7f78c1f}.flow-icon{background:#23574c;color:var(--lime)}
.kpi,.panel,.company-card,.end-client-card,.opportunity-card,.asset-type-config-card,.recent-assets-panel,.reminder-card{background:var(--panel);border-color:var(--line);box-shadow:none;border-radius:5px}
.panel{padding:22px}.panel-head{border-color:var(--line)}.panel h3{font-weight:550}
.kpi.simple-kpi:hover,.simple-quick-actions button:hover,.recent-asset-row:hover{background:var(--soft)}
.kpi.simple-kpi strong,.operation-total strong,.operation-status-list b{color:var(--ink)}
.simple-kpi span,.simple-kpi small,.panel p,.section-tools p{color:var(--body)}
.qr-capacity-strip{background:#fff;border-color:var(--line);border-radius:4px}.qr-capacity-strip button{background:var(--soft)}.qr-capacity-strip button:hover{background:#dfead9}
.main table th{background:var(--soft);color:var(--body)}.main table td{border-color:var(--line)}.main tbody tr:hover{background:#f0f6ef}
.main .row-btn{background:var(--soft);color:var(--ink);border-radius:3px}.main .row-btn:hover{background:#dfead9;color:var(--dark)}
.main .chip{border-radius:3px;border-color:#9baea1;color:var(--body)}.main .chip.active{background:var(--nav);border-color:var(--nav);color:#fff}
.status.ok,.qr-state.available{background:#e5eddc;color:#365527}.status.warn,.qr-state.pending{background:#fbebca;color:#735a1d}.status.bad{background:#f5dfd7;color:#914d32}
.qr-kpi-grid,.qr-toolbar{border-color:var(--line);background:#fff;border-radius:5px}.qr-kpi-grid button:hover,.qr-kpi-grid button.active{background:var(--soft);border-bottom-color:var(--brand)}
.qr-toolbar label,.asset-search-tools label,.workorder-toolbar label{color:var(--body)}
.asset-search-tools input,.qr-toolbar input,.qr-toolbar select,.workorder-toolbar input,.workorder-toolbar select,.schedule-admin-panel input,.schedule-admin-panel select{border-color:#b8cbc0;border-radius:3px;background:#fcfdfb;color:var(--ink)}
.asset-search-tools input:focus,.qr-toolbar input:focus,.qr-toolbar select:focus,.workorder-toolbar input:focus,.workorder-toolbar select:focus,.schedule-admin-panel input:focus,.schedule-admin-panel select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #d7f78c66;outline:0}
.company-summary-strip,.config-company-bar,.config-onboarding,.help-hero,.help-video,.help-faq,.schedule-admin-panel,.agenda-capacity-panel article,.technician-service-card,.technician-notification{background:#fff;border-color:var(--line);box-shadow:none;border-radius:5px}
.company-summary-strip,.config-company-bar,.config-onboarding,.help-hero,.help-video,.help-faq{border-top:3px solid var(--brand)}
.config-industry-state,.config-count,.agenda-count{background:var(--soft);color:var(--brand);border-radius:3px}
.industry-template-card,.asset-type-config-card{border-color:var(--line);background:#fff}.industry-template-card:hover,.asset-type-config-card:hover{border-color:#9cb9a2;background:#f9fcf8}
.agenda-workspace-tabs button{border-color:#b8cbc0;background:#fff;color:var(--ink);border-radius:3px}.agenda-workspace-tabs button.active{background:var(--nav);border-color:var(--nav);color:#fff}
.schedule-weekday,.schedule-exception-row{border-color:var(--line);background:#fff;border-radius:4px}.schedule-weekday summary:hover{background:var(--soft)}
.agenda-capacity-panel article{background:var(--soft)}.agenda-capacity-panel b,.agenda-capacity-panel span{color:var(--ink)}
.modal-backdrop{background:#0b2c29aa}.modal{background:var(--paper);border:1px solid var(--line);border-radius:5px;box-shadow:0 24px 70px #09253133}
.modal-head{border-bottom-color:var(--line)}.modal-head h2{color:var(--ink);font-weight:550}.icon-btn{background:var(--soft);color:var(--ink);border-radius:3px}
.modal .form-section{border-bottom-color:var(--line)}.modal .section-number{background:var(--lime);border-color:#b9cf8d;color:var(--nav);border-radius:3px}.modal .form-section-title,.modal .form-content h4{color:var(--ink)}
.modal input:not([type=checkbox]):not([type=radio]),.modal select,.modal textarea{border-color:#b8cbc0;border-radius:3px;background:#fff;color:var(--ink)}
.modal input:not([type=checkbox]):not([type=radio]):focus,.modal select:focus,.modal textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #d7f78c66;outline:0}
.company-plan-option{border-color:var(--line);background:#fff;border-radius:4px}.company-plan-option:hover,.company-plan-option.selected{border-color:var(--brand);background:var(--soft)}.company-plan-option.selected{box-shadow:inset 0 0 0 2px var(--brand)}
.company-admin-notice,.company-industry-preview,.client-scope-notice,.confirmation-context{background:var(--soft);border-color:#c9d9c9;border-radius:4px}.company-admin-notice>span,.company-industry-preview>span{color:var(--brand)}
.onboarding-company{background:var(--soft);border-color:var(--line);border-radius:4px}.onboarding-company>span{background:var(--nav);color:var(--lime)}
.onboarding-progress i{background:#cad9cd}.onboarding-progress i.active,.onboarding-progress i.done{background:var(--brand)}
.onboarding-checklist article{border-color:var(--line);background:#fff;border-radius:4px}.onboarding-checklist article>span{background:var(--lime);color:var(--nav)}
.help-hero-visual,.help-video-visual{background:var(--nav);color:var(--lime)}.help-tutorial-card{border-color:var(--line);background:#fff;border-radius:4px}.help-tutorial-card:hover{background:var(--soft);border-color:#9cb9a2}
.toast{background:var(--nav);border-radius:3px}.toast.error{background:#914d32}
.tagvera-impact{border-color:#477468;border-left-color:var(--lime);background:transparent}.post-sales-summary-card{background:var(--nav);border-color:var(--nav)}
.workorder-summary-alert{border-color:#c6d79a;background:#f5f8e9;border-radius:4px}.workorder-summary-alert.has-pending{border-left-color:#8ba84f}.workorder-summary-alert b{color:#5b7533}
@media(max-width:780px){.sidebar{background:var(--nav);border-right-color:var(--lime)}.sidebar .nav-item.active{background:#23574c;box-shadow:inset 3px 0 var(--lime)}.topbar{background:transparent}.panel{padding:18px}.company-plan-option{padding:13px}}

/* Agenda, oportunidades y QR: mejoras puntuales de operación */
.opportunity-results-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px}.opportunity-results-count{color:var(--muted);font-size:11px;font-weight:750}.agenda-overview .agenda-summary-card{border:1px solid var(--line);border-radius:5px;padding:13px 15px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;font:inherit}.agenda-overview .agenda-summary-card:hover,.agenda-overview .agenda-summary-card.active{border-color:var(--brand);box-shadow:0 0 0 2px #d7f78c66}.agenda-overview .agenda-summary-card span,.agenda-overview .agenda-summary-card b,.agenda-overview .agenda-summary-card small{display:block}.agenda-overview .agenda-summary-card span{font-size:8px;color:var(--muted);font-weight:850}.agenda-overview .agenda-summary-card b{font-size:20px;margin:4px 0}.agenda-overview .agenda-summary-card small{font-size:8px;color:#8491a0}.agenda-summary-detail{margin:0 0 12px;padding:16px}.agenda-summary-detail-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--line)}.agenda-summary-detail-head h3{margin:4px 0;font-size:17px}.agenda-summary-detail-head p{margin:0;color:var(--muted);font-size:11px}.agenda-summary-list{display:grid}.agenda-summary-list>article{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.agenda-summary-list>article:last-child{border-bottom:0}.agenda-summary-list b,.agenda-summary-list small{display:block}.agenda-summary-list b{font-size:12px;margin-top:5px}.agenda-summary-list small{color:var(--muted);font-size:10px;margin-top:4px}.agenda-summary-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.agenda-capacity-panel .agenda-slot.blocked{background:#fff4f1;border-color:#edc5bd}.agenda-capacity-panel .agenda-slot.reserved{background:#fff8e8;border-color:#eed69c}.agenda-capacity-panel .agenda-slot.available{background:#edf8f4;border-color:#d2e9df}.qr-known-target{display:grid;gap:5px;margin:14px 0;padding:14px;border:1px solid var(--brand);border-radius:5px;background:var(--soft)}.qr-known-target span{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.qr-known-target b{font-size:14px}.qr-known-target small{color:var(--muted);font-size:11px;line-height:1.4}
@media(max-width:760px){.opportunity-results-row{align-items:flex-start;flex-direction:column}.opportunity-results-row .row-btn{width:100%}.agenda-summary-list>article{align-items:flex-start;flex-direction:column}.agenda-summary-actions,.agenda-summary-actions .row-btn{width:100%}.agenda-summary-actions{display:grid;grid-template-columns:1fr 1fr}.agenda-summary-detail{padding:13px}.agenda-capacity-panel{grid-template-columns:1fr}.agenda-capacity-panel article{min-height:0}}

/* Revisión funcional y UX: clientes, filtros, alertas y seguridad de acceso */
.dashboard-secondary-insights[hidden]{display:none!important}.view-compact-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px}.view-compact-actions p{margin:4px 0 0;color:var(--muted);font-size:12px}.client-operational-table-wrap{padding:0;overflow:auto}.client-operational-table{width:100%;border-collapse:collapse;min-width:920px}.client-operational-table th{font-size:10px;letter-spacing:.05em;text-transform:uppercase}.client-operational-table td{padding:14px 13px;vertical-align:middle}.client-operational-table td small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.client-operational-cards{display:none}.client-asset-operational{display:grid!important;grid-template-columns:minmax(0,1.35fr) auto minmax(220px,.9fr)!important;align-items:center;gap:14px}.client-asset-operational>div:first-child{min-width:0}.client-asset-operational span>small{display:block;margin-top:3px;color:var(--muted)}.client-asset-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.client-location-tools{display:grid;gap:10px;padding:12px;border:1px solid var(--line);background:#f8fbf8}.client-location-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.client-location-actions small,.client-map-preview small{color:var(--muted);font-size:11px}.location-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.address-suggestions{display:grid;border:1px solid var(--line);background:#fff}.address-suggestions button{padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;font:inherit;color:var(--ink);cursor:pointer}.address-suggestions button:hover{background:var(--soft)}.client-map-preview{display:grid;gap:7px}.client-map-preview iframe{width:100%;height:220px;border:0;background:#eef3ed}.asset-advanced-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 15px;padding:14px}.asset-advanced-filters label{display:grid;gap:6px;color:var(--body);font-size:11px;font-weight:750}.asset-advanced-filters select{min-height:38px;border:1px solid #b8cbc0;border-radius:3px;background:#fff;padding:0 9px;color:var(--ink);font:inherit}.workorder-toolbar{padding:14px;border:1px solid var(--line);background:#f8fbf8;border-radius:5px}.workorder-toolbar input,.workorder-toolbar select{min-height:40px}.reminder-bulk-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 14px;padding:13px 16px;background:#f8fbf8}.reminder-bulk-toolbar label{display:flex;align-items:center;gap:8px;font-weight:750;font-size:12px}.reminder-bulk-toolbar span{color:var(--muted);font-size:11px}.reminder-bulk-toolbar .btn{margin-left:auto}.reminder-card{position:relative}.reminder-select{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:750;color:var(--muted)}.reminder-bulk-preview{display:grid;gap:8px;margin:14px 0}.reminder-bulk-preview article{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid var(--line);padding:11px;background:#fff}.reminder-bulk-preview b,.reminder-bulk-preview small{display:block}.reminder-bulk-preview small{margin-top:4px;color:var(--muted);font-size:11px}.reminder-bulk-preview span{font-size:11px;color:var(--body);text-align:right}.reminder-bulk-note{display:flex;gap:8px;align-items:flex-start;padding:12px;background:#f5f8e9;border-left:3px solid var(--brand);font-size:11px;color:var(--body)}.user-access-context{display:grid;gap:4px;padding:12px;margin:14px 0;background:var(--soft);border:1px solid var(--line)}.user-access-context span{font-size:11px;color:var(--muted)}.access-mode-options{display:flex;gap:15px;flex-wrap:wrap;border:1px solid var(--line);padding:12px;margin:0 0 12px}.access-mode-options legend{padding:0 5px;color:var(--body);font-size:11px;font-weight:800}.access-mode-options label{display:flex;gap:6px;align-items:center;font-size:12px}.user-access-note{margin:12px 0;color:var(--muted);font-size:11px;line-height:1.5}.user-access-modal{max-width:620px}
@media(min-width:1200px){.sidebar nav{flex-wrap:nowrap}.sidebar nav:first-of-type{overflow-x:auto;scrollbar-width:none}.sidebar nav:last-of-type{flex-wrap:nowrap;white-space:nowrap}.sidebar .nav-item{white-space:nowrap;flex:0 0 auto}}
@media(max-width:900px){.asset-advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.client-asset-operational{grid-template-columns:1fr!important}.client-asset-actions{justify-content:flex-start}.client-operational-table-wrap{display:none}.client-operational-cards{display:grid;gap:11px}.client-operational-card{display:grid;gap:12px}.client-operational-card h3{margin:4px 0}.client-operational-card p{margin:0;color:var(--muted);font-size:12px}.client-operational-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.client-operational-stats span{display:grid;gap:3px;padding:9px;background:var(--soft);font-size:10px;color:var(--muted)}.client-operational-stats b{font-size:16px;color:var(--ink)}.client-operational-stats .danger b{color:#914d32}}
@media(max-width:600px){.view-compact-actions{align-items:stretch;flex-direction:column}.view-compact-actions .btn{width:100%}.asset-advanced-filters{grid-template-columns:1fr}.location-coordinates{grid-template-columns:1fr}.reminder-bulk-toolbar .btn{width:100%;margin-left:0}.reminder-select{position:static;margin:0 0 5px}.reminder-bulk-preview article{align-items:flex-start;flex-direction:column}.reminder-bulk-preview span{text-align:left}.client-operational-stats{grid-template-columns:1fr 1fr}.client-map-preview iframe{height:180px}}

/* Listados operativos y preparación múltiple de recordatorios */
#endClientsGrid.end-clients-grid{display:block;width:100%}
#endClientsGrid .client-operational-table-wrap{width:100%;max-width:none}
.asset-reminder-toolbar{display:flex;align-items:center;gap:16px;margin:0 0 15px;padding:14px 16px;background:#f8fbf8;border-left:4px solid var(--brand)}
.asset-reminder-toolbar.hidden{display:none}
.asset-reminder-toolbar>label{display:flex;align-items:center;gap:10px;min-width:0;font-size:12px;font-weight:800;color:var(--ink)}
.asset-reminder-toolbar>label>span{white-space:nowrap}
.asset-reminder-toolbar>label small{font-size:10px;line-height:1.4;color:var(--muted);font-weight:500}
.asset-reminder-toolbar input,.asset-reminder-row-select input{width:18px;height:18px;accent-color:var(--nav);flex:none}
.asset-reminder-toolbar>#assetReminderSelectionCount{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}
.asset-reminder-row-select{display:grid;place-items:center;flex:none;cursor:pointer}
.asset-reminder-row-select>span{display:none}
.asset-reminder-row-select.unavailable{cursor:not-allowed;opacity:.42}
#assetsView tbody tr.selected-for-reminder{background:#f1f8ec;box-shadow:inset 4px 0 var(--brand)}
.reminder-bulk-send-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.reminder-bulk-send-actions .row-btn{text-decoration:none}
@media(max-width:900px){.client-operational-cards{display:flex;flex-direction:column;gap:0;overflow:hidden;border:1px solid var(--line);background:#fff}.client-operational-card{border:0;border-bottom:1px solid var(--line);border-radius:0}.client-operational-card:last-child{border-bottom:0}.asset-reminder-toolbar{align-items:flex-start;flex-wrap:wrap}.asset-reminder-toolbar>label{flex:1 1 100%}.asset-reminder-toolbar>#assetReminderSelectionCount{margin-left:0}}
@media(max-width:600px){.asset-reminder-toolbar{gap:12px}.asset-reminder-toolbar>label{align-items:flex-start}.asset-reminder-toolbar>label>span{white-space:normal}.asset-reminder-toolbar>label small{display:block}.asset-reminder-toolbar .btn{width:100%}.reminder-bulk-send-actions{width:100%;justify-content:flex-start}.reminder-bulk-send-actions .row-btn{flex:1;text-align:center}}


/* TECHNICIAN WORKSPACE ALIGNMENT */
.technician-service-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(170px,220px) 110px;
  align-items:center;
  gap:18px;
}

.technician-service-card > div:first-child{
  grid-column:1;
  min-width:0;
}

.technician-service-card > .status{
  grid-column:2;
  justify-self:center;
  text-align:center;
}

.technician-service-card > .row-btn:not(:last-child){
  grid-column:2;
  justify-self:center;
  min-width:150px;
}

.technician-service-card > .row-btn:last-child{
  grid-column:3;
  justify-self:end;
  min-width:90px;
}

@media(max-width:700px){
  .technician-service-card{
    grid-template-columns:1fr;
    align-items:stretch;
    gap:10px;
  }

  .technician-service-card > div:first-child,
  .technician-service-card > .status,
  .technician-service-card > .row-btn:not(:last-child),
  .technician-service-card > .row-btn:last-child{
    grid-column:1;
    justify-self:stretch;
  }

  .technician-service-card > .status{
    justify-self:start;
  }
}


/* TECHNICIAN DASHBOARD FILTERS */
.technician-summary{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}

.technician-summary-card{
  width:100%;
  border:1px solid #d7e9e5;
  border-radius:12px;
  background:#f0f7f6;
  padding:14px;
  text-align:left;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;
}

.technician-summary-card:hover{
  transform:translateY(-1px);
  border-color:#8fbeb5;
}

.technician-summary-card.active{
  background:#e2f2ee;
  border-color:#4f8f82;
  box-shadow:inset 0 0 0 1px #4f8f82;
}

.technician-summary-card b{
  display:block;
  font-size:28px;
  color:#073148;
  line-height:1;
}

.technician-summary-card span{
  display:block;
  margin-top:7px;
  font-size:12px;
  color:#59707a;
}

@media(max-width:900px){
  .technician-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:520px){
  .technician-summary{
    grid-template-columns:1fr;
  }
}


/* WORK ORDER SUMMARY FILTERS */
.workorder-summary-filter{
  width:100%;
  border:1px solid var(--line);
  border-radius:5px;
  padding:14px;
  background:#fff;
  color:var(--ink);
  text-align:left;
  font:inherit;
  cursor:pointer;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease;
}

.workorder-summary-filter:hover{
  transform:translateY(-1px);
  border-color:var(--brand);
}

.workorder-summary-filter.active{
  border-color:var(--brand);
  background:#f5f8e9;
  box-shadow:0 0 0 2px #d7f78c66;
}

.workorder-summary-filter span,
.workorder-summary-filter b,
.workorder-summary-filter small{
  display:block;
}

.workorder-summary-filter span{
  font-size:10px;
  font-weight:850;
  color:var(--muted);
}

.workorder-summary-filter b{
  margin:4px 0;
  font-size:28px;
  color:var(--ink);
}

.workorder-summary-filter small{
  font-size:11px;
  color:var(--muted);
}

.workorder-summary-filter.workorder-summary-alert b{
  color:#5b7533;
}

/* Estados y resumen de Ordenes de Trabajo */
.status.draft{
  background:#e8eef2;
  color:#506979;
}

.workorder-summary{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.workorder-summary-draft{
  border-color:#ccd9df;
  background:#f7fafb;
}

.workorder-summary-draft b{
  color:#506979;
}

@media(max-width:1100px){
  .workorder-summary{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media(max-width:760px){
  .workorder-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:520px){
  .workorder-summary{grid-template-columns:1fr;}
}


/* DESKTOP NAVIGATION 100 PERCENT */
@media(min-width:1200px){
  .sidebar{
    grid-template-areas:
      "brand session"
      "management management"
      "administration administration";
    row-gap:8px;
  }

  .sidebar nav{
    width:100%;
    flex-wrap:wrap;
    overflow:visible;
  }

  .sidebar nav:first-of-type{
    overflow:visible;
  }

  .sidebar nav:last-of-type{
    justify-content:flex-start;
    border-left:0;
    border-top:1px solid #35545e;
    padding-left:0;
    white-space:normal;
  }

  .sidebar .nav-item{
    flex:0 0 auto;
    padding:10px 8px;
    white-space:nowrap;
  }

  .sidebar .nav-item b{
    font-size:11px;
  }
}