/* Structural + accessibility rules shared by every DALON tool page.
   Visual design (colours, cards, controls) lives in tools-theme.css. */

body.dalon-tools{background:#f4f7f8;color:#16232b}
.dalon-tools .tools-main{background:#f4f7f8}
.dalon-tools .ibox,.dalon-tools .card{border-radius:8px;border:1px solid #d5dee3;box-shadow:0 4px 16px #16232b0a;min-width:0}
.dalon-tools .ibox-content,.dalon-tools .card-body{overflow-wrap:anywhere;min-width:0}
.dalon-tools .table-responsive,.dalon-tools .dataTables_wrapper{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dalon-tools img{max-width:100%;height:auto}
.dalon-tools .btn,.dalon-tools input:not([type=radio]):not([type=checkbox]),.dalon-tools select{min-height:44px}
.dalon-tools .btn{white-space:normal}
.dalon-tools a:focus-visible,.dalon-tools button:focus-visible,.dalon-tools summary:focus-visible,.dalon-tools input:focus-visible,.dalon-tools select:focus-visible{outline:3px solid #167f8c;outline-offset:3px}
.dalon-tools .customer-flow .container{width:100%;padding-inline:12px}
.dalon-tools .wrapper-content{padding:0}

@media(max-width:767px){
 .dalon-tools .tools-container{padding-inline:16px}
 .dalon-tools .input-group{max-width:100%}
 .dalon-tools .ibox-content{padding:16px}
 .dalon-tools .customer-flow .container{grid-template-columns:minmax(0,1fr)}
 .dalon-tools .customer-flow a{justify-content:center}
}