:root{--navy:#15273d;--navy2:#1e354e;--ink:#162333;--muted:#647589;--line:#e2e8ed;--bg:#f4f7fa;--white:#fff;--accent:#177d6c;--accentdark:#126a5c;--accentsoft:#e6f5f0;--red:#c43c48;--redsoft:#fbecef;--shadow:0 8px 28px rgba(22,41,60,.06)}*{box-sizing:border-box}html{font-size:14px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9bcabf;outline-offset:1px}h1,h2,h3,p{margin:0}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:15px}small{font-size:11px}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;background:var(--navy);color:#d9e4ec;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:22px 14px 12px}.brand{display:flex;align-items:center;gap:12px;padding:5px 8px 27px;color:white;letter-spacing:.5px;font-size:12px}.brand strong{display:block}.brand small{display:block;color:#9faebe;letter-spacing:0;margin-top:3px}.brand-icon{display:grid;place-items:center;width:36px;height:36px;background:#238876;color:#fff;border-radius:10px;font-size:23px}.sidebar-section-label{color:#8196aa;font-size:10px;font-weight:800;letter-spacing:1.1px;padding:10px 12px;margin-top:4px}.section-flex{display:flex;align-items:center;justify-content:space-between}.nav-link{display:flex;align-items:center;gap:12px;border:none;width:100%;padding:11px 12px;margin:2px 0;background:transparent;color:#c8d7e4;text-align:left;border-radius:9px;font-weight:600}.nav-link.active,.nav-link:hover{background:#2a415a;color:#fff}.nav-icon{width:18px;font-size:20px;display:grid;place-items:center;font-weight:400}.sidebar-items{overflow:auto;flex:1;min-height:30px}.board-link{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;color:#c8d7e4;border-radius:9px;text-align:left;padding:10px 12px}.board-link:hover,.board-link.active{background:#2a415a;color:#fff}.board-link .count{margin-left:auto;color:#a3b9c7;font-size:11px}.sidebar-bottom{padding:10px 3px 0}.sidebar-new{border:1px solid #527286;color:white;background:#2b5260;width:100%;padding:12px;border-radius:9px;font-weight:700}.sidebar-new:hover{background:#347164}.sidebar-version{display:flex;align-items:center;gap:8px;padding:18px 4px 4px;color:#9bb0bf;font-size:11px}.status-dot{background:#46cf95;width:7px;height:7px;border-radius:50%;display:inline-block}.version{margin-left:auto}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:#fff;min-height:94px;padding:20px clamp(18px,3.2vw,46px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.top-left{display:flex;align-items:center;gap:12px}.breadcrumbs{color:#8190a0;font-weight:750;font-size:10px;letter-spacing:1px;margin-bottom:5px}.topbar h1{font-size:24px;font-weight:780;letter-spacing:-.7px}.top-actions{display:flex;align-items:center;gap:12px}.search{height:40px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;background:#f8fafc;padding:0 12px;gap:9px;color:#7a8e9d;width:235px}.search span{font-size:22px}.search input{width:100%;background:transparent;border:0;outline:0;color:var(--ink)}.btn{border:1px solid var(--line);background:#fff;padding:10px 15px;min-height:40px;border-radius:9px;color:#26394c;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.btn:hover{background:#f4f8fa}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accentdark)}.btn-danger{background:var(--redsoft);border-color:#f4ccd1;color:#a42b3a}.btn-quiet{border-color:transparent;background:transparent;color:#4b6476}.btn-sm{min-height:32px;font-size:12px;padding:6px 11px}.icon-button{border:0;background:transparent;color:inherit;border-radius:8px;padding:3px 8px;font-size:18px}.icon-button:hover{background:#2a415a}.mobile-menu{display:none}.main{width:100%;max-width:1700px;margin:0 auto;padding:28px clamp(18px,3.2vw,46px) 45px;flex:1}.intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:1.05px;font-weight:800;color:var(--accent);text-transform:uppercase;margin-bottom:6px}.subtext{color:var(--muted);margin-top:7px;font-size:13px;max-width:670px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 26px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:18px 19px;min-width:0;box-shadow:var(--shadow)}.stat-kicker{font-size:12px;font-weight:650;color:var(--muted);margin-bottom:12px;display:flex;align-items:center;gap:7px}.stat-value{font-size:27px;font-weight:780;letter-spacing:-1px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.stat-foot{color:#7a8a98;font-size:11px;margin-top:6px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 13px;gap:12px}.section-heading h2{font-size:18px}.section-heading p{font-size:12px;color:var(--muted)}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.board-card,.control-card,.panel{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.board-card{padding:19px;cursor:pointer}.board-card:hover,.control-card:hover{border-color:#a9cfc4;box-shadow:0 10px 28px rgba(23,125,108,.08)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.folder-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#e8f1f7;color:#326b95;font-size:21px}.card-arrow{color:#8093a2;font-size:20px}.board-card h3{margin-top:16px;font-size:15px}.board-card p{color:var(--muted);margin-top:5px;font-size:12px}.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.control-card{padding:17px;display:flex;flex-direction:column;min-height:178px;cursor:pointer}.control-card .title-line{display:flex;gap:8px;align-items:center;justify-content:space-between}.control-card h3{font-size:15px;min-width:0;overflow-wrap:anywhere}.pill{font-size:11px;font-weight:700;padding:4px 8px;border-radius:40px;white-space:nowrap;background:var(--accentsoft);color:var(--accent)}.pill.negative{background:var(--redsoft);color:var(--red)}.control-desc{color:var(--muted);font-size:12px;margin:8px 0 20px}.control-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;justify-content:space-between}.control-bottom strong{font-size:17px;font-variant-numeric:tabular-nums}.control-bottom small{color:var(--muted)}.panel{overflow:hidden}.panel-header{padding:18px 19px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.panel-header h3{font-size:15px}.panel-body{padding:18px}.empty-state{padding:48px 20px;text-align:center;background:white;border:1px dashed #cedbe4;border-radius:12px;color:#738697}.empty-state strong{display:block;color:var(--ink);font-size:16px;margin-bottom:8px}.empty-state p{margin-bottom:18px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12.5px}th{background:#f8fafb;text-align:left;color:#688092;font-size:11px;font-weight:800;letter-spacing:.3px;padding:13px 16px;white-space:nowrap}td{border-top:1px solid #ecf0f2;padding:13px 16px;vertical-align:middle;overflow-wrap:anywhere}tr:hover td{background:#fafdfc}td.numeric{text-align:right;font-variant-numeric:tabular-nums;font-weight:750;white-space:nowrap}.positive{color:#14785f}.negative{color:#bb3947}.neutral{color:var(--muted)}.table-actions{display:flex;gap:6px;justify-content:flex-end}.mini-action{border:1px solid #e5ecef;background:white;border-radius:7px;padding:5px 8px;color:#4f6374;font-size:11px}.mini-action:hover{background:#eff6f3}.details-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.85fr);gap:14px}.stack{display:flex;flex-direction:column;gap:14px}.info-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #eef1f2}.info-row:last-child{border:0}.info-row strong{font-variant-numeric:tabular-nums}.chip{display:inline-flex;align-items:center;background:#eef3f6;color:#496576;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700}.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filters input,.filters select{height:35px;max-width:220px;padding:7px 9px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-weight:700;font-size:12px;color:#465969}.field input,.field select,.field textarea,.filters input,.filters select{width:100%;border:1px solid #d9e2e8;background:#fff;color:var(--ink);border-radius:8px;padding:10px 11px;min-height:41px}.field textarea{resize:vertical;min-height:78px}.field input[readonly]{background:#eff6f3;color:#166d5c;font-weight:700}.field input:disabled{background:#eef1f3}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full{grid-column:1/-1}.modal-backdrop{position:fixed;inset:0;background:rgba(9,24,37,.57);z-index:99;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:white;border-radius:14px;width:min(100%,660px);max-height:min(94vh,900px);overflow:auto;box-shadow:0 25px 80px rgba(0,0,0,.22)}.modal.large{width:min(100%,840px)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 25px 16px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:20px}.modal-header p{font-size:12px;color:var(--muted);margin-top:3px}.close{border:0;background:#f2f5f7;border-radius:7px;padding:5px 10px;font-size:22px;color:#62798a}.modal-body{padding:22px 25px}.modal-footer{border-top:1px solid var(--line);padding:16px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px}.step-dots{display:flex;gap:6px;margin:0 0 23px}.step-dot{height:5px;flex:1;background:#e6eaee;border-radius:9px}.step-dot.done{background:var(--accent)}.form-row-card{background:#fbfcfd;border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(115px,1fr) auto;gap:10px;align-items:end;margin-bottom:9px}.form-row-card .field input,.form-row-card .field select{min-height:36px;padding:7px}.field-help{font-size:11px;color:#72899b;margin-top:5px}.list-controls{display:flex;gap:6px}.config-rule{display:grid;grid-template-columns:minmax(120px,1.3fr) repeat(3,minmax(75px,1fr)) auto;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:9px;align-items:end}.config-type{display:grid;grid-template-columns:minmax(135px,1.3fr) minmax(90px,1fr) minmax(110px,1fr) auto;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:9px;align-items:end}.hint{padding:13px 15px;background:#eaf6f3;border-radius:9px;color:#275f56;font-size:12px;margin-bottom:15px}.wizard-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choice{border:1px solid var(--line);border-radius:10px;text-align:left;padding:14px;background:#fff;color:var(--ink)}.choice.selected{border:2px solid var(--accent);background:var(--accentsoft);padding:13px}.choice strong{display:block;margin-bottom:7px}.choice small{color:var(--muted)}.calc-preview{border:1px solid #c8e7dc;background:#f0f9f5;padding:14px;border-radius:10px;margin-top:16px}.calc-preview strong{display:block;margin-bottom:10px;color:#256e5e}.calc-line{display:flex;justify-content:space-between;gap:10px;margin:7px 0;font-size:13px}.calc-line b{font-variant-numeric:tabular-nums}.danger-zone{margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.secondary-text{color:var(--muted);font-size:12px}.tagline{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.actions-end{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}#toastRoot{position:fixed;right:22px;bottom:20px;z-index:110;display:flex;flex-direction:column;gap:8px}.toast{background:#203548;color:#fff;padding:12px 18px;box-shadow:var(--shadow);border-radius:9px;max-width:390px;font-size:13px}.toast.error{background:#aa3342}footer{color:#8998a4;font-size:11px;padding:0 46px 20px}.mobile-shade{display:none}
@media(max-width:1180px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-grid,.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details-layout{grid-template-columns:1fr}}
@media(max-width:820px){.sidebar{position:fixed;left:-255px;z-index:90;transition:left .18s;box-shadow:var(--shadow)}.sidebar.open{left:0}.mobile-shade.open{display:block;position:fixed;inset:0;background:#13263c7a;z-index:80}.mobile-menu{display:block!important}.topbar{padding:16px 18px;min-height:78px}.topbar h1{font-size:20px}.search{width:170px}.main{padding:22px 18px}.form-row-card{grid-template-columns:minmax(0,1fr) minmax(100px,1fr) auto}}
@media(max-width:590px){.search{display:none}.hide-small{display:none}.stat-grid,.board-grid,.control-grid,.form-grid,.wizard-choice{grid-template-columns:1fr}.intro{flex-direction:column}.topbar h1{font-size:18px}.modal-backdrop{padding:7px}.modal{max-height:96vh}.modal-header,.modal-body,.modal-footer{padding:15px}.config-rule,.config-type{grid-template-columns:repeat(2,minmax(0,1fr))}.config-rule .field:first-child,.config-type .field:first-child{grid-column:1/-1}.form-row-card{grid-template-columns:1fr auto}.form-row-card .field:first-child{grid-column:1/-1}.main .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:14px}.stat-value{font-size:20px}.control-bottom strong{font-size:15px}footer{padding:0 18px 18px}}
/* Iconografia vetorial: arquivos SVG locais (sem fontes, emojis ou simbolos decorativos). */
.ui-icon{display:inline-block;width:17px;height:17px;flex:0 0 auto;vertical-align:middle;color:inherit;fill:none}
.brand-icon{font-size:inherit}
.brand-icon .ui-icon{width:22px;height:22px}
.nav-icon{font-size:inherit}
.nav-icon .ui-icon{width:18px;height:18px}
.board-link>.ui-icon{width:16px;height:16px;opacity:.92}
.icon-button{display:inline-flex;align-items:center;justify-content:center}
.icon-button .ui-icon{width:17px;height:17px}
.mobile-menu .ui-icon{width:21px;height:21px}
.search .ui-icon{width:18px;height:18px}
.btn .ui-icon{width:16px;height:16px}
.mini-action{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.mini-action .ui-icon{width:14px;height:14px}
.folder-icon{font-size:inherit}
.folder-icon .ui-icon{width:21px;height:21px}
.card-arrow{display:inline-flex;align-items:center;justify-content:center}
.card-arrow .ui-icon{width:17px;height:17px}
.control-icon{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;flex-shrink:0;border-radius:8px;background:#e8f3ef;color:#197d6d}
.control-icon .ui-icon{width:17px;height:17px}
.control-card .title-line h3{flex:1}
.control-card .title-line{gap:9px}
.control-card .pill{margin-left:auto}
.sidebar-bottom{margin-top:auto;padding:0 3px}
.sidebar-version{padding:14px 4px 4px}
.main{padding-top:17px}
.main>.section-heading:first-child{margin-top:0}
.section-heading{margin-top:20px;margin-bottom:12px}
.sidebar .icon-button:hover{background:#2a415a}
.close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px}
.close .ui-icon{width:18px;height:18px}
@media(max-width:590px){.main{padding-top:16px}}

/* Pesquisa universal por tipo: Q quadro / termo livre = controles. */
.topbar{position:relative;z-index:25}
.top-actions{min-width:0}
.search-wrap{position:relative;width:265px;min-width:0;flex:0 1 265px}
.search-wrap .search{width:100%}
.search-wrap .search input{min-width:0}
.search-results{position:absolute;right:0;top:calc(100% + 8px);width:min(430px,calc(100vw - 28px));max-height:min(450px,70vh);overflow:auto;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 42px rgba(13,30,45,.19);z-index:40;padding:7px}
.search-results[hidden]{display:none!important}
.search-results-header{padding:8px 11px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--ink)}
.search-results-header span{font-size:11px;color:var(--muted)}
.search-results-list{display:flex;flex-direction:column;gap:2px}
.search-result{border:0;border-radius:8px;background:transparent;color:var(--ink);display:flex;align-items:center;gap:11px;width:100%;padding:10px 11px;text-align:left;cursor:pointer}
.search-result:hover,.search-result:focus-visible{background:var(--accentsoft);outline:none}
.search-result-icon{flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#e8f3ef;color:#197d6d;display:grid;place-items:center}
.search-result-icon .ui-icon{width:19px;height:19px}
.search-result-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.search-result-info strong{font-size:13px;font-weight:700;overflow-wrap:anywhere}
.search-result-info small{color:var(--muted);font-size:11px}
.search-result>.ui-icon{color:#8a9cab;width:15px;height:15px}
.search-no-results{padding:21px 13px;text-align:center;color:var(--muted);font-size:12px}
.search-results-footer{border-top:1px solid var(--line);padding:10px 11px 5px;margin-top:5px;color:var(--muted);font-size:11px}
@media(max-width:590px){
  .topbar{flex-wrap:wrap;gap:10px}
  .top-left{flex:1;min-width:0}
  .top-actions{width:100%;gap:8px}
  .search-wrap{flex:1;width:auto;min-width:0}
  .search-wrap .search{display:flex;width:100%}
  .search-results{left:0;right:auto;width:100%;min-width:min(300px,calc(100vw - 28px))}
  .top-actions>.btn{flex:0 0 auto;min-width:40px;padding:9px 10px}
}

/* Formulários flutuantes e não modais: clique externo atravessa, mas não fecha.
   O Windows e o restante da página continuam recebendo foco normalmente. */
#modalRoot .modal-backdrop{
  position:fixed;
  inset:0;
  z-index:85;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  padding:18px clamp(12px,2vw,28px);
  background:transparent;
  pointer-events:none;
}
#modalRoot .modal{
  pointer-events:auto;
  width:min(660px,100%);
  max-height:calc(100dvh - 36px);
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid #d6e2e7;
  box-shadow:0 20px 65px rgba(13,34,49,.25);
}
#modalRoot .modal.large{width:min(820px,100%)}
#modalRoot .modal-header{
  position:sticky;
  top:0;
  z-index:2;
  background:white;
}
#modalRoot .modal-footer{
  position:sticky;
  bottom:0;
  z-index:2;
  background:white;
}
@media(max-width:820px){
  #modalRoot .modal-backdrop{
    align-items:flex-start;
    justify-content:flex-end;
    padding:78px 10px 12px;
  }
  #modalRoot .modal,#modalRoot .modal.large{
    width:min(600px,100%);
    max-height:calc(100dvh - 90px);
  }
}
@media(max-width:590px){
  #modalRoot .modal-backdrop{padding:66px 8px 9px}
  #modalRoot .modal,#modalRoot .modal.large{
    width:100%;
    max-height:calc(100dvh - 75px);
  }
}

/* Quadros como pastas: sem indicadores e sem cabeçalhos altos. */
.main>.board-controls-heading:first-child{margin-top:0}
.board-controls-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;margin:0 0 14px}
.board-controls-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.board-controls-actions .btn{font-size:12px;min-height:32px;padding:6px 9px}
.board-controls-actions .btn:hover{background:#eaf1f4}
/* Cada card abre o controle, mas lápis abre menu de gerenciamento independente. */
.control-grid{overflow:visible}
.control-card{position:relative;overflow:visible;isolation:isolate}
.control-card:focus-within{z-index:10}
.control-card:has(.card-action-menu:not([hidden])){z-index:15;border-color:#a9cfc4}
.control-card .title-line{position:relative;padding-right:1px}
.control-card-edit{border:1px solid transparent;border-radius:8px;flex:0 0 32px;width:32px;height:32px;padding:6px;background:transparent;color:#5c7485;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.control-card-edit .ui-icon{width:16px;height:16px}
.control-card-edit:hover,.control-card-edit[aria-expanded="true"]{background:#e5f2ec;border-color:#c5e3d8;color:#137864}
.card-action-menu{position:absolute;top:calc(100% + 4px);right:0;width:216px;padding:6px;z-index:30;background:#fff;border:1px solid #dce5e8;border-radius:11px;box-shadow:0 12px 32px rgba(22,41,60,.2)}
.card-action-menu[hidden]{display:none!important}
.card-action-menu button{display:flex;align-items:center;gap:9px;padding:10px 11px;width:100%;border:0;border-radius:7px;background:transparent;text-align:left;color:#213a4c;font-size:12px;font-weight:650;cursor:pointer}
.card-action-menu button:hover,.card-action-menu button:focus-visible{background:#edf6f3;outline:none}
.card-action-menu button.danger{color:#bd384a}
.card-action-menu button.danger:hover{background:#fcecf0}
.card-action-menu button .ui-icon{width:16px;height:16px}
@media(max-width:590px){
  .board-controls-heading{align-items:flex-start}
  .board-controls-actions{gap:3px}
  .board-controls-actions .secondary-text{display:none}
  .board-controls-actions .btn{font-size:11px;padding:6px}
}

/* Novo quadro visível no menu e na visão geral. */
.sidebar-create-board{
  display:flex;align-items:center;justify-content:flex-start;gap:9px;
  width:100%;margin:2px 0 10px;padding:10px 12px;
  min-height:38px;border:1px solid #3b6973;border-radius:9px;
  background:#214c50;color:#dcf5e9;font-size:12px;font-weight:750;text-align:left;
  transition:background .15s,border-color .15s;
}
.sidebar-create-board:hover{background:#28645c;border-color:#4b9b85;color:white}
.sidebar-create-board .ui-icon{width:17px;height:17px;flex:none}
.boards-home-actions{display:flex;align-items:center;justify-content:flex-end;gap:13px}
.board-create-modal{width:min(100%,480px)}
@media(max-width:590px){
  .boards-home-heading{align-items:flex-start;flex-wrap:wrap}
  .boards-home-actions{width:100%;justify-content:space-between}
}

/* Tipografia padrao do aplicativo inteiro (todos os controles e tabelas).
   Fontes do SO ou de extensoes nao devem modificar a lista de recebimentos.
   Numeros continuam com tabular-nums e pesos ja definidos em cada modulo. */
:root{--app-font:Arial,Helvetica,sans-serif}
html,body,body *:not(svg):not(svg *){
  font-family:var(--app-font)!important;
}

/* Setas de navegacao sempre visiveis no topo, inclusive em celular. */
.page-nav-arrows{
  display:flex;align-items:center;gap:3px;flex:0 0 auto;
}
.page-nav-arrow{
  display:grid;place-items:center;
  width:32px;height:34px;padding:6px;
  color:#365168;background:transparent;border:1px solid transparent;
  border-radius:8px;cursor:pointer;transition:background .15s,color .15s;
}
.page-nav-arrow:hover:not(:disabled){background:#e9f3f0;color:#147d6a;border-color:#cde3dd}
.page-nav-arrow:focus-visible{outline:2px solid #4a9a8a;outline-offset:2px}
.page-nav-arrow:disabled{opacity:.32;cursor:default}
.page-nav-arrow .ui-icon{width:17px;height:17px}
.page-nav-back .ui-icon{transform:rotate(180deg)}
.top-left>div:last-child{min-width:0}
@media(max-width:590px){
  .page-nav-arrow{width:29px;height:31px}
  .top-left{gap:6px}
}

/* Tipografia: evitar letras coladas e linhas sobrepostas em todos os módulos.
   Preserva Arial, iconografia SVG, tamanhos de fonte e a área útil das telas. */
.app-shell :is(h1,h2,h3,h4,p,small,label,th,td,button,input,select,textarea,strong,b,span){
  letter-spacing:normal!important;
  line-height:1.45!important;
}
.app-shell :is(h1,h2,h3,h4,p,label,small,th,td){
  overflow-wrap:break-word;
}
.app-shell :is(.topbar,.top-left,.top-actions,.panel-header,.section-heading,.board-controls-heading,
               .control-bottom,.title-line,.stat-kicker,.info-row,.ab-top,.ab-balance,
               .receiving-head,.debt-heading,.truck-toolbar){min-width:0}
.app-shell :is(.top-left,.top-actions,.panel-header,.section-heading,.control-bottom,
               .title-line,.info-row,.ab-top,.ab-balance,.receiving-head,.debt-heading) > *{
  min-width:0;
}
.app-shell .topbar{flex-wrap:wrap}
.app-shell .top-left{flex:1 1 240px}
.app-shell .top-actions{flex:0 1 auto;flex-wrap:wrap}
.app-shell :is(.topbar h1,.breadcrumbs,.brand strong,.control-card h3,.board-card h3,
               .panel-header h3,.stat-value,.ab-top h2,.ab-balance p,.ab-balance strong,
               .debt-summary strong,.receiving-kpi strong,.control-bottom strong){
  overflow-wrap:anywhere;
  white-space:normal;
}
.app-shell .control-bottom{align-items:flex-start;gap:10px}
.app-shell .control-bottom>span:first-child{flex:1 1 auto;min-width:0}
.app-shell .control-bottom strong{display:block;line-height:1.4!important}
.app-shell .board-link>span:not(.count){flex:1;min-width:0;overflow-wrap:anywhere}
.app-shell .board-link .count{flex:none}
.app-shell .btn{white-space:normal;text-align:center;height:auto;min-width:0}
.app-shell .mini-action{line-height:1.4!important;min-height:28px}
.app-shell .table-wrap{max-width:100%;overflow-x:auto}
.app-shell .table-wrap table{line-height:1.5}
.app-shell .table-wrap :is(th,td){line-height:1.5!important;height:auto}
.app-shell .table-wrap td.numeric{white-space:nowrap}
.app-shell .table-actions{flex-wrap:wrap;gap:6px}
.app-shell .sidebar-section-label{letter-spacing:.35px!important}
.app-shell .search-result-info{min-width:0}
.app-shell .search-result-info :is(strong,small){overflow-wrap:anywhere}
#moveCurrentControl[hidden]{display:none!important}
.move-control-modal{width:min(100%,520px)}
.move-control-note{font-size:12px;line-height:1.55!important;color:var(--muted);margin:0 0 16px}
.move-control-note:last-child{margin-top:14px;margin-bottom:0}
@media(max-width:600px){
  .app-shell .topbar{gap:8px}
  .app-shell .top-actions{width:100%;justify-content:flex-end}
  .app-shell .control-card{min-width:0}
}

/* PWA: estado de conexão discreto e visível em desktop/mobile. */
.connection-status{background:#fff5da;border-bottom:1px solid #e6c46a;color:#584313;padding:9px clamp(18px,3.2vw,46px);font-size:12px;font-weight:700}
.connection-status[hidden]{display:none}
@media(max-width:600px){.connection-status{padding:9px 14px}}