html { font-size: 16px; }
body { background: #f4f7fb; color: #173044; font-family: Arial, Helvetica, sans-serif; }
button, input, select, textarea { font: inherit; }
.app-shell { min-height: 100vh; padding: 0 18px 70px; background: radial-gradient(circle at 50% -200px, #dceefd, transparent 460px), #f4f7fb; }
.app-frame { max-width: 720px; margin: auto; }
.topbar { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.brand { display: flex; align-items: center; gap: 10px; font-size: 1.1rem; font-weight: 800; white-space: nowrap; letter-spacing: -.03em; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: #1269b3; color: #fff; transform: rotate(-5deg); }
.share-button { display: flex; align-items: center; gap: 7px; padding: 10px 12px; border: 1px solid #bdd6ea; border-radius: 12px; color: #1269b3; background: #fff; font-weight: 700; font-size: .9rem; white-space: nowrap; }
.intro { display: flex; align-items: center; justify-content: space-between; margin: 9px 0 24px; gap: 18px; }
.intro h1 { font-size: clamp(1.8rem, 6vw, 2.45rem); line-height: 1.12; font-weight: 800; letter-spacing: -.055em; }
.intro p { color: #61788a; margin-top: 8px; font-size: .96rem; line-height: 1.4; }
.progress-ring { width: 66px; height: 66px; flex: 0 0 auto; border: 6px solid #d4e9f9; border-top-color: #1269b3; border-radius: 50%; display: grid; place-items: center; color: #1269b3; font-weight: 800; font-size: 1.05rem; background: #fff; }
.progress-ring small { font-size: .65rem; margin-left: 20px; margin-top: -39px; }
.add-panel { padding: 14px; background: #fff; border: 1px solid #dce7f0; border-radius: 19px; box-shadow: 0 11px 30px #17476b0b; }
.add-row { display: flex; gap: 10px; }
.add-row input { width: 100%; min-width: 0; border: 1px solid #d9e5ef; background: #f7fafc; border-radius: 12px; padding: 13px 14px; outline: none; font-size: 1rem; }
.add-row input:focus, .modal textarea:focus { border-color: #1269b3; box-shadow: 0 0 0 3px #1269b322; }
.add-row button { width: 49px; flex: 0 0 auto; display: grid; place-items: center; color: #fff; background: #1269b3; border-radius: 12px; }
.add-row button:disabled { opacity: .5; }
.add-bottom { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 11px; }
.add-bottom select { color: #557186; border: 0; background: transparent; max-width: 44%; padding: 8px 2px; font-size: .9rem; }
.paste-button { display: flex; align-items: center; gap: 7px; color: #1269b3; font-weight: 700; padding: 7px 0; font-size: .92rem; }
.section-label { display: flex; justify-content: space-between; margin: 28px 2px 13px; color: #718a9d; font-size: .78rem; font-weight: 800; letter-spacing: .1em; }
.empty { padding: 28px; border: 1px dashed #b9d3e5; border-radius: 16px; color: #62798a; background: #fff9; line-height: 1.5; }
.groups { display: grid; gap: 22px; }
.group h2 { display: flex; gap: 8px; align-items: center; margin: 0 3px 10px; color: #173044; font-size: 1.02rem; font-weight: 800; }
.group h2 span { font-size: .72rem; color: #69869b; background: #e2edf6; padding: 2px 7px; border-radius: 20px; }
.item-list { background: #fff; border: 1px solid #dde8f0; border-radius: 16px; overflow: hidden; }
.item { display: flex; align-items: center; gap: 13px; min-height: 68px; padding: 11px 15px; border-bottom: 1px solid #edf2f6; }
.item:last-child { border-bottom: 0; }
.item-check { width: 27px; height: 27px; border-radius: 8px; border: 2px solid #a8c3d7; flex: 0 0 auto; }
.item-main { display: flex; flex: 1; min-width: 0; flex-direction: column; align-items: flex-start; text-align: left; gap: 3px; }
.item-main strong { font-size: 1rem; font-weight: 700; }
.item-main span { font-size: .84rem; color: #6f8799; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; }
.item.bought .item-main strong { color: #8b9eac; text-decoration: line-through; }
.item-status { color: #168065; font-size: .78rem; font-weight: 700; white-space: nowrap; }
.live-hint { text-align: center; margin: 29px 0; color: #788e9e; font-size: .85rem; }
.error { padding: 12px 14px; border-radius: 12px; background: #fff0f0; color: #b72b2b; margin: 0 0 14px; }
.modal { background: #fff; color: #173044; border-radius: 19px; max-height: 90vh; }
.modal p { color: #637d8f; line-height: 1.4; }
.modal textarea { width: 100%; min-height: 180px; max-height: 44vh; border: 1px solid #d9e5ef; background: #f8fbfd; border-radius: 12px; padding: 13px; outline: none; resize: vertical; font-size: 1rem; }
.modal-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #697f8f; font-size: .88rem; }
.modal-actions button { background: #1269b3; color: #fff; padding: 11px 15px; border-radius: 10px; font-weight: 700; white-space: nowrap; }
.modal-actions button:disabled { opacity: .5; }
.modal-actions .delete-button { display: flex; align-items: center; gap: 5px; color: #b52e39; background: transparent; padding-left: 0; }
.note-label { font-weight: 700; }
@media (max-width: 480px) { .topbar { min-height: 77px; } .brand { font-size: 1rem; } .share-button { font-size: .82rem; padding: 9px; } .share-button svg { width: 15px; } .progress-ring { width: 58px; height: 58px; } }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; }
button, input, select, textarea { font-family: inherit; }
button { cursor: pointer; border: 0; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #60adf0; outline-offset: 2px; }
[hidden] { display: none !important; }
.brand-mark { font-size: 1.35rem; }
.add-row button { font-size: 1.7rem; }
.item-check { appearance: none; cursor: pointer; background: #fff; display: grid; place-items: center; }
.item-check:checked { border-color: #1269b3; background: #1269b3; }
.item-check:checked::after { content: "✓"; color: #fff; font-size: 1.05rem; font-weight: 800; line-height: 1; }
.modal { width: min(100% - 32px, 490px); max-width: 490px; border: 1px solid #dce7f0; box-shadow: 0 24px 80px #0e293644; padding: 25px; margin: auto; position: fixed; top: 50%; transform: translateY(-50%); }
.modal::backdrop { background: #0e293688; }
.modal h2 { font-size: 1.35rem; font-weight: 800; margin: 0 30px 9px 0; }
.modal p { font-size: .93rem; margin: 0 0 15px; }
.modal textarea { display: block; margin: 0 0 18px; }
.dialog-close { position: absolute; top: 12px; right: 13px; }
.dialog-close button { color: #70899a; background: transparent; font-size: 1.6rem; line-height: 1; }
.delete-button { color: #b52e39 !important; }
.progress-ring { display: flex; align-items: center; justify-content: center; gap: 1px; }
.progress-ring small { margin: 0; font-size: .68rem; }
.item-main { background: transparent; color: inherit; padding: 0; }
.item-delete { width: 40px; height: 40px; flex: 0 0 auto; border-radius: 10px; background: #f2f6f9; color: #8599a8; font-size: 1.5rem; line-height: 1; }
.item-delete:hover, .item-delete:focus-visible { background: #fff0f1; color: #b52e39; }
.item-quantity { display: inline-block; margin-left: 5px; padding: 3px 7px; border-radius: 7px; color: #1269b3; background: #e9f3fb; font-size: .77rem; font-style: normal; font-weight: 700; text-decoration: none; vertical-align: middle; white-space: nowrap; }
.modal #quantity-text { display: block; width: 100%; margin: 7px 0 15px; padding: 12px; border: 1px solid #d9e5ef; border-radius: 10px; background: #f8fbfd; }
.login-body { min-height: 100vh; background: radial-gradient(circle at 50% -170px, #dceefd, transparent 470px), #f4f7fb; }
.login-shell { width: min(100% - 36px, 430px); min-height: 100vh; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; padding: 35px 0; }
.login-brand { display: flex; align-items: center; gap: 10px; margin: 0 0 26px; font-size: 1.18rem; font-weight: 800; letter-spacing: -.03em; }
.login-card { background: #fff; border: 1px solid #dce7f0; border-radius: 22px; padding: 30px; box-shadow: 0 18px 55px #17476b13; }
.login-card h1 { font-size: 2rem; font-weight: 800; line-height: 1.12; letter-spacing: -.055em; margin: 0 0 9px; }
.login-card p { color: #637d8f; line-height: 1.45; margin: 0 0 26px; }
.login-card form { display: grid; gap: 10px; }
.login-card label { font-size: .9rem; font-weight: 700; margin-top: 9px; }
.login-card input { width: 100%; border: 1px solid #d9e5ef; border-radius: 11px; padding: 13px 14px; background: #f8fbfd; font-size: 1rem; }
.login-card small { color: #768b99; font-size: .82rem; }
.login-submit { margin-top: 15px; background: #1269b3; color: #fff; border-radius: 11px; padding: 14px; font-weight: 800; width: 100%; }
.login-footer { text-align: center; color: #8193a0; font-size: .85rem; margin: 20px 0 0; }
.top-actions { display: flex; align-items: center; gap: 7px; }
.top-actions form { margin: 0; }
.account-link { color: #607b8e; background: transparent; text-decoration: none; font-size: .85rem; font-weight: 700; padding: 9px 5px; white-space: nowrap; }
@media (max-width: 560px) { .topbar { flex-wrap: wrap; padding: 14px 0; } .top-actions { width: 100%; justify-content: flex-end; } .login-card { padding: 24px; } }
.back-link { display: inline-block; color: #1269b3; text-decoration: none; font-size: .86rem; font-weight: 700; margin-bottom: 22px; }
.user-list { margin: 0 0 18px; border: 1px solid #e0eaf2; border-radius: 12px; overflow: hidden; }
.user-list div { display: flex; justify-content: space-between; gap: 10px; padding: 12px 14px; border-bottom: 1px solid #edf2f6; font-size: .9rem; }
.user-list div:last-child { border-bottom: 0; }
.user-list span { color: #71899a; }
.success { color: #116b50; background: #e6f7ef; padding: 12px; border-radius: 10px; margin-bottom: 15px; }
.view-tabs { display: flex; gap: 5px; padding: 5px; margin: 0 0 20px; background: #e6eff7; border-radius: 13px; }
.view-tabs button { flex: 1; background: transparent; color: #607a8d; border-radius: 9px; padding: 11px 8px; font-weight: 800; font-size: .92rem; }
.view-tabs button.active { background: #fff; color: #1269b3; box-shadow: 0 2px 9px #0d345516; }
.history-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; margin: 4px 2px 20px; }
.history-head h2 { font-size: 1.45rem; line-height: 1.16; font-weight: 800; letter-spacing: -.04em; margin: 0 0 5px; }
.history-head p { color: #688092; font-size: .9rem; line-height: 1.4; margin: 0; }
.new-day-controls { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; }
.new-day-controls input { min-width: 0; width: 145px; border: 1px solid #d9e5ef; border-radius: 9px; padding: 9px; background: #fff; color: #173044; font-size: .85rem; }
.new-day-controls button, .message-form button { background: #1269b3; color: #fff; border-radius: 9px; padding: 11px 13px; white-space: nowrap; font-weight: 800; }
#history-content { display: grid; gap: 9px; }
.history-card { background: #fff; border: 1px solid #dce7f0; border-radius: 13px; overflow: hidden; }
.history-day { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; padding: 15px; background: transparent; text-align: left; color: #173044; }
.history-day strong { font-size: .98rem; }
.history-day span { color: #688092; font-size: .86rem; white-space: nowrap; }
.history-items { border-top: 1px solid #edf2f6; padding: 4px 15px 10px; }
.history-items div { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid #edf2f6; }
.history-items div:last-child { border: 0; }
.history-items small { color: #708899; white-space: nowrap; }
.history-items .history-note { display: block; margin: 3px 0 0 18px; white-space: normal; }
.history-items p { color: #708899; }
.activity-heading { margin: 28px 2px 12px; font-size: 1.02rem; font-weight: 800; }
#activity-content { background: #fff; border: 1px solid #dce7f0; border-radius: 13px; overflow: hidden; }
.activity-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 13px 15px; border-bottom: 1px solid #edf2f6; font-size: .9rem; line-height: 1.35; }
.activity-row:last-child { border: 0; }
.activity-row span { color: #1269b3; }
.activity-row time { color: #7890a0; font-size: .78rem; white-space: nowrap; }
.message-thread { height: min(55vh, 460px); overflow-y: auto; border: 1px solid #dce7f0; border-radius: 15px; background: #fff; padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.message { max-width: 85%; align-self: flex-start; border-radius: 13px 13px 13px 3px; background: #ecf3f8; padding: 11px 13px; }
.message.mine { align-self: flex-end; background: #dceeff; border-radius: 13px 13px 3px 13px; }
.message-meta { color: #648093; font-size: .74rem; margin-bottom: 4px; }
.message p { margin: 0; font-size: .96rem; line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; }
.message-form { display: flex; gap: 8px; margin-top: 11px; }
.message-form input { width: 100%; min-width: 0; border: 1px solid #d9e5ef; border-radius: 10px; background: #fff; padding: 12px; font-size: 1rem; }
@media (max-width: 600px) { .history-head { flex-direction: column; } .new-day-controls { width: 100%; } .new-day-controls input { flex: 1; } .history-day { align-items: flex-start; flex-direction: column; gap: 4px; } .activity-row { flex-direction: column; gap: 5px; } }
.auth-switch { margin: 20px 0 0 !important; text-align: center; font-size: .9rem; }
.auth-switch a { color: #1269b3; font-weight: 800; text-decoration: none; }
.optional { color: #8193a0; font-weight: 500; }
.invite-box { border: 1px solid #dce7f0; background: #f8fbfd; border-radius: 14px; padding: 16px; }
.invite-box .invite-label { display: block; color: #6c8495; font-size: .82rem; font-weight: 700; margin-bottom: 5px; }
.invite-box > strong { display: block; font-size: 1.65rem; letter-spacing: .12em; color: #1269b3; margin-bottom: 8px; }
.invite-box p { margin: 0 0 14px; font-size: .88rem; }
.invite-box label { display: block; margin: 0 0 6px; }
.invite-box input { width: 100%; }
.account-shell{width:min(100% - 36px,560px);justify-content:flex-start;padding-top:42px}.settings-heading{margin:30px 0 12px;font-size:1.05rem}.account-shell form{margin-bottom:8px}.user-list{margin-top:18px}.user-list div>span:first-child{display:flex;flex-direction:column;gap:2px}.user-list small{color:#7890a0}.profile-link{max-width:150px;overflow:hidden;text-overflow:ellipsis}.login-card input:disabled{opacity:.65}.auth-switch{line-height:1.8}

/* v4: iPhone-style Turkish shopping experience */
.add-row { gap: 8px; }
.favorites-panel { margin: 14px 0; border-radius: 18px; background: rgba(255,255,255,.92); box-shadow: 0 8px 28px rgba(15,23,42,.06); border: 1px solid rgba(15,23,42,.07); }
.favorites-panel { padding: 14px; }
.section-title-row { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:10px; }
.section-title-row h2 { margin:0; font-size:16px; }
.section-title-row small { opacity:.55; }
.favorites-content { display:flex; gap:8px; overflow-x:auto; padding-bottom:2px; scrollbar-width:none; }
.favorites-content::-webkit-scrollbar { display:none; }
.favorite-chip { border:0; border-radius:999px; background:#f1f5f9; padding:9px 12px; white-space:nowrap; font:inherit; font-weight:700; display:flex; align-items:center; gap:6px; }
.favorite-chip span { color:#f59e0b; }
.favorite-chip small { opacity:.55; font-weight:600; }
.favorites-empty { font-size:13px; opacity:.58; line-height:1.4; }
.favorite-button { background:#fff7ed !important; color:#b45309 !important; }
.item-actions { flex-wrap:wrap; }
@media (max-width: 520px) {
  .app-frame { padding-bottom: calc(22px + env(safe-area-inset-bottom)); }
  .topbar { position:sticky; top:0; z-index:20; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
  .add-row { display:grid; grid-template-columns:minmax(0,1fr) 92px 48px; }
  .share-button span { display:none; }
}

.language-select{border:1px solid rgba(15,23,42,.12);background:#fff;border-radius:10px;padding:7px 8px;font:inherit;font-weight:700}.voice-button{border:0;border-radius:12px;padding:10px 13px;background:#eef6ff;color:#1269b3;font:inherit;font-weight:800}.voice-button.listening{background:#fee2e2;color:#b91c1c}.voice-status{margin:8px 0 10px;padding:10px 12px;border-radius:12px;background:#eef6ff;color:#334155;font-size:13px}.voice-status.error{background:#fff1f2;color:#be123c}

.store-section{margin:18px 0 24px}.store-title{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:1.05rem}.store-title span{font-size:.78rem;font-weight:800;padding:4px 8px;border-radius:999px;background:#eef6ff;color:#1269b3}.store-badge{display:inline-block;margin-top:4px;padding:3px 7px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.72rem;font-weight:800}.add-bottom #new-store{min-width:125px}.modal #store-text{display:block;width:100%;margin:7px 0 15px;padding:12px;border:1px solid #d9e5ef;border-radius:10px;background:#f8fbfd;font:inherit}

/* v8: mobile layout fixes for iPhone / narrow screens */
@media (max-width: 600px) {
  .app-shell { padding-left: 14px; padding-right: 14px; }
  .topbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px 0 14px;
    min-height: auto;
    position: sticky;
    top: 0;
    z-index: 20;
    background: rgba(244,247,251,.92);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
  .brand { min-width: 0; }
  .top-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 62px minmax(0,1fr) auto 44px;
    align-items: center;
    gap: 7px;
  }
  .language-select { width: 62px; min-width: 0; padding: 9px 6px; }
  .profile-link {
    min-width: 0;
    max-width: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
  }
  .account-link { padding: 8px 5px; white-space: nowrap; }
  .share-button {
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    justify-content: center;
    border-radius: 12px;
  }
  .share-button span { display: none; }

  .add-panel { padding: 12px; }
  .add-row { grid-template-columns: minmax(0,1fr) 86px 48px; gap: 7px; }
  .add-row input { padding-left: 11px; padding-right: 11px; }
  .add-bottom {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 8px;
    align-items: stretch;
  }
  .add-bottom select {
    max-width: none;
    width: 100%;
    min-width: 0;
    border: 1px solid #d9e5ef;
    border-radius: 11px;
    background: #f8fbfd;
    padding: 10px 9px;
    font-size: .87rem;
  }
  .add-bottom #new-store { min-width: 0; }
  .voice-button,
  .paste-button {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    justify-content: center;
    text-align: center;
    padding: 10px 8px;
    border-radius: 11px;
  }
  .paste-button { background: #f3f7fb; }
  .favorites-panel { margin-top: 12px; margin-bottom: 12px; }
}

@media (max-width: 380px) {
  .top-actions { grid-template-columns: 58px minmax(0,1fr) 48px 42px; gap: 5px; }
  .account-link { font-size: .84rem; }
  .add-row { grid-template-columns: minmax(0,1fr) 78px 46px; gap: 6px; }
  .section-title-row { align-items: flex-start; }
}

.mega-search { border:0; background:#eef6ff; color:#0f5d9d; min-width:38px; height:38px; border-radius:12px; font-size:17px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; }
.mega-search:disabled { opacity:.55; cursor:wait; }
.item-searching { opacity:.65; }
/* v11 stability & UX */
.item-favorite{border:0;background:transparent;font-size:1.25rem;line-height:1;cursor:pointer;padding:.35rem;color:inherit}
.item-favorite:hover{transform:scale(1.08)}
#note-dialog input,#note-dialog select,#note-dialog textarea{width:100%;box-sizing:border-box}


/* Local analytics + password visibility controls */
.password-field{position:relative;width:100%}.password-field input{width:100%;padding-right:52px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:transparent;border-radius:10px;cursor:pointer;font-size:18px;display:grid;place-items:center}.password-toggle:hover,.password-toggle:focus-visible{background:#eef5fa;outline:none}.analytics-shell{width:min(1100px,calc(100% - 24px));margin:24px auto 56px}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.analytics-header h1{margin:6px 0}.analytics-nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.metric-card{background:#fff;border:1px solid #e5ebf1;border-radius:16px;padding:16px;box-shadow:0 5px 18px rgba(24,49,72,.05)}.metric-card strong{display:block;font-size:30px;line-height:1.1;margin-top:7px}.metric-card span{font-size:13px;color:#65717d}.analytics-panel{background:#fff;border:1px solid #e5ebf1;border-radius:16px;padding:18px;margin-top:14px;overflow:auto}.analytics-panel h2{margin:0 0 14px;font-size:18px}.analytics-table{width:100%;border-collapse:collapse;min-width:650px}.analytics-table th,.analytics-table td{text-align:left;padding:11px 10px;border-bottom:1px solid #edf1f5;font-size:14px}.analytics-table th{font-size:12px;color:#65717d;text-transform:uppercase;letter-spacing:.04em}.analytics-muted{color:#73808c;font-size:13px}.activity-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.activity-stat{padding:14px;border-radius:13px;background:#f7f9fb}.activity-stat strong{display:block;font-size:22px}.activity-stat span{font-size:12px;color:#65717d}@media(max-width:760px){.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-header{display:block}.analytics-nav{margin-top:12px}}@media(max-width:430px){.analytics-grid{grid-template-columns:1fr 1fr}.metric-card strong{font-size:25px}}
.danger-button{width:100%;margin-top:10px;border:1px solid #c83b3b;background:#fff;color:#a51f1f;border-radius:12px;padding:12px 14px;font-weight:700;cursor:pointer}.secondary-button{width:100%;border:1px solid #cfd8e3;background:#fff;color:#24364a;border-radius:12px;padding:11px 14px;font-weight:700;cursor:pointer}.admin-table{width:100%;border-collapse:collapse;margin-top:16px}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #e7ebf0;text-align:left;vertical-align:top}.admin-table small{display:block;color:#65717f}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form input{margin:0;min-width:180px}.inline-form button{width:auto;margin:0}