:root{--ink:#292824;--muted:#66625a;--green:#705316;--lime:#f9b41f;--line:#e5e1d9;--bg:#f6f5f2}
a{color:#765514}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#b07500}.sidebar{padding-top:22px;overflow-y:auto}.sidebar .brand{padding:0 4px;display:block;letter-spacing:0}.corporate-logo{display:block;width:180px;height:60px;object-fit:contain;background:#fff}.sidebar .workspace{margin:18px 4px 16px;background:#fcfaf5}.sidebar .nav a{padding:9px 12px;font-size:12px;color:#504c44}.sidebar .nav a.active{background:#f9b41f;color:#201b10}.sidebar .nav a:hover{background:#fff0cf}.sidebar .foot{padding-top:20px}.topbar{background:#5b5852;color:#fff}.topbar button{background:transparent;border-color:#99948b;color:#fff}.topbar button:hover{background:#6b665c}.button.primary,button.primary{background:#f9b41f;border-color:#f9b41f;color:#221b0d;font-weight:650}.button.primary:hover,button.primary:hover{background:#e7a511}.tag{background:#f1eee6}.notice{background:#fbf5e8;border-color:#ba8a26}.panel,th{border-color:var(--line)}th{background:#faf8f3}.ops-tabs a[aria-current]{background:#5b5852}.intro{background:#5b5852}.response{white-space:pre-wrap;overflow-wrap:anywhere}
.login{background:#f9f7f2}.login-visual{background:linear-gradient(0deg,rgba(20,19,16,.82),rgba(20,19,16,0) 75%),url('/assets/corporate/boroo-personas.png') center 40%/cover;position:relative;justify-content:flex-end;min-height:100vh}.login-visual>.brand{display:none}.login-visual h1{font-size:clamp(30px,3vw,48px);line-height:1.12;text-shadow:0 2px 14px #0006;max-width:530px}.login-visual h1 em{color:#f9b41f;font-style:normal}.login-visual p{color:#fff;max-width:490px}.login-copy{margin-top:30px}.login-form{background:#fff}.login-inner>.corporate-logo{width:240px;height:90px;margin-bottom:32px}.login-inner h1{margin-bottom:12px}.login-inner>p{margin-bottom:25px}.login-product{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#776a50;margin-bottom:12px}
.boroo-hero{display:grid;grid-template-columns:1.12fr 1fr;min-height:330px;border-radius:18px;background:#35332e;color:#fff;overflow:hidden;margin-bottom:22px}.boroo-hero-copy{padding:38px;align-self:center}.boroo-hero h1{font-size:clamp(26px,2.5vw,38px);line-height:1.15;letter-spacing:-.8px}.boroo-hero p{color:#e4dfd3;margin:16px 0 24px;max-width:520px}.boroo-hero .eyebrow{color:#f9b41f;letter-spacing:2px;font-size:11px;margin:0 0 18px}.boroo-hero-photo{width:100%;height:100%;max-height:400px;object-fit:cover;object-position:center top}.home-metrics{margin:20px 0 32px;gap:14px}.home-section-title{margin:30px 0 16px}.home-section-title>a{font-size:12px}.boroo-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.boroo-quick-card{position:relative;display:block;background:#fff;border:1px solid var(--line);padding:24px;border-radius:14px;color:var(--ink);transition:transform .15s,box-shadow .15s}.boroo-quick-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #29220d0b;text-decoration:none;border-color:#d5ad53}.boroo-quick-card>span{font-size:11px;color:#866317;display:block;margin-bottom:25px}.boroo-quick-card h2{font-size:18px;margin-bottom:9px}.boroo-quick-card p{font-size:13px;color:var(--muted);padding-right:20px}.boroo-quick-card>b{position:absolute;top:20px;right:22px;color:#a88028;font-size:22px}.home-task{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink)}.home-task:last-child{border:0}.source-strip{padding:24px 28px;border:1px solid #e0ce9d;border-radius:12px;background:#faf5e8;display:grid;grid-template-columns:180px 1fr;gap:10px 24px}.source-strip p{font-size:13px}.source-strip a{grid-column:2;font-size:12px}.source-grid,.budget-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.source-grid h2{margin-top:18px}.budget-card[hidden]{display:none}.budget-card h2{margin-top:20px}.budget-value{display:block;font-size:28px;margin:18px 0 4px}.budget-card .button{margin-top:18px}.budget-metrics{margin:20px 0}.budget-metrics b{font-size:24px}.budget-route{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;gap:12px;margin:22px 0}.budget-route li{padding:16px;border:1px solid var(--line);border-top:3px solid #d7cfbd;border-radius:8px;overflow-wrap:anywhere}.budget-route li.done{border-top-color:#917127;background:#fcf7e9}.budget-route span,.budget-route small{display:block;margin-top:6px;font-size:11px}.budget-table{min-width:1600px}.budget-table td{white-space:nowrap;font-variant-numeric:tabular-nums}.budget-table th:first-child{min-width:220px}.budget-table small{display:block;margin-top:6px}.budget-month-inputs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.budget-month-inputs input{min-width:0}.budget-line{background:#fcfbf8}.budget-line>button{font-size:12px}
@media(max-width:1100px){.boroo-quick-grid,.source-grid,.budget-cards{grid-template-columns:repeat(2,1fr)}.boroo-hero-copy{padding:26px}.budget-route{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{overflow:visible;height:auto}.sidebar .brand{display:flex;justify-content:center}.corporate-logo{width:140px;height:47px}.sidebar .nav{overflow:auto}.boroo-hero{grid-template-columns:1fr;min-height:0}.boroo-hero-photo{height:clamp(200px,52vw,340px);grid-row:1;object-position:center top}.boroo-hero-copy{padding:25px}.boroo-hero h1{font-size:27px}.boroo-quick-grid,.source-grid,.budget-cards{grid-template-columns:1fr}.home-metrics .metricbox{min-width:40%;padding:16px}.source-strip{grid-template-columns:1fr;padding:20px}.source-strip a{grid-column:1}.home-task{align-items:flex-start}.budget-month-inputs{grid-template-columns:repeat(3,1fr)}.budget-route{grid-template-columns:1fr}.login-visual{display:none}.login-inner>.corporate-logo{width:210px;height:80px;margin-bottom:22px}.login-form{padding:30px 22px}.topbar .row{min-width:0}.topbar .row>span{overflow-wrap:anywhere}}
@media print{.sidebar,.topbar,.pagehead .actions,.notice,button,.ops-tabs{display:none!important}.shell{display:block}.main{margin:0}.content{padding:0!important;max-width:none!important}.panel{break-inside:avoid}.budget-route{grid-template-columns:repeat(4,1fr)}.tablewrap{overflow:visible}.budget-table{min-width:0;font-size:8px}.budget-table th,.budget-table td{padding:4px;font-size:7px;white-space:normal}.budget-table th:first-child{min-width:0}.budget-table small{font-size:7px}.budget-metrics .metricbox{min-width:100px}.budget-metrics b{font-size:15px}.content::before{content:'BOROO · PERSONAS';display:block;font-size:12px;font-weight:bold;border-bottom:2px solid #cfa13e;margin-bottom:20px}details{display:block}details>summary{display:none}details>*{display:block!important}a{color:#292824}}

.demo-label{font-size:11px;letter-spacing:.7px;background:#f9b41f;color:#211b0d;padding:5px 9px;border-radius:4px}.topbar{gap:12px}

.hc-areas{display:grid;gap:18px;margin-top:20px}.hc-area-card{border:1px solid #e3e0d8;border-radius:12px;padding:20px;min-width:0}.hc-area-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.hc-area-heading h2{font-size:18px;margin:0 0 5px}.hc-area-heading p{font-size:12px;color:#68655e;margin:0}.hc-area-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:22px 0}.hc-area-totals span{display:block;font-size:12px;color:#68655e;margin-bottom:6px}.hc-area-totals strong{display:block;font-size:20px}.hc-area-totals>div:last-child strong{font-size:14px}.hc-area-card details .tablewrap{width:100%;overflow-x:auto}.hc-area-card details table{min-width:1080px}.hc-area-card[hidden]{display:none}@media(max-width:700px){.hc-area-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-area-card{padding:16px}}

.hc-workspace{background:#f1efe8;border-radius:14px;padding:20px;margin:18px 0}.hc-workspace p{margin:8px 0 0;color:#625f58}.hc-proposal-summary{display:flex;gap:24px;flex-wrap:wrap;background:#f7f5ef;padding:16px;border-radius:12px;margin:18px 0}.hc-proposal-summary span{display:block;font-size:12px;color:#625f58}.hc-proposal-summary strong{font-size:25px}.hc-edit-table{min-width:850px}.hc-edit-table input[name=target]{min-width:80px}.hc-edit-table input[name=reason]{min-width:180px}

.annual-progress{width:100%;height:12px;accent-color:#b98c32}

/* Process navigation: preserve route permissions while grouping related screens. */
.sidebar .grouped-nav{display:flex;flex-direction:column;gap:5px;overflow:visible}
.sidebar .nav-group{margin:0;border:1px solid transparent;border-radius:10px;min-width:0}
.sidebar .nav-group summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;background:transparent;padding:12px;font-size:12px;color:#504c44;line-height:1.4}
.sidebar .nav-group summary::-webkit-details-marker{display:none}
.sidebar .nav-group summary::after{content:'›';font-size:19px;line-height:1;transition:transform .15s}
.sidebar .nav-group[open] summary::after{transform:rotate(90deg)}
.sidebar .nav-group summary:hover{background:#fff0cf}
.sidebar .nav-group summary:focus-visible{outline:2px solid #b07500;outline-offset:2px}
.sidebar .nav-group-active{border-color:#ecd8ac;background:#fffaf0}
.sidebar .nav-group-active summary{color:#765514}
.sidebar .nav-group-links{margin:0 8px 9px 18px;padding-left:8px;border-left:2px solid #ead9b5;display:flex;flex-direction:column;gap:3px}
.sidebar .nav-group-links a{font-size:12px;padding:9px 10px;line-height:1.4;white-space:normal}
.sidebar .nav-sub{margin:-2px 0 4px 12px;padding-left:8px;border-left:2px solid #f2d78a;display:flex;flex-direction:column;gap:2px}
.sidebar .nav-sub a{font-size:11.5px;padding:6px 10px;color:#5c5446}
.sidebar .nav-sub a.active{background:#fbe7b2;color:#3f3312;font-weight:600}
.ops-pager{margin-top:14px}.ops-pager a{margin:0 2px}.ops-sep{margin:0 10px;color:#b9b2a3}
@media(max-width:760px){.sidebar .grouped-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:5px}.sidebar .grouped-nav>a{grid-column:1/-1}.sidebar .nav-group[open]{grid-column:1/-1}.sidebar .nav-group summary{min-height:44px}.sidebar .nav-group-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .nav-group-links a{min-height:44px;display:flex;align-items:center;white-space:normal}}
@media(max-width:380px){.sidebar .grouped-nav,.sidebar .nav-group-links{grid-template-columns:1fr}}

@media screen{.shell .topbar{padding-right:235px;gap:12px;height:auto;min-height:76px;flex-wrap:wrap}.shell .topbar>.row{min-width:0}.shell .topbar>.row>span{overflow-wrap:anywhere}.sidebar .nav a:hover{text-decoration:none}.sidebar .nav a.active{text-decoration:none}.content :is(button,a.button):focus-visible{outline:2px solid #96701c;outline-offset:3px}}
@media(max-width:720px){.shell .topbar{padding-right:130px;min-height:72px}.shell .topbar>.row{gap:8px}}
@media screen{.language-control{position:absolute}}

/* User access administration */
.access-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.access-admin-choice{border:1px solid var(--border,#dbe3de);border-radius:10px;padding:14px;margin:16px 0}
.access-summary{min-width:260px;padding-left:18px;font-size:13px;line-height:1.8}
.access-matrix select{min-width:160px;margin:0}.access-matrix td{vertical-align:middle}
[data-access-row][hidden]{display:none}
@media(max-width:650px){.access-metrics{grid-template-columns:1fr}.access-matrix select{min-width:125px}}

.person-results{max-height:290px;overflow:auto;display:grid;gap:8px;margin:8px 0 18px}.person-result{text-align:left;display:grid;gap:5px;width:100%;padding:12px 14px;white-space:normal}.person-result span,.person-selection span{font-size:13px;overflow-wrap:anywhere}.person-result small,.person-selection small{color:#59665f}.person-result:focus-visible{outline:3px solid #bd860c;outline-offset:1px}.person-selection{background:#f3f7f2;border-left:4px solid #b78413;padding:12px 14px;margin:10px 0 20px;display:grid;gap:5px}.person-selection[hidden]{display:none}.person-search-status{font-size:13px}.person-query{font-weight:400}
/* Celular: el menú completo ya no empuja el contenido; se abre desde un botón. Objetivos táctiles de 44 px. */
.nav-toggle{display:none}
@media(max-width:720px){.sidebar .nav-toggle{display:flex;align-items:center;gap:8px;width:100%;min-height:46px;margin:10px 0 4px;padding:10px 14px;font-weight:600;font-size:14px;text-align:left;background:#fff;border:1px solid #d7dfd6;border-radius:8px}.sidebar .nav.grouped-nav{display:none}.sidebar.nav-open .nav.grouped-nav{display:grid}.sidebar .grouped-nav>a,.sidebar .nav-group summary,.sidebar .nav-group-links a{min-height:44px}.content button,.content .button,.content input:not([type=checkbox]),.content select{min-height:44px}.content input:not([type=checkbox]),.content select,.content textarea{font-size:16px}dialog button,dialog .button,dialog input:not([type=checkbox]),dialog select{min-height:44px}dialog input:not([type=checkbox]),dialog select,dialog textarea{font-size:16px}.sidebar .foot{display:none}}
/* Calendario de rotación */
.ops-calendar td,.ops-calendar th{text-align:center;padding:5px 3px;font-size:12px}.ops-calendar td:first-child,.ops-calendar th:first-child{text-align:left;white-space:nowrap}.ops-calendar td.on-site{background:#e7f0dc;color:#2f5d1f;font-weight:700}.ops-calendar td.off-site{color:#b8b3a6}
.hc-month-grid{display:grid;grid-template-columns:repeat(6,minmax(52px,1fr));gap:4px}.hc-month-grid input{padding:6px;font-size:12px;min-height:34px}.hc-semaphore{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.hc-semaphore.green{background:#4c8b3a}.hc-semaphore.amber{background:#d59539}.hc-semaphore.red{background:#a52727}.hc-semaphore.past,.hc-semaphore.upcoming{background:#c9c4b6}

.org-lane{position:absolute;left:0;right:0;border-top:1px dashed #d9d2c1;pointer-events:none;background:transparent}.org-lane-alt{background:rgba(242,182,50,.05)}.org-lane-label{position:absolute;left:8px;top:10px;max-width:130px;white-space:normal;line-height:1.25;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8a7a4d;background:#fffaf0;border:1px solid #ecd8ac;border-radius:6px;padding:2px 8px}.org-node{z-index:1}.org-connectors{z-index:0;position:absolute;left:0;top:0}.org-level{display:inline-block;margin-top:4px;font-size:10.5px;color:#6b6250;background:#f1eee6;border-radius:6px;padding:1px 6px}.org-level-issue{background:#fff0d7;color:#875c1a}

.ops-hidden{display:none!important}

.combo{position:relative;display:block}.combo-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;margin:0;padding:0;border:0}.combo-input{width:100%}.combo-list{position:absolute;left:0;right:0;top:100%;z-index:30;max-height:260px;overflow:auto;background:#fff;border:1px solid #cfcabd;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);margin-top:4px}.combo-item{padding:9px 12px;cursor:pointer;font-size:14px;border-bottom:1px solid #f1eee6}.combo-item:hover,.combo-item.active{background:#fff0cf}.combo-item.selected{font-weight:700}.combo-empty{padding:10px 12px;color:#8a7a4d;font-size:13px}

.team-request{margin:10px 0}.team-request h3{margin:0 0 4px;font-size:15px}.team-comments{margin:8px 0}.chip{display:inline-block;padding:3px 9px;border-radius:20px;font-size:12px;background:#f1eee6;color:#3f3312;text-decoration:none;margin:2px 4px 2px 0}

.answer-reply-1{margin-left:22px}.answer-reply-2{margin-left:44px}.answer-reply-3{margin-left:66px}.answer-reply-4{margin-left:88px}
