/*
Theme Name: Salman Personal Record
Author: Md Salman
Description: Fully functional theme with Quoted form
* The template for displaying the main index Template
Version: 1.0
*/
body { font-family: system-ui, Arial, sans-serif; margin:0; padding:0; background:#f7f8fb; color:#111; }
header { background:#fff; text-align:center; padding:12px 0; border-bottom:1px solid #ddd;}
nav { margin-top:8px; }
nav a { margin:0 12px; text-decoration:none; color:#111; font-weight:600;}
.container { max-width:1100px; margin:20px auto; background:#fff; padding:20px; border-radius:8px; box-shadow:0 6px 20px rgba(0,0,0,.06); }
.sheet { width:100%; border-collapse:collapse; margin-top:20px; }
.sheet th, .sheet td { padding:10px; border:1px solid #e6e9ef; }
.sheet th { background:#fafbfd; font-weight:600;}
.button { padding:8px 12px; border-radius:6px; cursor:pointer; border:1px solid #d1d7e0; background:#fff; }
.controls { margin-bottom:12px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
textarea { width:100%; min-height:120px; padding:10px; border:1px solid #ccc; border-radius:6px; }
footer { text-align:center; padding:12px 0; border-top:1px solid #ddd; margin-top:20px;}
.modal-backdrop { position:fixed; inset:0; background:rgba(0,0,0,.4); display:none; align-items:center; justify-content:center; }
.modal { background:#fff; padding:18px; border-radius:8px; width:320px; box-shadow:0 8px 30px rgba(0,0,0,.2); }
/* Salman Personal Record v4 Additions */
#quote-search {
    width: 50%;
    display: block;
    margin: 15px auto;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
#quote-search:focus {
    border-color: #0073aa;
    box-shadow: 0 0 5px rgba(0,115,170,0.4);
}
tr { transition: opacity 0.3s ease-in-out; }