/* V21 — preto/cinza, modelos de briefing, fornecedores e scrollbar */
:root{--v21-black:#111214;--v21-charcoal:#252b32;--v21-gray:#6f7780;--v21-soft:#f3f4f5;--v21-line:#e3e5e7;--v21-bg:#eef3f6}
.side .nav{scrollbar-width:thin;scrollbar-color:#59636d transparent;padding-right:10px}
.side .nav::-webkit-scrollbar{width:7px}.side .nav::-webkit-scrollbar-track{background:transparent;margin:8px 0}.side .nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5f6974,#46505a);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.side .nav::-webkit-scrollbar-thumb:hover{background:#707b86;background-clip:padding-box}
.v21-fixed-model-nav button.active{color:#fff!important;font-weight:800!important}.v21-fixed-model-nav{padding-bottom:12px}
.v21-model-page,.v21-suppliers-page{max-width:1500px;margin:0 auto}.v21-model-page .head,.v21-suppliers-page .head{margin-bottom:18px}
.v21-briefing-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:26px;align-items:start}.v21-briefing-side{padding:0 0 18px;position:sticky;top:92px;max-height:calc(100vh - 120px);overflow:auto}.v21-briefing-side h3{margin:0;padding:20px 22px;border-bottom:1px solid var(--v21-line);font-size:18px}.v21-briefing-side>.btn{display:block;width:calc(100% - 44px);margin:20px 22px;background:var(--v21-black)!important;border-color:var(--v21-black)!important;color:#fff!important}.v21-briefing-side>input{display:block;width:calc(100% - 44px);margin:18px 22px 10px;padding:10px 0;border:0;border-bottom:1px solid #d4d7da;background:transparent;outline:0}.v21-briefing-item{display:block;width:calc(100% - 30px);margin:0 15px;padding:12px 10px;border:0;border-bottom:1px solid #eceeef;background:transparent;text-align:left;color:#26282b;border-radius:8px}.v21-briefing-item b,.v21-briefing-item small{display:block}.v21-briefing-item small{margin-top:4px;color:#8a9299;font-size:10px;line-height:1.35}.v21-briefing-item:hover{background:#f1f2f3}.v21-briefing-item.active{background:var(--v21-black);color:#fff}.v21-briefing-item.active small{color:#c8ccd0}
.v21-briefing-main{min-width:0;display:grid;gap:10px}.v21-btop{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.v21-btop h2{margin:0;font-size:20px;color:#4f5357}.v21-btop input{width:min(780px,100%);border:0;border-bottom:1px solid #ddd;font-size:20px;font-weight:700;padding:8px 0}.v21-btop>div:last-child{display:flex;gap:8px;align-items:center}.v21-circle{width:42px;height:42px;border:0;border-radius:50%;background:#f0f1f2;font-size:18px}.v21-default-note{text-align:center;padding:9px;color:#8c9399;font-size:13px}.v21-briefing-section{background:transparent;margin:18px 8% 0}.v21-section-head{background:#ececed;border-left:6px solid #222;border-radius:7px 7px 0 0;padding:18px 22px;display:flex;align-items:center;gap:10px}.v21-section-head h3{margin:0;font-size:22px;color:#6c7074}.v21-section-head input{flex:1;border:0;border-bottom:1px solid #d2d4d6;background:transparent;font-size:21px;font-weight:700;padding:7px}.v21-section-head button{width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#111}.v21-question-card{background:#fff;border-radius:7px;padding:24px 24px 20px;margin-top:6px;box-shadow:0 1px 0 rgba(0,0,0,.02)}.v21-question-card h4{margin:0;padding:0 0 10px;border-bottom:1px solid #ddd;color:#6b7074;font-size:17px}.v21-question-title{width:100%;border:0;border-bottom:1px solid #ddd;font-size:17px;font-weight:700;padding:8px 0}.v21-question-desc{padding:16px 0 14px;border-bottom:1px solid #e6e6e6;color:#a0a6ac}.v21-answer-kind{display:inline-block;min-width:45%;margin-top:22px;padding:9px 0;border-bottom:1px solid #d8dade;color:#aab0b6}.v21-choice-list{margin-top:22px;display:grid;gap:12px}.v21-choice-list>div{display:flex;align-items:center;gap:10px}.v21-choice-list input{border:0;border-bottom:1px solid #ddd;padding:6px 0}.v21-choice-list button{justify-self:start;border:0;background:transparent;color:#8c9399}.v21-radio{width:18px;height:18px;border:2px solid #b9bec3;border-radius:50%}.v21-question-editrow{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.v21-question-editrow select{padding:7px 9px;border:1px solid #ddd;border-radius:7px}.v21-question-editrow button{border:0;background:#f1f2f3;border-radius:50%;width:34px;height:34px}.v21-select-hint{min-height:420px;display:grid;place-items:center;color:#666}
.v21-small-modal{max-width:580px;padding:0!important;overflow:hidden}.v21-modal-head{background:var(--v21-black);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.v21-modal-head h3{margin:0}.v21-modal-head button{border:0;background:transparent;color:#fff;font-size:25px}.v21-modal-body{padding:22px}.v21-modal-foot{padding:14px 22px 18px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.v21-modal-foot .primary{background:var(--v21-black)!important;border-color:var(--v21-black)!important}
.v21-supplier-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--v21-line);border-bottom:1px solid var(--v21-line);margin:0 -30px 18px}.v21-supplier-tabs button{padding:15px;border:0;background:#fff;color:#5a6168;font-size:16px;border-bottom:3px solid transparent}.v21-supplier-tabs button.active{font-weight:800;color:#111;border-bottom-color:#111}.v21-supplier-toolbar{display:flex;align-items:center;gap:9px;margin:18px 0}.v21-search{display:flex;align-items:center;flex:1;max-width:680px;background:#fff;border:1px solid #d8dde1;border-radius:999px;padding:0 14px}.v21-search input{width:100%;border:0;background:transparent;padding:12px 4px;outline:0}.v21-supplier-toolbar .spacer{flex:1}.v21-supplier-toolbar .primary{background:#111!important;border-color:#111!important}
.v21-supplier-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px}.v21-supplier-table{overflow:hidden}.v21-supplier-head,.v21-supplier-row{display:grid;grid-template-columns:1.1fr 2.2fr .65fr .38fr;gap:16px;align-items:center}.v21-supplier-head{background:#f5f5f5;padding:14px 18px;font-size:14px}.v21-supplier-row{padding:11px 18px;border-bottom:1px solid #eceeef;min-height:56px}.v21-supplier-row:hover{background:#fafafa}.v21-supplier-name{display:flex;align-items:center;gap:10px;font-weight:650}.v21-mini-avatar,.v21-request-avatar{width:34px;height:34px;border-radius:50%;background:#e8eaec;overflow:hidden;display:grid;place-items:center;font-size:10px;color:#4e545a;flex:0 0 auto}.v21-mini-avatar img,.v21-request-avatar img{width:100%;height:100%;object-fit:cover}.v21-service-chips{display:flex;gap:6px;flex-wrap:wrap}.v21-service-chips span{border:1px solid #8e969d;color:#4a5055;background:#f8f8f8;border-radius:7px;padding:3px 8px;font-size:10px;font-weight:700}.v21-status{display:inline-block;padding:4px 12px;border-radius:999px;background:#f3f3f3;color:#8d959c;font-weight:800}.v21-status.ok{background:#dfe8e1;color:#2d5937}.v21-row-actions{display:flex;gap:8px}.v21-row-actions button,.v21-service-row button{border:0;background:transparent;color:#7c858d;font-size:18px}.v21-supplier-summary{padding:18px;align-self:start}.v21-supplier-summary>div{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #eee}.v21-supplier-summary span,.v21-supplier-summary strong{display:block}.v21-supplier-summary strong{margin-top:4px}.v21-supplier-summary .ok{color:#2f6a3d}.v21-supplier-summary .bad{color:#7d3333}.v21-supplier-summary .warn{color:#8b6a22}.v21-empty{padding:24px;text-align:center;color:#999}
.v21-request-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.v21-request-col{background:#fff;min-height:500px;border-radius:7px;overflow:hidden}.v21-request-col h3{margin:0;text-align:center;color:#fff;padding:11px;font-size:17px}.v21-request-col h3.gray{background:#727981}.v21-request-col h3.orange{background:#6e6660}.v21-request-col h3.green{background:#353b36}.v21-request-item{display:grid;grid-template-columns:42px 1fr 34px;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #e8eaec}.v21-request-item button{width:30px;height:30px;border:0;border-radius:50%;background:#f0f1f2}.v21-services{overflow:hidden}.v21-service-head,.v21-service-row{display:grid;grid-template-columns:1fr 120px;align-items:center}.v21-service-head{padding:15px 18px;background:#f5f5f5}.v21-service-row{padding:13px 18px;border-bottom:1px solid #eceeef}.v21-service-row>div:last-child{display:flex;gap:12px;justify-content:flex-end}.v21-default-badge{margin-left:8px;background:#eee;border-radius:999px;padding:3px 8px;color:#80878e;font-size:10px;font-weight:800}
.v21-supplier-modal{width:min(1200px,94vw)!important;max-width:1200px!important;padding:0!important;overflow:hidden}.v21-supplier-modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e6e7e8}.v21-supplier-modal-head h3{margin:0;font-size:18px}.v21-supplier-modal-head>div{display:flex;align-items:center;gap:12px}.v21-supplier-modal-head .primary{background:#111!important;border-color:#111!important}.v21-supplier-modal-head button:last-child{border:0;background:transparent;font-size:26px}.v21-supplier-modal-tabs{display:flex;gap:20px;padding:0 18px;border-bottom:1px solid #e7e8ea;overflow-x:auto}.v21-supplier-modal-tabs button{padding:15px 8px;border:0;border-bottom:3px solid transparent;background:#fff;color:#8b9299;white-space:nowrap}.v21-supplier-modal-tabs button.active{color:#111;border-bottom-color:#111;font-weight:800}.v21-supplier-modal-body{padding:28px 20px 36px;max-height:70vh;overflow:auto}.v21-photo{text-align:center;margin-bottom:24px}.v21-photo>div{width:118px;height:118px;margin:auto;border-radius:50%;background:#eff1f2;display:grid;place-items:center;font-size:44px;color:#777;overflow:hidden}.v21-photo img{width:100%;height:100%;object-fit:cover}.v21-photo .btn{margin-top:10px}.v21-two,.v21-three{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.v21-three{grid-template-columns:1.6fr .8fr .8fr}.v21-supplier-modal .field{margin-bottom:16px}.v21-supplier-modal .field input,.v21-supplier-modal .field textarea{width:100%;padding:11px 12px;border:1px solid #d8dadd;border-radius:6px}.v21-supplier-modal .field textarea{min-height:150px}.v21-service-picker{max-height:150px;overflow:auto;border:1px solid #ddd;border-radius:7px;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v21-service-picker label{font-size:11px}.v21-price{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.v21-counter{float:right;color:#8b9299;font-weight:400}
.v21-script-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.v21-script-files a{font-size:10px;color:#444;background:#f2f3f4;border:1px solid #ddd;border-radius:7px;padding:5px 8px;text-decoration:none}
@media(max-width:1100px){.v21-briefing-layout,.v21-supplier-grid{grid-template-columns:1fr}.v21-briefing-side{position:static;max-height:none}.v21-request-grid{grid-template-columns:1fr}.v21-supplier-summary{display:none}.v21-service-picker{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.v21-briefing-section{margin:12px 0}.v21-supplier-head{display:none}.v21-supplier-row{grid-template-columns:1fr}.v21-supplier-tabs{grid-template-columns:1fr}.v21-two,.v21-three{grid-template-columns:1fr}.v21-service-picker{grid-template-columns:1fr}}