/* Ajustes verificados no ciclo visual desktop/móvel. */
/* Identidade: guia Dr. Allan Falcão, papelaria original do escritório. */
:root{--ink:#343e32;--muted:#647060;--line:#e1e4db;--accent:#776839;--nav:#394235;--light:#f5f5f0}
input:focus,textarea:focus,select:focus{outline-color:#ad9b61}button:focus-visible,a:focus-visible{outline-color:#ad9b61}
.brand{display:flex;align-items:center;gap:12px;min-width:280px;letter-spacing:0;font-size:21px}
.office-logo{width:130px;height:54px;object-fit:contain}.office-name{font-family:Garamond,Georgia,"Times New Roman",serif;letter-spacing:2px;color:#776839;line-height:1.15}.office-name small{display:block;font-family:"Segoe UI",Arial,sans-serif;font-size:8px;letter-spacing:1px;margin-top:6px;font-weight:600}
.primary:hover{background:#60532d}.workspace-icon{background:#776839}.avatar{background:#eeeadb;color:#66582e}nav button.active{background:#56604d}nav button .swatch{background:#c6b884}.board.ocean{background:radial-gradient(ellipse at 90% 10%,#e8ebdf,transparent 65%),#f2f3ed}.search{background:#f6f6f1}.stats>div{background:#f1f1e8}.invitation-result{padding:16px;background:#f5f3e9;border:1px solid #dfd8be;border-radius:10px;margin:20px 0}.invitation-result p{line-height:1.6}.invitation-row{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.invitation-row>div{min-width:0}.invitation-row strong,.member>span{overflow-wrap:anywhere}.invitation-row small{display:block;color:var(--muted);margin-top:5px}.invitation-row .actions{align-self:center;flex-wrap:wrap}.member select{max-width:145px}#invite-form button{min-height:44px}#invite-link{font-size:12px}#modal-kicker{overflow-wrap:anywhere}
@media(max-width:1000px){.brand{min-width:230px;gap:8px}.office-logo{width:60px}.office-name{font-size:18px}.office-name small{font-size:7px}}
@media(max-width:700px){.brand{min-width:0;gap:6px}.office-logo{width:36px;height:40px}.office-name{font-size:14px;letter-spacing:1px}.office-name small{max-width:85px;font-size:6px;letter-spacing:.4px}.topbar{gap:8px}.search{min-width:0}.invitation-row{flex-direction:column}.member{flex-wrap:wrap}.invitation-row .actions{align-self:flex-start}.top-actions .icon{min-width:26px}.top-actions .avatar{width:28px;height:28px}.modal-head{gap:8px}}
[hidden]{display:none!important}
button,input,textarea,select{-webkit-tap-highlight-color:transparent}
.list-header h2{font-size:14px}.card h3{font-size:14px}.label{font-size:10px}.card-meta{font-size:11px}
.list-empty{font-size:12px;color:#617985;padding:8px;line-height:1.6}
.row{min-width:0}.row input:not([type=checkbox]){flex:1 1 160px;min-width:0}.row button{flex-shrink:0}
.field{min-width:0}.field input,.field textarea,.field select{min-width:0;max-width:100%}
.detail-title{line-height:1.4;min-height:72px;resize:vertical;overflow-wrap:anywhere}
.modal-head{position:sticky;top:0;background:#fff;z-index:2}
.member-options{display:flex;gap:10px 25px;flex-wrap:wrap}
.check-section .section-heading small{font-weight:400;color:#617985}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.stats>div{background:#eef5f3;border-radius:9px;padding:20px}.stats strong{display:block;font-size:30px}.stats span{display:block;color:#617985;font-size:12px;margin-top:6px}
.notice-row{display:block;text-align:left;width:100%;border-bottom:1px solid var(--line);border-radius:0;padding:15px 0}.notice-row small{display:block;color:#617985;margin-top:6px}
.activity-item .badge{float:right}.board-top>div:first-child{min-width:0}.title-line h1{overflow-wrap:anywhere}
.brand-icon{font-size:24px}.side-link{min-height:44px}.connection{color:#526e7d}
.list,.board,dialog{scrollbar-width:thin;scrollbar-color:#a3b8bc transparent}
.form-grid{align-items:start}.row .file-link{min-width:0;flex:1}
.card-meta,.card-meta .due,.board-footer{color:#526b78}.add-card,.add-list{color:#526b78}.list-header .count{color:#506774}
.label{color:#326145}.label.gold{color:#745719}.label.purple{color:#6c458b}.label.blue{color:#315f88}.label.red{color:#93413c}
.board-top p,.muted,.filter-row span,.modal-head,.eyebrow{color:#596f7b}
.ui-icon{width:18px;height:18px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.top-actions .ui-icon{width:20px;height:20px}.brand-icon .ui-icon{width:26px;height:26px}.tabs .ui-icon{width:15px;height:15px;margin-right:5px}
.card-dialog{width:min(1120px,94vw)}.card-dialog #modal-body{padding:0;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr)}
.card-main{padding:24px 28px;min-width:0}.card-comments{display:block;width:auto;min-width:0;padding:24px;background:#f3f7f6;color:var(--ink);border-left:1px solid var(--line);align-self:stretch}
.card-comments .section-heading{margin-top:0}.card-comments .comment{background:#fff}.card-comments textarea{background:white}
.card-dialog .detail-title{min-height:48px}.card-comments .muted{color:#596f7b}
@media(max-width:900px){.card-dialog #modal-body{grid-template-columns:minmax(0,1fr)}.card-main,.card-comments{padding:20px 18px}.card-comments{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:700px){
 .row{flex-wrap:wrap}.row input:not([type=checkbox]){flex:1 1 150px}.row select{max-width:100%}
 .row button{min-height:40px}.row input[type=checkbox]+.item-text{max-width:calc(100% - 65px)}
 #label-form input{flex-basis:calc(100% - 115px)}#label-form select{width:105px}
 #label-form button,#attachment-form button{width:100%;border:1px solid var(--line)}
 #attachment-form input{flex-basis:100%}.detail-title{font-size:20px!important;min-height:90px}
 .nav-label{display:flex;font-size:0;letter-spacing:0;margin:4px 0}.nav-label button{font-size:23px;width:100%;min-height:44px;color:#d5e4e9}
 .board-actions .secondary{display:none}.board-top{align-items:flex-start;gap:3px}
 .board-footer{font-size:11px}.stats{gap:8px}.stats>div{padding:12px 8px}.stats span{font-size:11px}
 .modal-head{padding:10px 18px}.modal-head button{min-height:44px;min-width:44px}
 .search input{min-width:0}.top-actions .icon{min-width:30px;padding:4px}
}