/* 28-Oct-2026 (owner): the admin is used on a phone in Chrome "Desktop site" mode, where everything is drawn small.
   On touch screens only (html.tp - set in common/header_links.php) every button and input gets a bigger, easier tap
   target and a clean look. A PC with a mouse sees no change. Class "tp-skip" = a button already made for touch. */

/* ---------- buttons ---------- */
html.tp button:not(.btn-close):not(.navbar-toggler):not(.tp-skip),
html.tp .btn, html.tp .btn-s, html.tp .btnq, html.tp .btn-action, html.tp .lst-btn, html.tp .ibtn, html.tp .btn-e,
html.tp .btn-copy, html.tp .ui.button, html.tp input[type=submit], html.tp input[type=button], html.tp input[type=reset],
html.tp a.update, html.tp a.del, html.tp a.cb {
    min-height: 44px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    border-radius: 10px !important;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}
html.tp button:not(.btn-close):not(.navbar-toggler):not(.tp-skip):active, html.tp .btn:active, html.tp .btn-s:active, html.tp .btnq:active,
html.tp .btn-action:active, html.tp .lst-btn:active, html.tp .ibtn:active { transform: scale(.97); }
/* buttons side by side never touch */
html.tp .btn + .btn, html.tp .btn-s + .btn-s, html.tp .btnq + .btnq, html.tp .btn-action + .btn-action { margin-left: 6px; }
html.tp .btn-close { width: 1.4em; height: 1.4em; }

/* ---------- inputs ---------- */
html.tp input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]),
html.tp select, html.tp .form-control, html.tp .form-select {
    min-height: 44px;
    font-size: 16px !important;
    border-radius: 10px !important;
    touch-action: manipulation;
}
html.tp textarea { font-size: 16px !important; border-radius: 10px !important; }
html.tp input:not([type=checkbox]):not([type=radio]):not([type=range]):focus, html.tp select:focus, html.tp textarea:focus {
    outline: none !important;
    border-color: #0f766e !important;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, .18) !important;
}
html.tp input[type=checkbox], html.tp input[type=radio] { width: 22px; height: 22px; vertical-align: middle; cursor: pointer; }
html.tp input[type=file] { min-height: 44px; font-size: 15px; }
html.tp input[type=range] { height: 36px; }
html.tp label { cursor: pointer; }

/* text links used as actions */
html.tp a.update, html.tp a.del { display: inline-block; }
html.tp a.clear_search { display: inline-block; padding: 10px 6px; }

/* ---------- side menu + pagination ---------- */
html.tp .left_pannel .nav-link { min-height: 48px; }
html.tp .pagination .page-link { min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; }
