.page-trips{max-width:1600px!important;margin:0 auto;padding-bottom:28px}.trip-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.trip-head h2{margin:2px 0 2px;font-size:25px}.trip-head p{margin:0;color:#aebad0}.trip-head-actions{display:flex;gap:8px;flex-wrap:wrap}.trip-head-actions .btn{min-height:36px;font-size:12px}.trip-selector-row{width:min(620px,100%);display:flex;align-items:center;gap:10px;margin-bottom:14px}.trip-selector-row label{font-weight:800;color:#d9e1f0}.trip-selector-row .form-select{background-color:#101d38;color:#f5f7ff;border-color:#33415f}.trip-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.trip-kpis article{min-height:100px;padding:15px;display:flex;align-items:center;gap:12px;background:linear-gradient(145deg,#14223f,#101d38);border:1px solid #2a3858}.trip-kpi-icon,.trip-icon{display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#1b2a47;color:#d9defa}.trip-kpi-icon{width:42px;height:42px}.trip-kpi-icon svg{width:20px}.trip-kpi-icon.green{background:#173a34;color:#79d4aa}.trip-kpi-icon.amber{background:#3a3020;color:#f2c66f}.trip-kpis small,.trip-kpis em{display:block;color:#aebad0;font-style:normal}.trip-kpis strong{display:block;font-size:20px;color:#fff;margin:2px 0}.trip-kpis strong.negative{color:#ff8795}.trip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trip-panel{height:430px;min-width:0;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(145deg,#14223f,#101d38);border:1px solid #2a3858}.trip-panel-head{padding:14px 15px 11px;border-bottom:1px solid #2a3858}.trip-panel-head h3{font-size:14px;margin:0;color:#fff}.trip-panel-head p{font-size:10px;margin:3px 0 0;color:#aebad0}.trip-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#56637c transparent}.trip-category-row,.trip-expense-row,.trip-directory-row{min-height:62px;border-bottom:1px solid #2a3858;padding:9px 12px;display:flex;align-items:center;gap:9px;color:#edf2fb}.trip-icon{width:36px;height:36px;background:#eaf0f5;color:#334a6e;overflow:hidden}.trip-icon img{width:100%;height:100%;object-fit:contain;padding:4px}.trip-icon.green{background:#e8f6ef;color:#42936d}.trip-icon.amber{background:#fff4dc;color:#c2882e}.trip-category-row>div,.trip-expense-row>div{min-width:0;flex:1}.trip-category-row strong,.trip-expense-row strong,.trip-directory-row strong{display:block;font-size:12px;color:#fff}.trip-category-row small,.trip-expense-row small,.trip-directory-row small{display:block;color:#aebad0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trip-expense-row>b,.trip-directory-row>b{font-size:11px;color:#f2c66f;white-space:nowrap}.trip-action{width:29px;height:29px;border:0;border-radius:9px;display:grid;place-items:center}.trip-action svg{width:14px}.trip-action.edit{background:#eeeafd;color:#5544bb}.trip-action.delete{background:#fff0f1;color:#bd4453}.trip-directory-row{width:100%;background:transparent;border-left:0;border-right:0;border-top:0;text-align:left}.trip-directory-row>span:nth-child(2){flex:1;min-width:0}.trip-directory-row.active{background:#172847;box-shadow:inset 3px 0 #e0ad58}.trip-empty{height:100%;min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#8290a8;text-align:center;padding:20px}.trip-empty svg{width:28px}.trip-budget-note{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(224,173,88,.28);border-radius:10px;background:#172541;margin-bottom:15px;color:#f5f7ff}.trip-budget-note svg{color:#e0ad58}.trip-budget-note small{display:block;color:#aebad0}.trip-modal-danger{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid #2a3858}.trip-modal-danger small{color:#aebad0}.trip-category-manager .settings-list{overflow-y:auto;min-height:0}.trip-category-manager .settings-mini-icon.amber{background:#3a3020;color:#f2c66f}
@media(max-width:1100px){.trip-kpis,.trip-grid{grid-template-columns:1fr}.trip-panel{height:360px}.trip-head{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.trip-head-actions{width:100%}.trip-head-actions .btn{flex:1}.trip-kpis{grid-template-columns:1fr}.trip-expense-row{grid-template-columns:auto 1fr}.trip-expense-row>b{margin-left:auto}}