/* R19: visual comercial inspirado no Planner, mantendo componentes Coala. */
:root{--blue:#087f79;--ink:#354343;--muted:#697979;--line:#dce3e2;--bg:#f5f7f7}
body{font-size:13px}button,.button,input,select,textarea{border-radius:3px}button,.button{padding:8px 12px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e8af35;outline-offset:2px}input:focus,select:focus,textarea:focus{outline:2px solid #148f87;outline-offset:1px}input,select,textarea{border-color:#c8d2d1}label{color:#596a6a}h1{font-size:24px;font-weight:500;margin:0 0 7px}h2{font-size:17px}h3{font-size:14px}
#app-menu{background:#f4f5f5;border-top:0;padding:16px 8px;width:225px}#station-badge{font-size:12px;font-weight:600;color:#45615e}#app-menu #nav button{display:flex;align-items:center;gap:12px;min-height:36px;padding:8px 12px;border:0;border-left:3px solid transparent;border-radius:0;line-height:1.4}#nav button.active{border-left-color:#087f79;background:#d3e4e1;color:#164d48}.nav-icon{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}#nav button span{min-width:0}#nav .nav-catalog button{padding-left:26px;font-size:12px}#nav .nav-catalog summary{display:flex;align-items:center;gap:12px;padding:12px 15px;list-style:none}#nav .nav-catalog summary::-webkit-details-marker{display:none}#nav .nav-catalog summary:after{content:'⌄';margin-left:auto}#nav .nav-catalog[open] summary:after{content:'⌃'}.nav-label{font-size:11px;color:#717d7b;padding:10px 15px 6px}
.workspace>header{min-height:58px;background:#287d78;color:#fff;border:0;padding:14px 24px;align-items:center}#breadcrumb{font-weight:600;font-size:14px}#user-badge{font-size:12px;color:#fff}main{padding:22px 24px}.page-path{display:flex;align-items:center;gap:10px;color:#4b7975;font-size:12px;margin:0 0 18px;min-width:0}.page-path button{padding:2px 0;background:none;color:#217870;border:0;font-size:12px}.page-path span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar .eyebrow{display:none}.toolbar{margin-bottom:16px}.toolbar small{font-size:12px}section,.panel,.catalog-menu{border-radius:4px;padding:16px;margin:14px 0;background:#fff}section>h2:first-child{margin-top:0}
.section-tabs,.model-subtabs,.library-tabs{gap:0;margin-top:8px}.library-tab,.library-tab.secondary{padding:11px 14px;color:#596b68;background:transparent;border-bottom:3px solid transparent}.library-tab.active,.section-tabs .active,.library-tab:hover{color:#076b64;background:#eef6f4;border-bottom-color:#087f79}.library-tab small{background:#dfece9}.library-groups-panel{padding:0 10px;border-radius:4px 4px 0 0}.library-groups-panel+.library-list-panel{border-radius:0 0 4px 4px}.library-list-panel{padding:12px}.library-list-panel .toolbar{margin:8px 0}
.library-table th,.responsive-table th{background:#edf3f1;color:#415c56;text-transform:none;font-size:11px;font-weight:600;border-bottom:2px solid #ccdcd7}.library-table td,.responsive-table td{padding:9px 8px}.library-table tbody tr:nth-child(even),.responsive-table tbody tr:nth-child(even){background:#f0f3f2}.library-table tbody tr:hover td,.responsive-table tbody tr:hover td{background:#e8f3ef}.library-table th{padding:8px 4px}.library-table td{padding:7px 4px}.library-table small{color:#647773}.library-table th button{color:#375d54}.tag{border-radius:3px}
.metrics{gap:12px;margin:16px 0}.metric{border:0;border-left:4px solid #087f79;background:#e9f4f1;border-radius:3px;padding:20px;color:#16564f}.metric:nth-child(2){border-color:#b17923;background:#fbf3e4;color:#73501d}.metric:nth-child(3){border-color:#b5535b;background:#faedef;color:#853740}.metric:nth-child(4){border-color:#3c779c;background:#eaf2f8;color:#335f7a}.metric strong{font-size:30px;font-weight:500;margin-bottom:6px}.metric small{color:inherit}progress{width:min(100%,520px);height:12px;accent-color:#087f79}
.model-blocks{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;align-items:start}.model-block{border-radius:4px;border-color:#d7dedb}.model-block h3,.block>h3{background:#f1c4b8;color:#703c31;padding:11px 12px;font-weight:600}.model-block h3 small{color:inherit}.block.program>h3{background:#cb6871;color:white}.model-block>p{font-size:12px;margin:10px 12px}.model-block>.actions{gap:5px;margin:10px 12px}.model-block .small{font-size:11px;padding:5px 7px}.model-slot[draggable=true]{border:0;border-bottom:1px solid #e4eae7;border-radius:0;margin:0;padding:10px 12px;background:#fafcfb}.model-slot[draggable=true]:hover{background:#eaf4ef}.model-slot[draggable=true]:active{cursor:grabbing}.entry{padding:10px 12px}.entry:nth-child(even){background:#f2f6f4}
.form-grid{gap:14px 20px}.form-grid fieldset{border-radius:4px}.modal-head{border-top:4px solid #287d78;background:#f8faf9;padding:16px 22px}.modal-head h2{font-weight:500;margin:0}dialog{border-radius:5px;box-shadow:0 20px 65px #173f3a33}#modal-body{padding:22px}.notice{background:#eef5f3;border-color:#d3e5de;border-radius:4px;color:#42665b}.warning{background:#fff6e5;border-color:#ead6ac;color:#7c5a22}.empty{padding:32px 16px;background:#fafcfb}.rank-track{fill:#e2eeea}.rank-fill{fill:#16897c}.campaign-steps{gap:0;border-bottom:1px solid var(--line)}.campaign-steps li{border-radius:0;background:#f0f4f2;color:#536963;padding:12px 14px}.campaign-steps .current{background:#e3f2ed;color:#086d5a;border-bottom:3px solid #087f79}.login{background:linear-gradient(135deg,#173e45,#287d78)}.login form{border-radius:6px}#toast{background:#234c46;border-radius:4px}footer{font-size:10px;padding:20px 24px;color:#788682}
@media screen and (min-width:901px){#app-menu{height:100vh}#shell>.workspace{margin-left:225px}.workspace>header{position:sticky;top:0;z-index:40}}
@media screen and (max-width:900px){#app-menu{width:min(310px,86vw);padding:14px 12px}#app-menu #nav button,#nav .nav-catalog button{min-height:44px;font-size:14px}.workspace>header{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top))}#menu-toggle{background:transparent;color:white;border-color:#ffffff70}main{padding:16px 12px}.page-path{margin-bottom:14px}.page-path button{min-height:44px}h1{font-size:22px}section,.panel{padding:12px}.toolbar .actions{gap:8px}.section-tabs,.model-subtabs,.library-tabs{margin-top:6px}.library-tab,.library-tab.secondary{padding:11px 12px}.metric{padding:14px}.metric strong{font-size:27px}.model-blocks{grid-template-columns:minmax(0,1fr)}.model-block .small{min-height:44px;font-size:12px}.modal-head{padding:12px 14px}#modal-body{padding:14px}dialog{border-radius:0}.library-list-panel{padding:8px}.responsive-table td{background:transparent}footer{padding-bottom:100px}}
@media print{.page-path{display:none}.metric{background:white;color:black}.workspace>header{display:none}}

/* Emergency hotfix 2026-09-30: compact model consultation/editing. */
.model-block{overflow:hidden;min-width:0}.model-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#f1c4b8;color:#703c31}.model-block-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;flex:1}.model-block-title strong{font-size:12px;white-space:nowrap}.model-block-title small{font-size:11px;white-space:nowrap;color:inherit}.model-block-title small.error{color:#8b1e1e;font-weight:700}.model-block-meta{margin:6px 10px!important;overflow-wrap:anywhere}.model-block-edit-actions{margin:6px 10px!important;display:flex;flex-wrap:wrap}.model-slot-list{border-top:1px solid #e4eae7}.model-slot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;border-bottom:1px solid #e4eae7;margin:0;padding:7px 10px;background:#fafcfb}.model-slot:last-child{border-bottom:0}.model-slot-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.model-slot-main strong{font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.model-slot-main small{font-size:10px;line-height:1.25;color:#64716f;white-space:normal}.model-slot.is-editing:hover,.model-slot.is-editing:focus-within{background:#eaf4ef}.model-slot-actions{flex:0 0 auto;display:flex;flex-wrap:nowrap}.model-block:not(.is-editing) .model-slot{cursor:default}.model-block:not(.is-editing) .model-slot-actions{display:none}.model-calendar-grid{align-items:start}.model-week-row,.model-date-row{min-height:0}.toolbar>.actions{flex-wrap:wrap}@media(min-width:901px){.toolbar>.actions{flex-wrap:nowrap}.model-block-head>.actions{flex-wrap:nowrap}}