/* Paridade visual Maciel — Bloqueios, Comissões e Caixa.
   Aplicada somente à demonstração do Studio Aurora. */
#view-blocks .beauty-maciel-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
#view-blocks .beauty-maciel-layout>.panel{min-width:0;margin:0;padding:21px}
#view-blocks .panel h2,#view-commissions .panel h2,#view-cash .panel h2{font:750 20px/1.25 Inter,'DM Sans',sans-serif;letter-spacing:-.018em;margin:0 0 7px;color:#f9f2f6}
#view-blocks .panel-desc,#view-commissions .panel-desc,#view-cash .panel-desc{margin:0 0 19px;color:#b9a8b6;font-size:12px;line-height:1.6}
#view-blocks .beauty-block-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-blocks .beauty-block-form>.wide{grid-column:1/-1;min-width:0}
#view-blocks .beauty-block-form>select,
#view-blocks .beauty-block-form>input,
#view-blocks .beauty-block-form>div:not(.wide)>input,
#view-blocks .beauty-block-form>div:not(.wide)>select{
 width:100%;min-width:0;min-height:43px;padding:10px 12px;font-size:12px;
 background:#18131d;color:#f7edf2;border:1px solid #423541;border-radius:10px;
}
#view-blocks .beauty-block-form>div:not(.wide){min-width:0}
#view-blocks .beauty-block-form>div[hidden]{display:none!important}
#view-blocks .beauty-block-form>div:not(.wide)>input,
#view-blocks .beauty-block-form>div:not(.wide)>select{width:100%}
#view-blocks .beauty-block-form #blockTimeWrap{grid-column:1/-1}
#view-blocks .block-help{line-height:1.6;color:#b99fab;font-size:11px}
#view-blocks .beauty-form-actions{display:flex;gap:9px}
#view-blocks .beauty-form-actions .btn.primary,#view-cash .cash-actions .btn.primary{
 background:#e1a8bd!important;color:#271722!important;border-color:#e1a8bd!important;font-weight:800;
}
#view-blocks #blockMessage{min-height:16px;color:#e5b4c6;margin-top:10px}
#view-blocks .data-table{min-width:610px}
#view-blocks .data-table th,#view-blocks .data-table td{padding:13px 10px}
#view-blocks .data-table td button{border:1px solid #76506a;background:#3a2637;color:#f7cedc;padding:8px 12px;border-radius:9px;font-weight:700;font-size:11px}
#view-blocks .data-table td button:hover{background:#56364e}
#view-commissions .finance-toolbar,#view-cash .finance-toolbar{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:14px}
#view-commissions .finance-toolbar .btn,#view-cash .finance-toolbar .btn{background:#302332;color:#f3d3e0;border:1px solid #5a4154;font-size:11px}
#view-commissions .finance-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:18px}
#view-commissions .finance-filters>select,#view-commissions .finance-filters>input{flex:1 1 180px;max-width:none;min-width:140px;min-height:43px}
#view-commissions .finance-filters [hidden]{display:none!important}
#view-commissions .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#view-commissions .metric{min-width:0;border-radius:13px;min-height:110px}
#view-commissions .commission-table{min-width:840px}
#view-commissions .commission-table th,#view-commissions .commission-table td{padding:13px 10px}
#view-cash .beauty-cash-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;align-items:start}
#view-cash .beauty-cash-layout>.panel{min-width:0;margin:0;padding:21px;border-radius:17px}
#view-cash .cash-top-date{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
#view-cash .cash-top-date label{min-width:0;display:flex;align-items:center;gap:9px;font-size:12px;color:#dcc5d2;font-weight:700}
#view-cash .cash-top-date input{min-width:0;width:155px;min-height:42px}
#view-cash .cash-top-date #cashStatus{font-weight:750;color:#e3b0c4}
#view-cash .cash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 15px}
#view-cash .cash-grid .metric{min-height:101px;padding:16px}
#view-cash .cash-grid .metric strong{font-size:25px;margin:10px 0 3px}
#view-cash .cash-opening-row{margin:0 0 12px}
#view-cash .cash-opening-row[hidden]{display:none!important}
#view-cash .cash-opening-row label{display:flex;align-items:center;gap:10px;font-size:12px}
#view-cash .cash-opening-row input{width:150px;min-height:40px}
#view-cash .cash-state-notice{border:1px solid #664a60;background:#312238;color:#e0bccb;padding:11px 14px;border-radius:11px;line-height:1.5;font-size:11px;margin:0 0 15px}
#view-cash .cash-entry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#view-cash .cash-entry-form>.wide{grid-column:1/-1}
#view-cash .cash-entry-form input,#view-cash .cash-entry-form select{min-width:0;width:100%;min-height:43px;font-size:12px}
#view-cash .cash-entry-form button{min-height:42px}
#view-cash .cash-actions{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}
#view-cash .cash-actions .btn{min-height:40px;font-size:12px}
#view-cash #cashMessage{min-height:12px;color:#edbcd0}
#view-cash .cash-table{min-width:620px}
#view-cash .cash-table th,#view-cash .cash-table td{padding:12px 9px}
#view-cash .cash-close-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #403244;padding:15px 0}
#view-cash .cash-close-row:first-of-type{padding-top:5px}
#view-cash .cash-close-row strong{font-size:12px;color:#f8eaf2}
#view-cash .cash-close-row small{display:block;font-size:11px;color:#baa6b5;margin-top:5px}
#view-cash .cash-state-badge{padding:6px 9px;border-radius:8px;background:#3b293a;color:#efb8ca;font-size:11px;font-weight:750;white-space:nowrap}
#view-cash .cash-close-row + .notice{margin-top:20px;background:#2c2331;border-color:#61475c}
#view-cash .cash-monthly-panel{grid-column:1/-1;margin-top:0}
#view-cash .cash-monthly-controls{display:flex;align-items:end;flex-wrap:wrap;gap:8px}
#view-cash .cash-monthly-controls label{font-size:11px;display:grid;gap:5px;color:#d9c1cf}
#view-cash .cash-monthly-controls input{min-height:40px;width:155px}
#view-cash .cash-monthly-controls .btn{min-height:40px}
#view-cash .cash-monthly-controls .btn.primary{background:#e1a8bd!important;color:#271722!important;border-color:#e1a8bd!important}
#view-cash .cash-month-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:17px 0}
#view-cash .cash-month-summary .metric{padding:16px;min-height:96px}
#view-cash .cash-month-summary .metric strong{font-size:24px}
#view-cash .cash-monthly-table{min-width:790px}
#view-cash .cash-monthly-table td{padding:12px 10px}
@media(max-width:1170px){
 #view-blocks .beauty-maciel-layout{grid-template-columns:1fr}
 #view-cash .beauty-cash-layout{grid-template-columns:1fr}
}
@media(max-width:700px){
 #view-blocks .beauty-maciel-layout>.panel,#view-cash .beauty-cash-layout>.panel{padding:17px 14px}
 #view-commissions .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-commissions .cards .metric:last-child{grid-column:1/-1}
 #view-commissions .finance-filters{display:grid;grid-template-columns:1fr 1fr}
 #view-commissions .finance-filters>select,#view-commissions .finance-filters>input{min-width:0;width:100%}
 #view-commissions .finance-filters #commissionProfessional{grid-column:1/-1}
 #view-cash .finance-toolbar{flex-direction:column}
}
@media(max-width:440px){
 #view-blocks .beauty-block-form{grid-template-columns:1fr}
 #view-blocks .beauty-block-form>*{grid-column:1/-1}
 #view-commissions .finance-filters{grid-template-columns:1fr}
 #view-commissions .finance-filters>*{grid-column:1/-1}
 #view-cash .cash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #view-cash .cash-grid .metric{padding:12px;min-height:95px}
 #view-cash .cash-grid .metric strong{font-size:20px}
 #view-cash .cash-entry-form{grid-template-columns:1fr}
 #view-cash .cash-entry-form>*{grid-column:1/-1}
 #view-cash .cash-month-summary{grid-template-columns:1fr}
 #view-cash .cash-top-date{flex-wrap:wrap}
}
