/* Identité visuelle commune du site TREG. */
.design-test {
    --green:#246b39;
    --green-dark:#174a27;
    --line:#dfe7e0;
    background:#f5f7f4;
    color:#24322a;
}
.design-test .topbar {
    background:#fff;
    color:#24322a;
    border-bottom:3px solid var(--green);
    box-shadow:0 2px 12px #18382106;
    padding:14px 28px;
}
.design-test .brand{font-size:19px;color:#425348}
.design-test .site-home-logo{padding:0;background:transparent}
.design-test .site-home-logo img{width:96px}
.design-test .site-home-logo:focus-visible{outline-color:var(--green)}
.design-test .button {
    border-color:#d5dfd7;
    color:#344d3c;
    border-radius:9px;
    background:#fff;
    font-weight:600;
    transition:background .15s,border-color .15s;
}
.design-test .button:hover{background:#edf4ee;border-color:#9cbaa3}
.design-test .button.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 3px 8px #246b3918}
.design-test .button.primary:hover{background:var(--green-dark);border-color:var(--green-dark)}
.design-test .button.danger{color:#a32626;background:#fff5f5;border-color:#e9c7c7}
.design-test .button:focus-visible,.design-test input:focus-visible,.design-test select:focus-visible,.design-test textarea:focus-visible{outline:3px solid #69a97b66;outline-offset:2px}
.design-test .page-title-row h1{letter-spacing:-.025em;color:#213b29}
.design-test .page-breadcrumb{color:#78877c;margin-bottom:28px}
.design-test .page-breadcrumb a:hover{color:var(--green)}
.design-test .home-container{max-width:1120px;margin:42px auto}
.design-test .intro{color:#66756b;line-height:1.6;margin-bottom:28px}
.design-test .section-grid{gap:20px;align-items:start}
.design-test .section-card{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:start;column-gap:12px;row-gap:8px;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 5px 18px #23432b05;transition:border-color .15s,box-shadow .15s,transform .15s}
.design-test .section-card:hover{border-color:#91b69b;box-shadow:0 10px 24px #23432b0d;transform:translateY(-2px)}
.design-test .section-icon{grid-column:1;grid-row:1 / 3;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:#edf5ee;border-radius:14px;font-size:28px;color:var(--green);margin:0}
.design-test .section-card h2{grid-column:2;grid-row:1;font-size:20px;color:#233c2b;margin:0;align-self:center}
.design-test .section-card p{grid-column:2;grid-row:2;color:#718076;font-size:14px;line-height:1.5;margin:0}
.design-test .section-link{grid-column:1 / -1;grid-row:3;color:var(--green);font-size:14px;margin:8px 0 0 10px}
.design-test .global-search-card{border-left:4px solid var(--green);background:linear-gradient(110deg,#edf5ee,#fff)}
.design-test .admin-home-grid-1 .global-search-card{grid-column:auto}
.design-test .administration-card{border-left:4px solid var(--green);background:#f3f7f2}
.design-test .home-account-footer{padding:24px 28px}
.design-test .container{max-width:1560px;margin:32px auto;padding:0 24px}
.design-test .container.narrow{max-width:800px}
.design-test .stock-toolbar{background:white;border:1px solid var(--line);border-radius:12px;padding:16px;margin:0 0 20px;gap:12px}
.design-test .stock-toolbar input{min-width:220px;border:1px solid #d5dfd7;border-radius:9px;padding:10px 12px;background:#fafcf9}
.design-test .panel{border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 16px #23432b05}
.design-test .table-wrap{max-height:70vh}
.design-test table{font-size:14px}
.design-test th{position:sticky;top:0;z-index:1;background:#ecf2ed;color:#4c6152;font-size:12px;padding:15px 12px;border-bottom:1px solid #d8e3da}
.design-test td{padding:14px 12px;border-bottom:1px solid #e7ede8}
.design-test tbody tr:nth-child(even){background:#f8faf7}
.design-test tbody tr:hover{background:#eef6ef}
.design-test td:nth-child(4){font-variant-numeric:tabular-nums;font-weight:400}
.design-test.site-login-page{background:linear-gradient(145deg,#eaf3e9,#f5f7f4 65%)}
.design-test .site-login-card{border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 40px #23432b0c}
.design-test .site-login-brand{color:var(--green)}
.design-test .form-panel{padding:28px}
.design-test .form-grid{gap:20px}
.design-test .form-grid label{font-size:14px;color:#48604f}
.design-test .form-grid input,.design-test .form-grid select,.design-test .form-grid textarea{border-color:#d5dfd7;border-radius:9px;background:#fbfcfa;color:#24322a}
.design-test .advanced-search{padding:24px}
.design-test .advanced-search h2{font-size:19px;color:#233c2b}
.design-test .duplicate-dialog{border-color:var(--line);border-radius:16px}
@media(max-width:700px){
    .design-test .topbar{padding:14px 18px}
    .design-test .container{padding:0 14px;margin:24px auto}
    .design-test .home-container{margin:28px auto;padding:0 18px}
    .design-test .stock-toolbar>form{width:100%;gap:8px}
    .design-test .stock-toolbar input[name=q]{min-width:0;width:100%}
    .design-test .form-panel{padding:20px}
    .design-test .section-card{padding:24px}
}
@media(prefers-reduced-motion:reduce){.design-test .section-card,.design-test .button{transition:none}.design-test .section-card:hover{transform:none}}