/* Shared appearance follows the selected Samklang website (design 13). */
:root {
    --samklang-ink: #34432f;
    --samklang-primary: #55674e;
    --samklang-paper: #f6f7f2;
    --samklang-soft: #e7ebde;
    --samklang-line: #c8d0c1;
    --samklang-control-line: #819075;
    --samklang-muted: #52624c;
    --samklang-focus: #986a12;
    --samklang-radius: .5rem;
    font: 17px/1.55 "Segoe UI", Arial, sans-serif;
    color: var(--samklang-ink);
    background: var(--samklang-paper);
}
:root:lang(ar) { font-family: Tahoma, "Segoe UI", Arial, sans-serif; }
*{box-sizing:border-box}body{margin:0}body>header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem max(1rem,calc((100% - 760px)/2));background:var(--samklang-paper);color:var(--samklang-ink);border-block-end:1px solid var(--samklang-line)}header a{color:var(--samklang-ink)}main{max-width:760px;margin:2rem auto;padding:0 1rem}a{color:var(--samklang-ink)}h1{font-size:1.8rem;line-height:1.25;overflow-wrap:anywhere}h2{font-size:1.2rem;overflow-wrap:anywhere}article,aside{padding:1rem;background:white;border:1px solid var(--samklang-line);border-radius:.5rem;margin:1rem 0;overflow-wrap:anywhere}.notice{padding:1rem;background:#fff1bd;color:#513e0d}label{display:block;font-weight:600;margin-block-end:.4rem}input,textarea,select{font:inherit;padding:.65rem;border:1px solid var(--samklang-control-line);border-radius:var(--samklang-radius);max-width:100%;width:100%;background:white;color:var(--samklang-ink)}input[type=checkbox]{width:auto}textarea{height:8rem;resize:vertical}button{min-height:44px;font:inherit;font-weight:600;padding:.75rem 1.2rem;border:0;border-radius:var(--samklang-radius);background:var(--samklang-primary);color:white;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--samklang-focus);outline-offset:3px}.errorlist{color:#962d29;font-weight:600}section{margin-block:2rem}p{overflow-wrap:anywhere}

nav{display:flex;flex-wrap:wrap;gap:.5rem}header button{padding:.25rem .5rem}small{display:block} .error{border-inline-start:4px solid #962d29;padding:1rem;background:#fff0ef} .success{padding:1rem;background:#d8efdd} .case-list{padding:0;list-style:none} .case-list a{display:block;padding:1rem;background:white;margin:1rem 0;border:1px solid var(--samklang-line);border-radius:.5rem} .body{white-space:pre-wrap} .reference{font-size:.9rem;overflow-wrap:anywhere} .actions{display:flex;gap:1rem;flex-wrap:wrap} fieldset{border:0;padding:0;margin:1rem 0} :disabled{opacity:.65} input[type=date]{min-height:2.8rem}

.case-list a > small {
    display: block;
    margin-block-start: .35rem;
}

.session-actions {
    margin-block-start: 2rem;
    padding-block-start: 1.25rem;
    border-block-start: 1px solid var(--samklang-line);
}
.session-actions button {
    background: transparent;
    color: var(--samklang-primary);
    border: 1px solid var(--samklang-control-line);
}

header { align-items: center; }
.brand {
    position: relative;
    display: block;
    inline-size: 220px;
    block-size: 92px;
    max-inline-size: 100%;
    overflow: hidden;
    background: var(--samklang-paper);
    border-radius: .4rem;
}
.brand img {
    position: absolute;
    inline-size: 100%;
    block-size: auto;
    inset-inline-start: 0;
    top: 50%;
    transform: translateY(-50%);
    mix-blend-mode: multiply;
}

.workspace-session, .workspace-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .75rem 1.5rem;
}
.workspace-session form { margin: 0; }
.workspace-session button { border: 1px solid var(--samklang-control-line); }
.workspace-navigation { margin-block-end: 2rem; }
.workspace-navigation a { padding-block: .35rem; }
.workspace-navigation .website-back-button, .website-back-button {
    display: inline-block;
    padding: .65rem 1rem;
    border: 1px solid var(--samklang-primary);
    border-radius: var(--samklang-radius);
    background: white;
    font-weight: 600;
    text-decoration: none;
}
.workspace nav a[aria-current] { font-weight: 700; }
.workspace-tool { border-inline-start: 4px solid var(--samklang-primary); padding: 1.25rem; }
.tool-status { margin: 0; color: var(--samklang-muted); font-weight: 600; }
.workspace-action {
    display: inline-block;
    margin-block: .4rem;
    padding: .75rem 1.2rem;
    border-radius: var(--samklang-radius);
    background: var(--samklang-primary);
    color: white;
    font-weight: 600;
}
.workspace-upcoming { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 1rem; }
.workspace-upcoming article { margin: 0; background: transparent; }
.workspace-upcoming h2 { margin-block-start: 0; }

button:not(:disabled):hover, .workspace-action:hover { background: #44553e; color: white; }
.session-actions button:not(:disabled):hover { background: var(--samklang-soft); color: var(--samklang-ink); }
.workspace-action { text-decoration: none; }
.workspace-action:focus-visible { outline-color: var(--samklang-focus); }
:disabled { cursor: not-allowed; }

/* Received applications: separate identity, workflow badges and receipt date. */
.queue-receipt-list a{display:grid;gap:.65rem;text-decoration:none}
.queue-receipt-list strong{text-decoration:underline;text-underline-offset:.2em;overflow-wrap:anywhere}
.queue-statuses{display:flex;flex-wrap:wrap;gap:.5rem}
.queue-statuses>span{padding:.25rem .6rem;border-radius:.35rem;background:var(--samklang-paper);border:1px solid var(--samklang-line);font-size:.9rem;line-height:1.5}
.queue-received{display:flex;flex-wrap:wrap;column-gap:.4rem;row-gap:.2rem;color:var(--samklang-muted);line-height:1.6}